npm - @alaarab/ogrid-react-fluent - Versions diffs - 2.5.8 → 2.6.0 - Mend

@alaarab/ogrid-react-fluent 2.5.8 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/esm/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ogrid-fluent__ColumnHeaderFilter-module__columnHeader{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;position:relative;box-sizing:border-box;overflow:hidden}:root{--dt-header-resize-zone: 16px;--dt-header-action-button: 24px;--dt-header-action-gap: 2px}.ogrid-fluent__ColumnHeaderFilter-module__headerContent{display:flex;align-items:center;gap:4px;flex:1;min-width:0;width:100%;max-width:100%;padding:2px 0;box-sizing:border-box;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__columnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex;align-items:center;gap:var(--dt-header-action-gap);margin-left:auto;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:4px 6px;margin-left:2px;border:none;border-radius:var(--borderRadiusSmall, 4px);background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{width:36px;height:36px;padding:6px}}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg{font-size:14px}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);color:var(--colorNeutralForeground2Hover, #424242)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive{background-color:var(--colorSubtleBackgroundSelected, #e0e0e0);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen{background-color:var(--colorSubtleBackgroundPressed, #ebebeb);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterBadge{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;border:1px solid var(--colorNeutralBackground1, #ffffff)}.ogrid-fluent__ColumnHeaderFilter-module__filterPopover{min-width:280px;max-width:320px;overflow:hidden;padding:0;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);box-shadow:0 4px 16px #00000024;font-family:var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader{padding:10px 14px;font-size:12px;font-weight:600;color:var(--colorNeutralForeground2, #616161);border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);padding:6px 12px;min-height:36px;box-sizing:border-box}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within{border-color:var(--colorBrandStroke1, #0f6cbd);outline:none}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon{color:var(--colorNeutralForeground3, #616161);font-size:16px;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder{color:var(--colorNeutralForeground4, #707070)}.ogrid-fluent__ColumnHeaderFilter-module__resultCount{margin-top:6px;font-size:11px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton{background:none;border:none;color:var(--colorBrandForeground1, #0f6cbd);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--borderRadiusSmall, 4px);transition:background-color .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover{background-color:var(--colorBrandBackground2, #ebf3fc)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions{overflow-y:auto;max-height:250px;padding:6px 0}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar{width:6px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1, #d1d1d1);border-radius:3px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{padding:4px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:background-color .1s ease;cursor:pointer}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{min-height:44px}}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--colorBrandBackground, #0f6cbd);flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel{margin-left:8px;font-size:14px;color:var(--colorNeutralForeground1, #242424);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__personOption{padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner{width:20px;height:20px;border:2px solid var(--colorNeutralStroke1, #d1d1d1);border-top-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;animation:ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin .8s linear infinite}@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin{to{transform:rotate(360deg)}}.ogrid-fluent__ColumnHeaderFilter-module__noResults{padding:16px;text-align:center;font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorSubtleBackgroundSelected, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel{font-size:11px;color:var(--colorNeutralForeground2, #616161);margin-bottom:6px}.ogrid-fluent__ColumnHeaderFilter-module__selectedUser{display:flex;align-items:center;justify-content:space-between;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__userInfo{display:flex;align-items:center;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__avatar{width:32px;height:32px;border-radius:50%;background-color:var(--colorBrandBackground, #0f6cbd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__avatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials{color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;line-height:1}.ogrid-fluent__ColumnHeaderFilter-module__userText{display:flex;flex-direction:column}.ogrid-fluent__ColumnHeaderFilter-module__userSecondary{font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);color:var(--colorPaletteRedForeground1, #c4314b)}.ogrid-fluent__ColumnHeaderFilter-module__popoverActions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton{padding:6px 12px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);color:var(--colorNeutralForeground1, #242424);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__clearButton{min-height:44px;padding:10px 16px}}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStroke1Hover, #c7c7c7)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__ColumnHeaderFilter-module__applyButton{padding:6px 12px;border:1px solid var(--colorBrandBackground, #0f6cbd);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorBrandBackground, #0f6cbd);color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__applyButton{min-height:44px;padding:10px 20px}}.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover{background-color:var(--colorBrandBackgroundHover, #115ea3);border-color:var(--colorBrandBackgroundHover, #115ea3)}.ogrid-fluent__ColumnHeaderMenu-module__content{min-width:140px;background:var(--ogrid-bg, #ffffff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;padding:4px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.ogrid-fluent__ColumnHeaderMenu-module__item{font-size:13px;line-height:1;color:var(--ogrid-fg, rgba(0, 0, 0, .87));border-radius:4px;border:none;background:transparent;display:flex;align-items:center;height:28px;padding:0 8px;position:relative;user-select:none;outline:none;cursor:pointer;width:100%;text-align:left}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderMenu-module__item{height:44px}}.ogrid-fluent__ColumnHeaderMenu-module__item:disabled{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));pointer-events:none;cursor:not-allowed}.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled){background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__ColumnHeaderMenu-module__separator{height:1px;background-color:var(--ogrid-border, rgba(0, 0, 0, .12));margin:4px 0}.ogrid-fluent__DataGridTable-module__tableScrollContent{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{position:relative;width:max-content;min-width:var(--data-table-min-width, max-content);background:var(--ogrid-bg, #fff);overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--ogrid-bg, #fff);will-change:scroll-position;-webkit-overflow-scrolling:touch;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-cell-font-size: 13px}.ogrid-fluent__DataGridTable-module__tableWrapper:focus{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true]{overflow-x:auto}.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true]{overflow-x:hidden}.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true]{min-height:200px}.ogrid-fluent__DataGridTable-module__tableWrapper[data-virtual-scroll]{flex:1;min-height:0}.ogrid-fluent__DataGridTable-module__dataTable{width:var(--data-table-width, fit-content);max-width:100%;min-width:var(--data-table-min-width, max-content);border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:auto;background-color:var(--ogrid-bg, #fff);color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__dataTable tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-fluent__DataGridTable-module__dataTable tr th:first-child,.ogrid-fluent__DataGridTable-module__dataTable tr td:first-child{border-left:none}.ogrid-fluent__DataGridTable-module__groupHeaderCell{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));padding:var(--ogrid-cell-padding, 6px 10px);background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__headerCellContent{display:flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, .6));opacity:1;transition:background-color .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;flex-shrink:0}@media(hover:hover){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:hidden}}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{min-width:36px;height:36px;padding:4px 8px}}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--ogrid-active-bg, rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px;visibility:visible}.ogrid-fluent__DataGridTable-module__dataTable thead th:hover .ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:visible}.ogrid-fluent__DataGridTable-module__dropIndicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-selection-color, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100);transition:left .05s}.ogrid-fluent__DataGridTable-module__resizeHandle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;user-select:none;touch-action:none;z-index:var(--ogrid-z-resize-handle, 1)}.ogrid-fluent__DataGridTable-module__resizeHandle:after{content:"";position:absolute;top:0;right:3px;bottom:0;width:2px}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--ogrid-accent-dark, #005a9e)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__resizeHandle{width:16px;right:-8px}}.ogrid-fluent__DataGridTable-module__pinnedColLeft{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColLeft:after{content:"";position:absolute;top:-1px;right:-4px;bottom:-1px;width:4px;background:linear-gradient(to right,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__pinnedColRight{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColRight:before{content:"";position:absolute;top:-1px;left:-4px;bottom:-1px;width:4px;background:linear-gradient(to left,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__cellContent{width:100%;height:100%;display:flex;align-items:center;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;outline:none;contain:content}.ogrid-fluent__DataGridTable-module__cellContent:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent{contain:none}.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none;background:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__activeCellContent),.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__editingCellContent){z-index:var(--ogrid-z-active-cell, 2)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;background:var(--ogrid-bg, #fff);overflow:hidden;padding:0}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range]{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));opacity:.7}.ogrid-fluent__DataGridTable-module__fillHandle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--ogrid-selection-color, #217346);border:1px solid var(--ogrid-bg, #fff);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__fillHandle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,.ogrid-fluent__DataGridTable-module__selectionCellInner{display:flex;align-items:center;justify-content:center;width:100%}.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,.ogrid-fluent__DataGridTable-module__rowNumberCellInner{display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__columnLetterRow{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-fluent__DataGridTable-module__columnLetterCell{text-align:center;font-size:11px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));padding:2px 4px;background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg));border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));user-select:none;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__statusBar{display:flex;align-items:center;gap:16px;width:100%;padding:6px 12px;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));background:var(--ogrid-header-bg, #f5f5f5);border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));min-height:33px}.ogrid-fluent__DataGridTable-module__statusBarItem{display:inline-flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{content:"";width:1px;height:14px;background:var(--ogrid-border, rgba(0, 0, 0, .12));margin-left:12px}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--ogrid-fg, rgba(0, 0, 0, .87));font-weight:600}.ogrid-fluent__DataGridTable-module__contextMenu{position:fixed;z-index:var(--ogrid-z-context-menu, 10000);min-width:160px;padding:4px 0;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__contextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:6px 12px;border:none;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--ogrid-fg, rgba(0, 0, 0, .87));min-height:44px}@media(pointer:fine){.ogrid-fluent__DataGridTable-module__contextMenuItem{min-height:auto}}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__DataGridTable-module__contextMenuItemLabel{flex:1}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));font-size:.85em}.ogrid-fluent__DataGridTable-module__contextMenuDivider{height:1px;margin:4px 0;background:var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__loadingOverlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background:var(--ogrid-loading-overlay, rgba(255, 255, 255, .7));backdrop-filter:blur(1px);pointer-events:all}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{font-size:13px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__loadingDimmed{opacity:.6;pointer-events:none}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;min-height:88px;width:100%;box-sizing:border-box;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{font-size:14px;font-weight:600;color:var(--ogrid-fg, rgba(0, 0, 0, .87));margin-bottom:4px}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{font-size:13px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));line-height:1.5}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--ogrid-accent-dark, #005a9e)}.ogrid-fluent__DataGridTable-module__spinner{width:24px;height:24px;border:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-fluent__DataGridTable-module__ogrid-spin .8s linear infinite}@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin{to{transform:rotate(360deg)}}@media(max-width:576px){.ogrid-fluent__DataGridTable-module__paginationNav{order:-1;width:100%;justify-content:center}.ogrid-fluent__DataGridTable-module__paginationInfo{font-size:11px;text-align:center;width:100%}.ogrid-fluent__DataGridTable-module__paginationSize{font-size:11px}}:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-z-resize-handle: 1;--ogrid-z-active-cell: 2;--ogrid-z-fill-handle: 3;--ogrid-z-row-number: 5;--ogrid-z-pinned: 6;--ogrid-z-selection-cell: 7;--ogrid-z-thead: 8;--ogrid-z-pinned-header: 10;--ogrid-z-header-focus: 11;--ogrid-z-selection-header-pinned: 12;--ogrid-z-checkbox: 12;--ogrid-z-loading: 2;--ogrid-z-drop-indicator: 100;--ogrid-z-filter-popover: 1000;--ogrid-z-popover: 1000;--ogrid-z-fullscreen: 9999;--ogrid-z-context-menu: 10000;--ogrid-bg: #ffffff;--ogrid-fg: rgba(0, 0, 0, .87);--ogrid-fg-secondary: rgba(0, 0, 0, .6);--ogrid-fg-muted: rgba(0, 0, 0, .5);--ogrid-border: rgba(0, 0, 0, .12);--ogrid-border-strong: rgba(0, 0, 0, .5);--ogrid-border-hover: rgba(0, 0, 0, .3);--ogrid-header-bg: #f5f5f5;--ogrid-hover-bg: rgba(0, 0, 0, .04);--ogrid-selected-row-bg: #e6f0fb;--ogrid-bg-selected-hover: #dae8f8;--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: #0078d4;--ogrid-accent-dark: #005a9e;--ogrid-selection-color: #217346;--ogrid-primary: #0078d4;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #106ebe;--ogrid-bg-subtle: #f5f5f5;--ogrid-bg-hover: rgba(0, 0, 0, .04);--ogrid-active-bg: rgba(0, 0, 0, .06);--ogrid-muted: rgba(0, 0, 0, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .12);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--ogrid-pinned-shadow: rgba(0, 0, 0, .1);--ogrid-loading-overlay: rgba(255, 255, 255, .7);--ogrid-formula-error-color: #d32f2f;--ogrid-selection: #217346;--ogrid-bg-range: rgba(33, 115, 70, .12);--ogrid-bg-selected: #e6f0fb;--ogrid-loading-bg: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}}:where([data-theme=dark]){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}.fui-FluentProvider{--ogrid-bg: var(--colorNeutralBackground1, #ffffff);--ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, .87));--ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, .6));--ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, .5));--ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, .12));--ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);--ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, .04));--ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: var(--colorBrandForeground1, #0078d4);--ogrid-selection-color: #217346;--ogrid-loading-overlay: rgba(255, 255, 255, .7)}.ogrid-fluent__DataGridTable-module__tableScrollContent{min-height:100%;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{border:none;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));-webkit-overflow-scrolling:touch;outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable{table-layout:auto}.ogrid-fluent__DataGridTable-module__dataTable{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{min-width:80px;box-sizing:border-box;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);font-size:13px;vertical-align:middle}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell{padding:6px 10px;font-weight:600;font-size:14px;color:var(--ogrid-fg, rgba(0, 0, 0, .87));white-space:nowrap;background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));z-index:var(--ogrid-z-thead, 8);border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell>.fui-TableHeaderCell__button{position:static}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));outline-offset:-2px;z-index:var(--ogrid-z-header-focus, 11)}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;height:1px;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);position:relative;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell>*{min-width:0}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type{border-right:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:first-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:first-of-type{border-left:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell{border-bottom:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, .04)))}.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan{font-weight:600;padding:6px 10px;background:var(--ogrid-header-bg, #f3f2f1)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper,.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper{width:48px;min-width:48px;max-width:48px;padding:4px;text-align:center}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper{padding:4px 8px;text-align:center;background:var(--ogrid-header-bg, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));position:relative}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{padding:4px 8px;text-align:center;background:var(--colorNeutralBackground3, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell{background-color:var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);cursor:pointer}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell{background-color:var(--colorNeutralBackground1Hover, #dae8f8)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow{cursor:pointer}.ogrid-fluent__DataGridTable-module__cellContent{padding:var(--ogrid-cell-padding, 4px 8px)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);background-color:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background-color:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background-color:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__stickyHeader{z-index:var(--ogrid-z-thead, 8);background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell{position:sticky;top:0}.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{top:0;z-index:var(--ogrid-z-pinned-header, 10)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-right:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-left:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{color:var(--colorNeutralForeground3, #666)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--colorNeutralBackground1Hover, #f3f2f1)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--colorNeutralBackground1Pressed, #e1dfdd)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--colorBrandForeground1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--colorBrandForeground1Pressed, #005a9e)}.ogrid-fluent__DataGridTable-module__statusBar{min-width:0;color:var(--colorNeutralForeground2, #616161);background-color:var(--colorSubtleBackgroundSelected, #f3f2f1);border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);user-select:none}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{display:inline-block;background-color:var(--colorNeutralStroke1, #c4c4c4)}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--colorNeutralForeground3, #707070);font-weight:400}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenu{background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke1, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow16, 0 4px 16px rgba(0, 0, 0, .12));outline:none}.ogrid-fluent__DataGridTable-module__contextMenuItem{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--colorNeutralForeground3, rgba(0, 0, 0, .4))}.ogrid-fluent__DataGridTable-module__contextMenuDivider{background-color:var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #c4c4c4);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow4, 0 2px 4px rgba(0, 0, 0, .14))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__DataGridTable-module__loadingDimmed{transition:opacity .15s ease}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{min-width:0;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky{position:sticky;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;text-align:center}.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon{font-size:24px;margin-bottom:8px;opacity:.6}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{color:var(--colorNeutralForeground2, #616161);max-width:100%}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{color:var(--colorBrandForeground1, #0f6cbd)}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link{color:var(--colorBrandForeground1, #0f6cbd);font-weight:600;text-decoration:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover{text-decoration:underline;color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active{color:var(--colorBrandForeground1Pressed, #0c3b5e)}.ogrid-fluent__DataGridTable-module__density-compact{--ogrid-cell-padding-vertical: 4px;--ogrid-cell-padding-horizontal: 8px;--ogrid-cell-font-size: 12px}.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent{padding:4px 8px}.ogrid-fluent__DataGridTable-module__density-comfortable{--ogrid-cell-padding-vertical: 12px;--ogrid-cell-padding-horizontal: 16px;--ogrid-cell-font-size: 14px}.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent{padding:12px 16px}.ogrid-fluent__DataGridTable-module__booleanCheckbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__booleanCheckbox:disabled{cursor:default;opacity:.5}.ogrid-fluent__DataGridTable-module__booleanCheckbox:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__ColumnChooser-module__container{position:relative;display:inline-flex}.ogrid-fluent__ColumnChooser-module__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:10000;min-width:220px;display:flex;flex-direction:column;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #edebe9);border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:0}.ogrid-fluent__ColumnChooser-module__header{padding:8px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #edebe9);font-weight:600;font-size:13px}.ogrid-fluent__ColumnChooser-module__optionsList{max-height:320px;overflow-y:auto;padding:0}.ogrid-fluent__ColumnChooser-module__optionItem{padding:4px 12px;display:flex;align-items:center;min-height:32px}.ogrid-fluent__ColumnChooser-module__optionItem:hover{background:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnChooser-module__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--colorNeutralStroke2, #edebe9)}.ogrid-fluent__PaginationControls-module__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;min-width:0;box-sizing:border-box;padding:0}.ogrid-fluent__PaginationControls-module__paginationInfo{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);flex-shrink:0;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__paginationControls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center;min-width:0}.ogrid-fluent__PaginationControls-module__navBtn{min-width:28px;min-height:28px}.ogrid-fluent__PaginationControls-module__pageNumbers{display:inline-flex;align-items:center;gap:4px;margin:0 8px}.ogrid-fluent__PaginationControls-module__pageBtn{min-width:28px;min-height:28px;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:12px;color:var(--colorNeutralForeground3, #8a8886);user-select:none;pointer-events:none;letter-spacing:.02em}.ogrid-fluent__PaginationControls-module__pageSizeSelector{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);user-select:none;white-space:nowrap}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect{min-width:72px}
1	+ @charset "UTF-8";.ogrid-fluent__ColumnHeaderFilter-module__columnHeader{display:flex;align-items:center;gap:4px;width:100%;max-width:100%;min-width:0;position:relative;box-sizing:border-box;overflow:hidden}:root{--dt-header-resize-zone: 16px;--dt-header-action-button: 24px;--dt-header-action-gap: 2px}.ogrid-fluent__ColumnHeaderFilter-module__headerContent{display:flex;align-items:center;gap:4px;flex:1;min-width:0;width:100%;max-width:100%;padding:2px 0;box-sizing:border-box;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__columnName{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__headerActions{display:flex;align-items:center;gap:var(--dt-header-action-gap);margin-left:auto;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:4px 6px;margin-left:2px;border:none;border-radius:var(--borderRadiusSmall, 4px);background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;flex-shrink:0;position:relative;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__filterIcon{width:36px;height:36px;padding:6px}}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon svg{font-size:14px}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);color:var(--colorNeutralForeground2Hover, #424242)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive{background-color:var(--colorSubtleBackgroundSelected, #e0e0e0);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterActive:hover{background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__filterIcon.ogrid-fluent__ColumnHeaderFilter-module__filterOpen{background-color:var(--colorSubtleBackgroundPressed, #ebebeb);color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__filterBadge{position:absolute;top:2px;right:2px;width:6px;height:6px;background-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;border:1px solid var(--colorNeutralBackground1, #ffffff)}.ogrid-fluent__ColumnHeaderFilter-module__filterPopover{min-width:280px;max-width:320px;overflow:hidden;padding:0;background-color:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);box-shadow:0 4px 16px #00000024;font-family:var(--fontFamilyBase, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:14px;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__popoverHeader{padding:10px 14px;font-size:12px;font-weight:600;color:var(--colorNeutralForeground2, #616161);border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__popoverSearch{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);padding:6px 12px;min-height:36px;box-sizing:border-box}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper:focus-within{border-color:var(--colorBrandStroke1, #0f6cbd);outline:none}.ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon{color:var(--colorNeutralForeground3, #616161);font-size:16px;flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput{flex:1;min-width:0;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__ColumnHeaderFilter-module__nativeInput::placeholder{color:var(--colorNeutralForeground4, #707070)}.ogrid-fluent__ColumnHeaderFilter-module__resultCount{margin-top:6px;font-size:11px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllRow{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton{background:none;border:none;color:var(--colorBrandForeground1, #0f6cbd);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:var(--borderRadiusSmall, 4px);transition:background-color .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__selectAllButton:hover{background-color:var(--colorBrandBackground2, #ebf3fc)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions{overflow-y:auto;max-height:250px;padding:6px 0}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar{width:6px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-track{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb{background:var(--colorNeutralStroke1, #d1d1d1);border-radius:3px}.ogrid-fluent__ColumnHeaderFilter-module__popoverOptions::-webkit-scrollbar-thumb:hover{background:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{padding:4px 12px;font-size:13px;display:flex;align-items:center;gap:8px;transition:background-color .1s ease;cursor:pointer}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__popoverOption{min-height:44px}}.ogrid-fluent__ColumnHeaderFilter-module__popoverOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox{width:16px;height:16px;margin:0;cursor:pointer;accent-color:var(--colorBrandBackground, #0f6cbd);flex-shrink:0}.ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel{margin-left:8px;font-size:14px;color:var(--colorNeutralForeground1, #242424);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:pointer}.ogrid-fluent__ColumnHeaderFilter-module__personOption{padding:8px 12px;cursor:pointer;transition:background-color .1s ease}.ogrid-fluent__ColumnHeaderFilter-module__personOption:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnHeaderFilter-module__loadingContainer{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px}.ogrid-fluent__ColumnHeaderFilter-module__filterSpinner{width:20px;height:20px;border:2px solid var(--colorNeutralStroke1, #d1d1d1);border-top-color:var(--colorBrandBackground, #0f6cbd);border-radius:50%;animation:ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin .8s linear infinite}@keyframes ogrid-fluent__ColumnHeaderFilter-module__ogrid-filter-spin{to{transform:rotate(360deg)}}.ogrid-fluent__ColumnHeaderFilter-module__noResults{padding:16px;text-align:center;font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection{padding:10px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorSubtleBackgroundSelected, #e0e0e0)}.ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel{font-size:11px;color:var(--colorNeutralForeground2, #616161);margin-bottom:6px}.ogrid-fluent__ColumnHeaderFilter-module__selectedUser{display:flex;align-items:center;justify-content:space-between;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__userInfo{display:flex;align-items:center;gap:8px}.ogrid-fluent__ColumnHeaderFilter-module__avatar{width:32px;height:32px;border-radius:50%;background-color:var(--colorBrandBackground, #0f6cbd);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ogrid-fluent__ColumnHeaderFilter-module__avatarImg{width:100%;height:100%;object-fit:cover;border-radius:50%}.ogrid-fluent__ColumnHeaderFilter-module__avatarInitials{color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;line-height:1}.ogrid-fluent__ColumnHeaderFilter-module__userText{display:flex;flex-direction:column}.ogrid-fluent__ColumnHeaderFilter-module__userSecondary{font-size:12px;color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--colorNeutralForeground2, #616161);cursor:pointer;transition:all .15s ease}.ogrid-fluent__ColumnHeaderFilter-module__removeUserButton:hover{background-color:var(--colorNeutralBackground1Hover, #f5f5f5);color:var(--colorPaletteRedForeground1, #c4314b)}.ogrid-fluent__ColumnHeaderFilter-module__popoverActions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton{padding:6px 12px;border:1px solid var(--colorNeutralStroke1, #d1d1d1);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorNeutralBackground1, #ffffff);color:var(--colorNeutralForeground1, #242424);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__clearButton{min-height:44px;padding:10px 16px}}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:hover:not(:disabled){background-color:var(--colorNeutralBackground1Hover, #f5f5f5);border-color:var(--colorNeutralStroke1Hover, #c7c7c7)}.ogrid-fluent__ColumnHeaderFilter-module__clearButton:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__ColumnHeaderFilter-module__applyButton{padding:6px 12px;border:1px solid var(--colorBrandBackground, #0f6cbd);border-radius:var(--borderRadiusMedium, 4px);background-color:var(--colorBrandBackground, #0f6cbd);color:var(--colorNeutralForegroundOnBrand, #ffffff);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderFilter-module__applyButton{min-height:44px;padding:10px 20px}}.ogrid-fluent__ColumnHeaderFilter-module__applyButton:hover{background-color:var(--colorBrandBackgroundHover, #115ea3);border-color:var(--colorBrandBackgroundHover, #115ea3)}.ogrid-fluent__ColumnHeaderMenu-module__content{min-width:140px;background:var(--ogrid-bg, #ffffff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;padding:4px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.ogrid-fluent__ColumnHeaderMenu-module__item{font-size:13px;line-height:1;color:var(--ogrid-fg, rgba(0, 0, 0, .87));border-radius:4px;border:none;background:transparent;display:flex;align-items:center;height:28px;padding:0 8px;position:relative;user-select:none;outline:none;cursor:pointer;width:100%;text-align:left}@media(pointer:coarse){.ogrid-fluent__ColumnHeaderMenu-module__item{height:44px}}.ogrid-fluent__ColumnHeaderMenu-module__item:disabled{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));pointer-events:none;cursor:not-allowed}.ogrid-fluent__ColumnHeaderMenu-module__item:hover:not(:disabled){background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__ColumnHeaderMenu-module__separator{height:1px;background-color:var(--ogrid-border, rgba(0, 0, 0, .12));margin:4px 0}.ogrid-fluent__DataGridTable-module__tableScrollContent{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{position:relative;width:max-content;min-width:var(--data-table-min-width, max-content);background:var(--ogrid-bg, #fff);overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--ogrid-bg, #fff);will-change:scroll-position;-webkit-overflow-scrolling:touch;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-cell-font-size: 13px}.ogrid-fluent__DataGridTable-module__tableWrapper:focus{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper[data-overflow-x=true]{overflow-x:auto}.ogrid-fluent__DataGridTable-module__tableWrapper[data-empty=true]{overflow-x:hidden}.ogrid-fluent__DataGridTable-module__tableWrapper[data-loading=true]{min-height:200px}.ogrid-fluent__DataGridTable-module__tableWrapper[data-virtual-scroll]{flex:1;min-height:0}.ogrid-fluent__DataGridTable-module__dataTable{width:var(--data-table-width, fit-content);max-width:100%;min-width:var(--data-table-min-width, max-content);border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:auto;background-color:var(--ogrid-bg, #fff);color:var(--ogrid-fg, rgba(0, 0, 0, .87))}.ogrid-fluent__DataGridTable-module__dataTable tbody tr{height:var(--ogrid-row-height, auto)}.ogrid-fluent__DataGridTable-module__dataTable tr th:first-child,.ogrid-fluent__DataGridTable-module__dataTable tr td:first-child{border-left:none}.ogrid-fluent__DataGridTable-module__groupHeaderCell{text-align:center;font-weight:600;border-bottom:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));padding:var(--ogrid-cell-padding, 6px 10px);background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__headerCellContent{display:flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{background:transparent;border:none;cursor:pointer;padding:2px 4px;font-size:16px;line-height:1;color:var(--ogrid-fg-secondary, rgba(0, 0, 0, .6));opacity:1;transition:background-color .15s;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;flex-shrink:0}@media(hover:hover){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:hidden}}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__headerMenuTrigger{min-width:36px;height:36px;padding:4px 8px}}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--ogrid-active-bg, rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px;visibility:visible}.ogrid-fluent__DataGridTable-module__dataTable thead th:hover .ogrid-fluent__DataGridTable-module__headerMenuTrigger{visibility:visible}.ogrid-fluent__DataGridTable-module__dropIndicator{position:absolute;top:0;bottom:0;width:3px;background:var(--ogrid-selection-color, #217346);pointer-events:none;z-index:var(--ogrid-z-drop-indicator, 100);transition:left .05s}.ogrid-fluent__DataGridTable-module__resizeHandle{position:absolute;top:0;right:-3px;bottom:0;width:8px;cursor:col-resize;user-select:none;touch-action:none;z-index:var(--ogrid-z-resize-handle, 1)}.ogrid-fluent__DataGridTable-module__resizeHandle:after{content:"";position:absolute;top:0;right:3px;bottom:0;width:2px}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--ogrid-accent-dark, #005a9e)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__resizeHandle{width:16px;right:-8px}}.ogrid-fluent__DataGridTable-module__pinnedColLeft{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColLeft:after{content:"";position:absolute;top:-1px;right:-4px;bottom:-1px;width:4px;background:linear-gradient(to right,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__pinnedColRight{position:sticky;z-index:var(--ogrid-z-pinned, 6);background:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__pinnedColRight:before{content:"";position:absolute;top:-1px;left:-4px;bottom:-1px;width:4px;background:linear-gradient(to left,var(--ogrid-pinned-shadow, rgba(0, 0, 0, .12)),transparent);pointer-events:none}.ogrid-fluent__DataGridTable-module__cellContent{width:100%;height:100%;display:flex;align-items:center;min-width:0;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:none;outline:none;contain:content}.ogrid-fluent__DataGridTable-module__cellContent:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__pinnedColLeft .ogrid-fluent__DataGridTable-module__cellContent,.ogrid-fluent__DataGridTable-module__pinnedColRight .ogrid-fluent__DataGridTable-module__cellContent{contain:none}.ogrid-fluent__DataGridTable-module__dataTable:not([data-virtual-scroll]) tbody tr{content-visibility:auto}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;overflow:visible;contain:none;background:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__activeCellContent),.ogrid-fluent__DataGridTable-module__dataTable tbody td:has(>.ogrid-fluent__DataGridTable-module__editingCellContent){z-index:var(--ogrid-z-active-cell, 2)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent.ogrid-fluent__DataGridTable-module__editingCellContent{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;outline:2px solid var(--ogrid-selection-color, #217346);outline-offset:-1px;z-index:var(--ogrid-z-active-cell, 2);position:relative;background:var(--ogrid-bg, #fff);overflow:hidden;padding:0}@media(hover:hover)and (pointer:fine){.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__editingCellContent input{font-size:var(--ogrid-cell-font-size, 13px)!important}}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-anchor],.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent[data-drag-range]{outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__activeCellContent.ogrid-fluent__DataGridTable-module__inRange{outline:none;background:var(--ogrid-bg, #fff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04));opacity:.7}.ogrid-fluent__DataGridTable-module__fillHandle{position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;background:var(--ogrid-selection-color, #217346);border:1px solid var(--ogrid-bg, #fff);border-radius:1px;cursor:crosshair;pointer-events:auto;touch-action:none;z-index:var(--ogrid-z-fill-handle, 3)}@media(pointer:coarse){.ogrid-fluent__DataGridTable-module__fillHandle{width:14px;height:14px;right:-7px;bottom:-7px;border-radius:2px}}.ogrid-fluent__DataGridTable-module__selectionHeaderCellInner,.ogrid-fluent__DataGridTable-module__selectionCellInner{display:flex;align-items:center;justify-content:center;width:100%}.ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner,.ogrid-fluent__DataGridTable-module__rowNumberCellInner{display:flex;align-items:center;justify-content:center;width:100%;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__columnLetterRow{background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg))}.ogrid-fluent__DataGridTable-module__columnLetterCell{text-align:center;font-size:11px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));padding:2px 4px;background:var(--ogrid-column-letter-bg, var(--ogrid-header-bg));border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));user-select:none;font-variant-numeric:tabular-nums}.ogrid-fluent__DataGridTable-module__statusBar{display:flex;align-items:center;gap:16px;width:100%;padding:6px 12px;box-sizing:border-box;font-size:12px;line-height:20px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));background:var(--ogrid-header-bg, #f5f5f5);border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));min-height:33px}.ogrid-fluent__DataGridTable-module__statusBarItem{display:inline-flex;align-items:center;gap:4px}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{content:"";width:1px;height:14px;background:var(--ogrid-border, rgba(0, 0, 0, .12));margin-left:12px}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--ogrid-fg, rgba(0, 0, 0, .87));font-weight:600}.ogrid-fluent__DataGridTable-module__contextMenu{position:fixed;z-index:var(--ogrid-z-context-menu, 10000);min-width:160px;padding:4px 0;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow, 0 4px 16px rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__contextMenuItem{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:6px 12px;border:none;background:none;font-size:13px;text-align:left;cursor:pointer;color:var(--ogrid-fg, rgba(0, 0, 0, .87));min-height:44px}@media(pointer:fine){.ogrid-fluent__DataGridTable-module__contextMenuItem{min-height:auto}}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__contextMenuItem:disabled{opacity:.5;cursor:not-allowed}.ogrid-fluent__DataGridTable-module__contextMenuItemLabel{flex:1}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));font-size:.85em}.ogrid-fluent__DataGridTable-module__contextMenuDivider{height:1px;margin:4px 0;background:var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__loadingOverlay{position:absolute;inset:0;z-index:var(--ogrid-z-loading, 2);display:flex;align-items:center;justify-content:center;background:var(--ogrid-loading-overlay, rgba(255, 255, 255, .7));backdrop-filter:blur(1px);pointer-events:all}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:var(--ogrid-bg, #fff);border:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-radius:6px;box-shadow:var(--ogrid-shadow-sm, 0 2px 4px rgba(0, 0, 0, .08))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{font-size:13px;font-weight:500;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5))}.ogrid-fluent__DataGridTable-module__loadingDimmed{opacity:.6;pointer-events:none}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 16px;min-height:88px;width:100%;box-sizing:border-box;border-top:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));background:var(--ogrid-header-bg, #f5f5f5)}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{font-size:14px;font-weight:600;color:var(--ogrid-fg, rgba(0, 0, 0, .87));margin-bottom:4px}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{font-size:13px;color:var(--ogrid-fg-muted, rgba(0, 0, 0, .5));line-height:1.5}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{background:none;border:none;color:var(--ogrid-accent, #0078d4);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--ogrid-accent-dark, #005a9e)}.ogrid-fluent__DataGridTable-module__spinner{width:24px;height:24px;border:2px solid var(--ogrid-border, rgba(0, 0, 0, .12));border-top-color:var(--ogrid-accent, #0078d4);border-radius:50%;animation:ogrid-fluent__DataGridTable-module__ogrid-spin .8s linear infinite}@keyframes ogrid-fluent__DataGridTable-module__ogrid-spin{to{transform:rotate(360deg)}}@media(max-width:576px){.ogrid-fluent__DataGridTable-module__paginationNav{order:-1;width:100%;justify-content:center}.ogrid-fluent__DataGridTable-module__paginationInfo{font-size:11px;text-align:center;width:100%}.ogrid-fluent__DataGridTable-module__paginationSize{font-size:11px}}:where(:root){--ogrid-cell-padding: 6px 10px;--ogrid-cell-padding-vertical: 6px;--ogrid-cell-padding-horizontal: 10px;--ogrid-z-resize-handle: 1;--ogrid-z-active-cell: 2;--ogrid-z-fill-handle: 3;--ogrid-z-row-number: 5;--ogrid-z-pinned: 6;--ogrid-z-selection-cell: 7;--ogrid-z-thead: 8;--ogrid-z-pinned-header: 10;--ogrid-z-header-focus: 11;--ogrid-z-selection-header-pinned: 12;--ogrid-z-checkbox: 12;--ogrid-z-loading: 2;--ogrid-z-drop-indicator: 100;--ogrid-z-filter-popover: 1000;--ogrid-z-popover: 1000;--ogrid-z-fullscreen: 9999;--ogrid-z-context-menu: 10000;--ogrid-bg: #ffffff;--ogrid-fg: rgba(0, 0, 0, .87);--ogrid-fg-secondary: rgba(0, 0, 0, .6);--ogrid-fg-muted: rgba(0, 0, 0, .5);--ogrid-border: rgba(0, 0, 0, .12);--ogrid-border-strong: rgba(0, 0, 0, .5);--ogrid-border-hover: rgba(0, 0, 0, .3);--ogrid-header-bg: #f5f5f5;--ogrid-hover-bg: rgba(0, 0, 0, .04);--ogrid-selected-row-bg: #e6f0fb;--ogrid-bg-selected-hover: #dae8f8;--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: #0078d4;--ogrid-accent-dark: #005a9e;--ogrid-selection-color: #217346;--ogrid-primary: #0078d4;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #106ebe;--ogrid-bg-subtle: #f5f5f5;--ogrid-bg-hover: rgba(0, 0, 0, .04);--ogrid-active-bg: rgba(0, 0, 0, .06);--ogrid-muted: rgba(0, 0, 0, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .12);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--ogrid-pinned-shadow: rgba(0, 0, 0, .1);--ogrid-loading-overlay: rgba(255, 255, 255, .7);--ogrid-formula-error-color: #d32f2f;--ogrid-selection: #217346;--ogrid-bg-range: rgba(33, 115, 70, .12);--ogrid-bg-selected: #e6f0fb;--ogrid-loading-bg: rgba(255, 255, 255, .7)}@media(prefers-color-scheme:dark){:where(:root:not([data-theme=light])){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}}:where([data-theme=dark]){--ogrid-bg: #1e1e1e;--ogrid-fg: rgba(255, 255, 255, .87);--ogrid-fg-secondary: rgba(255, 255, 255, .6);--ogrid-fg-muted: rgba(255, 255, 255, .5);--ogrid-border: rgba(255, 255, 255, .12);--ogrid-border-strong: rgba(255, 255, 255, .5);--ogrid-border-hover: rgba(255, 255, 255, .3);--ogrid-header-bg: #2c2c2c;--ogrid-hover-bg: rgba(255, 255, 255, .08);--ogrid-selected-row-bg: #1a3a5c;--ogrid-bg-selected-hover: #1f3650;--ogrid-active-cell-bg: rgba(255, 255, 255, .06);--ogrid-range-bg: rgba(46, 160, 67, .15);--ogrid-accent: #4da6ff;--ogrid-accent-dark: #3390e0;--ogrid-selection-color: #2ea043;--ogrid-primary: #4da6ff;--ogrid-primary-fg: #fff;--ogrid-primary-hover: #66b3ff;--ogrid-bg-subtle: rgba(255, 255, 255, .04);--ogrid-bg-hover: rgba(255, 255, 255, .08);--ogrid-active-bg: rgba(255, 255, 255, .08);--ogrid-muted: rgba(255, 255, 255, .5);--ogrid-shadow: 0 4px 16px rgba(0, 0, 0, .4);--ogrid-shadow-sm: 0 2px 4px rgba(0, 0, 0, .25);--ogrid-pinned-shadow: rgba(0, 0, 0, .3);--ogrid-loading-overlay: rgba(0, 0, 0, .7);--ogrid-formula-error-color: #ef5350;--ogrid-selection: #2ea043;--ogrid-bg-range: rgba(46, 160, 67, .15);--ogrid-bg-selected: #1a3a5c;--ogrid-loading-bg: rgba(0, 0, 0, .7)}.fui-FluentProvider{--ogrid-bg: var(--colorNeutralBackground1, #ffffff);--ogrid-fg: var(--colorNeutralForeground1, rgba(0, 0, 0, .87));--ogrid-fg-secondary: var(--colorNeutralForeground2, rgba(0, 0, 0, .6));--ogrid-fg-muted: var(--colorNeutralForeground3, rgba(0, 0, 0, .5));--ogrid-border: var(--colorNeutralStroke2, rgba(0, 0, 0, .12));--ogrid-header-bg: var(--colorSubtleBackgroundSelected, #f3f2f1);--ogrid-hover-bg: var(--colorSubtleBackgroundHover, rgba(0, 0, 0, .04));--ogrid-selected-row-bg: var(--colorNeutralBackground1Selected, #e6f0fb);--ogrid-active-cell-bg: rgba(0, 0, 0, .02);--ogrid-range-bg: rgba(33, 115, 70, .12);--ogrid-accent: var(--colorBrandForeground1, #0078d4);--ogrid-selection-color: #217346;--ogrid-loading-overlay: rgba(255, 255, 255, .7)}.ogrid-fluent__DataGridTable-module__tableScrollContent{min-height:100%;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__tableWidthAnchor{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));overflow-x:clip}.ogrid-fluent__DataGridTable-module__tableWrapper{border:none;background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));-webkit-overflow-scrolling:touch;outline:none}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__dataTable{table-layout:auto}.ogrid-fluent__DataGridTable-module__dataTable{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{min-width:80px;box-sizing:border-box;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);font-size:13px;vertical-align:middle}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell{padding:6px 10px;font-weight:600;font-size:14px;color:var(--ogrid-fg, rgba(0, 0, 0, .87));white-space:nowrap;background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1));z-index:var(--ogrid-z-thead, 8);border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell>.fui-TableHeaderCell__button{position:static}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4));outline-offset:-2px;z-index:var(--ogrid-z-header-focus, 11)}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell{padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;height:1px;border-right:1px solid var(--colorNeutralStroke1, #c4c4c4);position:relative;border-bottom:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell>*{min-width:0}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:focus-visible{outline:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:last-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:last-of-type{border-right:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell:first-of-type,.ogrid-fluent__DataGridTable-module__dataTable .fui-TableCell:first-of-type{border-left:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:last-child .fui-TableCell{border-bottom:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, var(--ogrid-hover-bg, rgba(0, 0, 0, .04)))}.ogrid-fluent__DataGridTable-module__leafHeaderCellSpan{font-weight:600;padding:6px 10px;background:var(--ogrid-header-bg, #f3f2f1)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper,.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__selectionCellWrapper{width:48px;min-width:48px;max-width:48px;padding:4px;text-align:center}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper{padding:4px 8px;text-align:center;background:var(--ogrid-header-bg, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12));position:relative}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{padding:4px 8px;text-align:center;background:var(--colorNeutralBackground3, #f5f5f5);font-weight:600;color:var(--colorNeutralForeground3, #666);border-right:1px solid var(--ogrid-border, rgba(0, 0, 0, .12))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .fui-TableCell{background-color:var(--colorNeutralBackground1Selected, var(--ogrid-selected-row-bg, #e6f0fb))}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .fui-TableCell{background-color:var(--colorSubtleBackgroundHover, #f5f5f5);cursor:pointer}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .fui-TableCell{background-color:var(--colorNeutralBackground1Hover, #dae8f8)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .ogrid-fluent__DataGridTable-module__selectedRow:hover .ogrid-fluent__DataGridTable-module__rowNumberCellWrapper{background:var(--colorNeutralBackground3, #f5f5f5)}.ogrid-fluent__DataGridTable-module__selectableGrid .ogrid-fluent__DataGridTable-module__dataTable .fui-TableBody .fui-TableRow{cursor:pointer}.ogrid-fluent__DataGridTable-module__cellContent{padding:var(--ogrid-cell-padding, 4px 8px)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__activeCellContent{outline:2px solid var(--ogrid-selection-color, #217346);background-color:var(--ogrid-active-cell-bg, rgba(0, 0, 0, .02))}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellInRange,.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-range]{background-color:var(--ogrid-range-bg, rgba(33, 115, 70, .12))}.ogrid-fluent__DataGridTable-module__tableWrapper [data-drag-anchor]{background-color:var(--ogrid-bg, #ffffff)}.ogrid-fluent__DataGridTable-module__tableWrapper .ogrid-fluent__DataGridTable-module__cellCut{background-color:var(--ogrid-hover-bg, rgba(0, 0, 0, .04))}.ogrid-fluent__DataGridTable-module__stickyHeader{z-index:var(--ogrid-z-thead, 8);background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__stickyHeader .fui-TableHeaderCell{position:sticky;top:0}.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft,.ogrid-fluent__DataGridTable-module__stickyHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{top:0;z-index:var(--ogrid-z-pinned-header, 10)}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-right:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColLeft{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__dataTable .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorNeutralBackground1, var(--ogrid-bg, #ffffff));border-left:1px solid var(--colorNeutralStroke1, var(--ogrid-border, rgba(0, 0, 0, .12)));box-shadow:-2px 0 4px -1px #0000001a}.ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeader .ogrid-fluent__DataGridTable-module__pinnedColRight{background-color:var(--colorSubtleBackgroundSelected, var(--ogrid-header-bg, #f3f2f1))}.ogrid-fluent__DataGridTable-module__headerMenuTrigger{color:var(--colorNeutralForeground3, #666)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:hover{background:var(--colorNeutralBackground1Hover, #f3f2f1)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:active{background:var(--colorNeutralBackground1Pressed, #e1dfdd)}.ogrid-fluent__DataGridTable-module__headerMenuTrigger:focus-visible{outline:2px solid var(--colorBrandStroke1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:hover:after{background-color:var(--colorBrandForeground1, var(--ogrid-accent, #0078d4))}.ogrid-fluent__DataGridTable-module__resizeHandle:active:after{background-color:var(--colorBrandForeground1Pressed, #005a9e)}.ogrid-fluent__DataGridTable-module__statusBar{min-width:0;color:var(--colorNeutralForeground2, #616161);background-color:var(--colorSubtleBackgroundSelected, #f3f2f1);border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);user-select:none}.ogrid-fluent__DataGridTable-module__statusBarItem:not(:last-child):after{display:inline-block;background-color:var(--colorNeutralStroke1, #c4c4c4)}.ogrid-fluent__DataGridTable-module__statusBarLabel{color:var(--colorNeutralForeground3, #707070);font-weight:400}.ogrid-fluent__DataGridTable-module__statusBarValue{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenu{background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke1, #e0e0e0);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow16, 0 4px 16px rgba(0, 0, 0, .12));outline:none}.ogrid-fluent__DataGridTable-module__contextMenuItem{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__contextMenuItem:hover:not(:disabled){background-color:var(--colorSubtleBackgroundHover, #f5f5f5)}.ogrid-fluent__DataGridTable-module__contextMenuItemShortcut{color:var(--colorNeutralForeground3, rgba(0, 0, 0, .4))}.ogrid-fluent__DataGridTable-module__contextMenuDivider{background-color:var(--colorNeutralStroke2, #e0e0e0)}.ogrid-fluent__DataGridTable-module__loadingOverlayContent{background:var(--colorNeutralBackground1, #ffffff);border:1px solid var(--colorNeutralStroke1, #c4c4c4);border-radius:var(--borderRadiusMedium, 4px);box-shadow:var(--shadow4, 0 2px 4px rgba(0, 0, 0, .14))}.ogrid-fluent__DataGridTable-module__loadingOverlayText{color:var(--colorNeutralForeground2, #616161)}.ogrid-fluent__DataGridTable-module__loadingDimmed{transition:opacity .15s ease}.ogrid-fluent__DataGridTable-module__emptyStateInGrid{min-width:0;border-top:1px solid var(--colorNeutralStroke2, #e0e0e0);background-color:var(--colorNeutralBackground2, #fafafa)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky{position:sticky;left:50%;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;text-align:center}.ogrid-fluent__DataGridTable-module__emptyStateInGridIcon{font-size:24px;margin-bottom:8px;opacity:.6}.ogrid-fluent__DataGridTable-module__emptyStateInGridTitle{color:var(--colorNeutralForeground1, #242424)}.ogrid-fluent__DataGridTable-module__emptyStateInGridMessage{color:var(--colorNeutralForeground2, #616161);max-width:100%}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink{color:var(--colorBrandForeground1, #0f6cbd)}.ogrid-fluent__DataGridTable-module__emptyStateInGridLink:hover{color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link{color:var(--colorBrandForeground1, #0f6cbd);font-weight:600;text-decoration:none}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:hover{text-decoration:underline;color:var(--colorBrandForeground1Hover, #115ea3)}.ogrid-fluent__DataGridTable-module__dataTable .fui-Link:active{color:var(--colorBrandForeground1Pressed, #0c3b5e)}.ogrid-fluent__DataGridTable-module__density-compact{--ogrid-cell-padding-vertical: 4px;--ogrid-cell-padding-horizontal: 8px;--ogrid-cell-font-size: 12px}.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-compact .ogrid-fluent__DataGridTable-module__cellContent{padding:4px 8px}.ogrid-fluent__DataGridTable-module__density-comfortable{--ogrid-cell-padding-vertical: 12px;--ogrid-cell-padding-horizontal: 16px;--ogrid-cell-font-size: 14px}.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__dataTable .fui-TableHeaderCell,.ogrid-fluent__DataGridTable-module__density-comfortable .ogrid-fluent__DataGridTable-module__cellContent{padding:12px 16px}.ogrid-fluent__DataGridTable-module__booleanCheckbox{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--ogrid-accent, #0078d4)}.ogrid-fluent__DataGridTable-module__booleanCheckbox:disabled{cursor:default;opacity:.5}.ogrid-fluent__DataGridTable-module__booleanCheckbox:focus-visible{outline:2px solid var(--ogrid-accent, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Button:focus-visible,.ogrid-fluent__DataGridTable-module__tableWrapper .fui-MenuButton:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__DataGridTable-module__tableWrapper .fui-Checkbox:focus-visible{outline:2px solid var(--colorBrandStroke1, #0078d4);outline-offset:2px}.ogrid-fluent__ColumnChooser-module__container{position:relative;display:inline-flex}.ogrid-fluent__ColumnChooser-module__dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:10000;min-width:220px;display:flex;flex-direction:column;background:var(--colorNeutralBackground1, #fff);border:1px solid var(--colorNeutralStroke2, #edebe9);border-radius:6px;box-shadow:0 4px 16px #0000001f;padding:0}.ogrid-fluent__ColumnChooser-module__header{padding:8px 12px;border-bottom:1px solid var(--colorNeutralStroke2, #edebe9);font-weight:600;font-size:13px}.ogrid-fluent__ColumnChooser-module__optionsList{max-height:320px;overflow-y:auto;padding:0}.ogrid-fluent__ColumnChooser-module__optionItem{padding:4px 12px;display:flex;align-items:center;min-height:32px}.ogrid-fluent__ColumnChooser-module__optionItem:hover{background:var(--colorNeutralBackground1Hover, #f5f5f5)}.ogrid-fluent__ColumnChooser-module__actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:1px solid var(--colorNeutralStroke2, #edebe9)}.ogrid-fluent__PaginationControls-module__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;width:100%;min-width:0;box-sizing:border-box;padding:0}.ogrid-fluent__PaginationControls-module__paginationInfo{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);flex-shrink:0;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__paginationControls{display:flex;align-items:center;gap:4px;flex-wrap:wrap;flex:1 1 auto;justify-content:center;min-width:0}.ogrid-fluent__PaginationControls-module__navBtn{min-width:28px;min-height:28px}.ogrid-fluent__PaginationControls-module__pageNumbers{display:inline-flex;align-items:center;gap:4px;margin:0 8px}.ogrid-fluent__PaginationControls-module__pageBtn{min-width:28px;min-height:28px;font-variant-numeric:tabular-nums}.ogrid-fluent__PaginationControls-module__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;font-size:12px;color:var(--colorNeutralForeground3, #8a8886);user-select:none;pointer-events:none;letter-spacing:.02em}.ogrid-fluent__PaginationControls-module__pageSizeSelector{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeLabel{font-size:13px;color:var(--colorNeutralForeground2, #605e5c);user-select:none;white-space:nowrap}.ogrid-fluent__PaginationControls-module__pageSizeSelector .ogrid-fluent__PaginationControls-module__pageSizeSelect{min-width:72px}

package/dist/esm/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import'./index.css';import {useColumnHeaderFilterState,getColumnHeaderFilterStateParams,DateFilterContent,renderFilterContent,areGridRowPropsEqual,PaginationControlsBase,createOGrid,useListVirtualizer,STOP_PROPAGATION,useDataGridTableOrchestration,useColumnMeta,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,POPOVER_ANCHOR_STYLE,handleBooleanCellPointerDown,getCellInteractionProps,CURSOR_CELL_STYLE,CellErrorBoundary,GRID_ROOT_STYLE,PREVENT_DEFAULT,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,MarchingAntsOverlay,FormulaRefOverlay,NOOP,getColumnHeaderMenuProps,useColumnChooserState,ColumnChooserContent,BaseInlineCellEditor,partitionColumnsForVirtualization,BaseDropIndicator,BaseEmptyState,GridContextMenu,BaseColumnHeaderMenu,StatusBar,BaseLoadingOverlay}from'@alaarab/ogrid-react';export{BaseColumnHeaderMenu,BaseDropIndicator,BaseEmptyState,BaseInlineCellEditor,BaseLoadingOverlay,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CURSOR_CELL_STYLE,CellErrorBoundary,DEFAULT_MIN_COLUMN_WIDTH,DateFilterContent,EmptyState,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,GRID_ROOT_STYLE,GridContextMenu,MAX_PAGE_BUTTONS,MarchingAntsOverlay,NOOP,OGridLayout,PAGE_SIZE_OPTIONS,POPOVER_ANCHOR_STYLE,PREVENT_DEFAULT,ROW_NUMBER_COLUMN_WIDTH,STOP_PROPAGATION,SideBar,StatusBar,UndoRedoStack,areGridRowPropsEqual,booleanParser,buildCsvHeader,buildCsvRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,clampSelectionToBounds,computeAggregations,computeAutoScrollSpeed,computeTabNavigation,createOGrid,currencyParser,dateParser,deriveFilterOptionsFromData,editorInputStyle,editorWrapperStyle,emailParser,escapeCsvValue,exportToCsv,findCtrlArrowTarget,flattenColumns,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellInteractionProps,getCellRenderDescriptor,getCellValue,getColumnHeaderFilterStateParams,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getDateFilterContentProps,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getStatusBarParts,isInSelectionRange,isRowInRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,processClientSideData,rangesEqual,renderFilterContent,resolveCellDisplayContent,resolveCellStyle,richSelectDropdownStyle,richSelectNoMatchesStyle,richSelectOptionHighlightedStyle,richSelectOptionStyle,richSelectWrapperStyle,selectChevronStyle,selectDisplayStyle,selectEditorStyle,toUserLike,triggerCsvDownload,useActiveCell,useCellEditing,useCellSelection,useClipboard,useColumnChooserState,useColumnHeaderFilterState,useColumnMeta,useColumnReorder,useColumnResize,useContextMenu,useDataGridState,useDataGridTableOrchestration,useDateFilterState,useDebounce,useFillHandle,useFilterOptions,useInlineCellEditorState,useKeyboardNavigation,useLatestRef,useListVirtualizer,useMultiSelectFilterState,useOGrid,usePaginationControls,usePeopleFilterState,useRichSelectState,useRowSelection,useSelectState,useSideBarState,useTableLayout,useTextFilterState,useUndoRedo,useVirtualScroll}from'@alaarab/ogrid-react';importas J from'react';import {useCallback,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {Popover,PopoverSurface,TableRow,TableCell,Checkbox,Table,TableHeader,TableHeaderCell,Select,Button,TableBody}from'@fluentui/react-components';import {FilterRegular,ChevronDoubleRightRegular,ChevronRightRegular,ChevronLeftRegular,ChevronDoubleLeftRegular,SearchRegular,ChevronUpRegular,ChevronDownRegular,TableSettingsRegular}from'@fluentui/react-icons';import {jsx,jsxs,Fragment}from'react/jsx-runtime';var e={columnHeader:"ogrid-fluent__ColumnHeaderFilter-module__columnHeader",headerContent:"ogrid-fluent__ColumnHeaderFilter-module__headerContent",columnName:"ogrid-fluent__ColumnHeaderFilter-module__columnName",headerActions:"ogrid-fluent__ColumnHeaderFilter-module__headerActions",filterIcon:"ogrid-fluent__ColumnHeaderFilter-module__filterIcon",filterActive:"ogrid-fluent__ColumnHeaderFilter-module__filterActive",filterOpen:"ogrid-fluent__ColumnHeaderFilter-module__filterOpen",filterBadge:"ogrid-fluent__ColumnHeaderFilter-module__filterBadge",filterPopover:"ogrid-fluent__ColumnHeaderFilter-module__filterPopover",popoverHeader:"ogrid-fluent__ColumnHeaderFilter-module__popoverHeader",popoverSearch:"ogrid-fluent__ColumnHeaderFilter-module__popoverSearch",nativeInputWrapper:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper",nativeInputIcon:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon",nativeInput:"ogrid-fluent__ColumnHeaderFilter-module__nativeInput",resultCount:"ogrid-fluent__ColumnHeaderFilter-module__resultCount",selectAllRow:"ogrid-fluent__ColumnHeaderFilter-module__selectAllRow",selectAllButton:"ogrid-fluent__ColumnHeaderFilter-module__selectAllButton",popoverOptions:"ogrid-fluent__ColumnHeaderFilter-module__popoverOptions",popoverOption:"ogrid-fluent__ColumnHeaderFilter-module__popoverOption",nativeCheckbox:"ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox",checkboxLabel:"ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel",personOption:"ogrid-fluent__ColumnHeaderFilter-module__personOption",loadingContainer:"ogrid-fluent__ColumnHeaderFilter-module__loadingContainer",filterSpinner:"ogrid-fluent__ColumnHeaderFilter-module__filterSpinner",noResults:"ogrid-fluent__ColumnHeaderFilter-module__noResults",selectedUserSection:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection",selectedUserLabel:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel",selectedUser:"ogrid-fluent__ColumnHeaderFilter-module__selectedUser",userInfo:"ogrid-fluent__ColumnHeaderFilter-module__userInfo",avatar:"ogrid-fluent__ColumnHeaderFilter-module__avatar",avatarImg:"ogrid-fluent__ColumnHeaderFilter-module__avatarImg",avatarInitials:"ogrid-fluent__ColumnHeaderFilter-module__avatarInitials",userText:"ogrid-fluent__ColumnHeaderFilter-module__userText",userSecondary:"ogrid-fluent__ColumnHeaderFilter-module__userSecondary",removeUserButton:"ogrid-fluent__ColumnHeaderFilter-module__removeUserButton",popoverActions:"ogrid-fluent__ColumnHeaderFilter-module__popoverActions",clearButton:"ogrid-fluent__ColumnHeaderFilter-module__clearButton",applyButton:"ogrid-fluent__ColumnHeaderFilter-module__applyButton"};var we=({value:r,onValueChange:a,onApply:n,onClear:u,onPopoverClick:s,onInputFocus:p,onInputMouseDown:g,onInputClick:c,onInputKeyDown:h})=>jsxs(Fragment,{children:[jsx("div",{className:e.popoverSearch,onClick:s,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Enter search term...",value:r,onChange:d=>a(d.target.value),onKeyDown:d=>{h(d),d.key==="Enter"&&(d.preventDefault(),n());},onFocus:p,onMouseDown:g,onClick:c,autoComplete:"off",className:e.nativeInput})]})}),jsxs("div",{className:e.popoverActions,onClick:s,children:[jsx("button",{type:"button",className:e.clearButton,onClick:u,disabled:!r,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:n,children:"Apply"})]})]});we.displayName="TextFilterPopover";var Qe=40,ke=({searchText:r,onSearchChange:a,options:n,filteredOptions:u,selected:s,onOptionToggle:p,onSelectAll:g,onClearSelection:c,onApply:h,isLoading:d,onPopoverClick:x,onInputFocus:I,onInputMouseDown:R,onInputClick:S,onInputKeyDown:T})=>{let C=useListVirtualizer({count:u.length,itemHeight:Qe});return jsxs(Fragment,{children:[jsxs("div",{className:e.popoverSearch,onClick:x,children:[jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Search...",value:r,onChange:y=>a(y.target.value),onFocus:I,onMouseDown:R,onClick:S,onKeyDown:T,autoComplete:"off",className:e.nativeInput})]}),jsxs("div",{className:e.resultCount,children:[u.length," of ",n.length," options"]})]}),jsxs("div",{className:e.selectAllRow,onClick:x,children:[jsxs("button",{type:"button",className:e.selectAllButton,onClick:g,children:["Select All (",u.length,")"]}),jsx("button",{type:"button",className:e.selectAllButton,onClick:c,children:"Clear"})]}),jsx("div",{ref:C.containerRef,onScroll:C.onScroll,className:e.popoverOptions,onClick:x,children:d?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Loading..."})]}):u.length===0?jsx("div",{className:e.noResults,children:"No options found"}):jsx("div",{style:{height:C.totalHeight,position:"relative"},children:C.visibleItems.map(({index:y,offsetTop:f})=>{let _=u[y],w=s.has(_);return jsxs("label",{className:e.popoverOption,style:{position:"absolute",top:f,width:"100%",height:Qe,boxSizing:"border-box",display:"flex",alignItems:"center"},children:[jsx("input",{type:"checkbox",checked:w,onChange:l=>{l.stopPropagation(),p(_,l.target.checked);},className:e.nativeCheckbox}),jsx("span",{className:e.checkboxLabel,children:_})]},_)})})}),jsxs("div",{className:e.popoverActions,onClick:x,children:[jsx("button",{type:"button",className:e.clearButton,onClick:c,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:h,children:"Apply"})]})]})};ke.displayName="MultiSelectFilterPopover";function eo(r){let a=r.trim().split(/\s+/);return a.length>=2?(a[0][0]+a[a.length-1][0]).toUpperCase():(a[0]?.[0]??"").toUpperCase()}var Ge=({selectedUser:r,searchText:a,onSearchChange:n,suggestions:u,isLoading:s,onUserSelect:p,onClearUser:g,onPopoverClick:c,inputRef:h})=>jsxs(Fragment,{children:[r&&jsxs("div",{className:e.selectedUserSection,onClick:c,children:[jsx("div",{className:e.selectedUserLabel,children:"Currently filtered by:"}),jsxs("div",{className:e.selectedUser,children:[jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:r.photo?jsx("img",{src:r.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:eo(r.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:r.displayName}),jsx("div",{className:e.userSecondary,children:r.email})]})]}),jsx("button",{type:"button",className:e.removeUserButton,onClick:g,"aria-label":"Remove filter",children:jsx(FilterRegular,{})})]})]}),jsx("div",{className:e.popoverSearch,onClick:c,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{ref:h,type:"text",placeholder:"Search for a person...",value:a,onChange:d=>n(d.target.value),onFocus:d=>d.stopPropagation(),onMouseDown:d=>d.stopPropagation(),onClick:d=>d.stopPropagation(),onKeyDown:d=>d.stopPropagation(),autoComplete:"off",className:e.nativeInput})]})}),jsx("div",{className:e.popoverOptions,onClick:c,children:s&&a.trim()?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Searching..."})]}):u.length===0&&a.trim()?jsx("div",{className:e.noResults,children:"No results found"}):a.trim()?u.map(d=>jsx("div",{className:e.personOption,onClick:x=>{x.stopPropagation(),p(d);},children:jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:d.photo?jsx("img",{src:d.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:eo(d.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:d.displayName}),jsx("div",{className:e.userSecondary,children:d.email})]})]})},d.id??d.email??d.displayName)):jsx("div",{className:e.noResults,children:"Type to search..."})}),r&&jsx("div",{className:e.popoverActions,onClick:c,children:jsx("button",{type:"button",className:e.clearButton,onClick:g,children:"Clear Filter"})})]});Ge.displayName="PeopleFilterPopover";var ne=J.memo(r=>{let{columnName:a,filterType:n,options:u,isLoadingOptions:s=false,selectedUser:p}=r,g=useColumnHeaderFilterState(getColumnHeaderFilterStateParams(r)),{headerRef:c,popoverRef:h,isFilterOpen:d,setFilterOpen:x,hasActiveFilter:I,handlers:R}=g,{handlePopoverClick:S,handleInputFocus:T,handleInputMouseDown:C,handleInputClick:y,handleInputKeyDown:f}=R,_=J.useRef(null),w=J.useMemo(()=>({renderMultiSelect:l=>jsx(ke,{searchText:l.searchText,onSearchChange:l.onSearchChange,options:l.options,filteredOptions:l.filteredOptions,selected:l.selected,onOptionToggle:l.onOptionToggle,onSelectAll:l.onSelectAll,onClearSelection:l.onClearSelection,onApply:l.onApply,isLoading:l.isLoading,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderText:l=>jsx(we,{value:l.value,onValueChange:l.onValueChange,onApply:l.onApply,onClear:l.onClear,onPopoverClick:S,onInputFocus:T,onInputMouseDown:C,onInputClick:y,onInputKeyDown:f}),renderPeople:l=>jsx(Ge,{selectedUser:l.selectedUser,searchText:l.searchText,onSearchChange:l.onSearchChange,suggestions:l.suggestions,isLoading:l.isLoading,onUserSelect:l.onUserSelect,onClearUser:l.onClearUser,onPopoverClick:S,inputRef:l.inputRef}),renderDate:l=>jsx("div",{onClick:S,children:jsx(DateFilterContent,{tempDateFrom:l.tempDateFrom,setTempDateFrom:l.setTempDateFrom,tempDateTo:l.tempDateTo,setTempDateTo:l.setTempDateTo,onApply:l.onApply,onClear:l.onClear,classNames:{popoverActions:e.popoverActions,clearButton:e.clearButton,applyButton:e.applyButton}})})}),[S,T,C,y,f]);return jsxs("div",{className:e.columnHeader,ref:c,children:[jsx("div",{className:e.headerContent,children:jsx("span",{className:e.columnName,title:a,"data-header-label":true,children:a})}),jsx("div",{className:e.headerActions,children:n!=="none"&&jsxs(Fragment,{children:[jsxs("button",{ref:_,type:"button",className:`${e.filterIcon} ${I?e.filterActive:""} ${d?e.filterOpen:""}`,onClick:R.handleFilterIconClick,"aria-label":`Filter ${a}`,"aria-expanded":d,"aria-haspopup":"dialog",title:`Filter ${a}`,children:[jsx(FilterRegular,{}),I&&jsx("span",{className:e.filterBadge})]}),jsx(Popover,{open:d,onOpenChange:(l,V)=>{V.open\|\|x(false);},positioning:{target:_.current??void 0,position:"below",align:"start",offset:4},trapFocus:false,children:jsxs(PopoverSurface,{ref:h,className:e.filterPopover,onClick:R.handlePopoverClick,style:{padding:0},children:[jsxs("div",{className:e.popoverHeader,children:["Filter: ",a]}),renderFilterContent(n,g,u??[],s,p,w)]})})]})})]})});ne.displayName="ColumnHeaderFilter";var oo={content:"ogrid-fluent__ColumnHeaderMenu-module__content",item:"ogrid-fluent__ColumnHeaderMenu-module__item",separator:"ogrid-fluent__ColumnHeaderMenu-module__separator"};var tr=r=>r.closest(".fui-FluentProvider")??document.body;function pe(r){return jsx(BaseColumnHeaderMenu,{...r,classNames:oo,getPortalTarget:tr})}function ao(r){return jsx(BaseInlineCellEditor,{...r,renderCheckbox:(a,n,u)=>jsx(Checkbox,{checked:a,onChange:(s,p)=>n(!!p.checked),onKeyDown:s=>s.key==="Escape"&&(s.preventDefault(),u())})})}var o={tableScrollContent:"ogrid-fluent__DataGridTable-module__tableScrollContent",tableWidthAnchor:"ogrid-fluent__DataGridTable-module__tableWidthAnchor",tableWrapper:"ogrid-fluent__DataGridTable-module__tableWrapper",dataTable:"ogrid-fluent__DataGridTable-module__dataTable",groupHeaderCell:"ogrid-fluent__DataGridTable-module__groupHeaderCell",headerCellContent:"ogrid-fluent__DataGridTable-module__headerCellContent",headerMenuTrigger:"ogrid-fluent__DataGridTable-module__headerMenuTrigger",dropIndicator:"ogrid-fluent__DataGridTable-module__dropIndicator",resizeHandle:"ogrid-fluent__DataGridTable-module__resizeHandle",pinnedColLeft:"ogrid-fluent__DataGridTable-module__pinnedColLeft",pinnedColRight:"ogrid-fluent__DataGridTable-module__pinnedColRight",cellContent:"ogrid-fluent__DataGridTable-module__cellContent",activeCellContent:"ogrid-fluent__DataGridTable-module__activeCellContent",editingCellContent:"ogrid-fluent__DataGridTable-module__editingCellContent",cellInRange:"ogrid-fluent__DataGridTable-module__cellInRange",inRange:"ogrid-fluent__DataGridTable-module__inRange",cellCut:"ogrid-fluent__DataGridTable-module__cellCut",fillHandle:"ogrid-fluent__DataGridTable-module__fillHandle",selectionHeaderCellInner:"ogrid-fluent__DataGridTable-module__selectionHeaderCellInner",selectionCellInner:"ogrid-fluent__DataGridTable-module__selectionCellInner",rowNumberHeaderCellInner:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner",rowNumberCellInner:"ogrid-fluent__DataGridTable-module__rowNumberCellInner",columnLetterRow:"ogrid-fluent__DataGridTable-module__columnLetterRow",columnLetterCell:"ogrid-fluent__DataGridTable-module__columnLetterCell",statusBar:"ogrid-fluent__DataGridTable-module__statusBar",statusBarItem:"ogrid-fluent__DataGridTable-module__statusBarItem",statusBarLabel:"ogrid-fluent__DataGridTable-module__statusBarLabel",statusBarValue:"ogrid-fluent__DataGridTable-module__statusBarValue",contextMenu:"ogrid-fluent__DataGridTable-module__contextMenu",contextMenuItem:"ogrid-fluent__DataGridTable-module__contextMenuItem",contextMenuItemLabel:"ogrid-fluent__DataGridTable-module__contextMenuItemLabel",contextMenuItemShortcut:"ogrid-fluent__DataGridTable-module__contextMenuItemShortcut",contextMenuDivider:"ogrid-fluent__DataGridTable-module__contextMenuDivider",loadingOverlay:"ogrid-fluent__DataGridTable-module__loadingOverlay",loadingOverlayContent:"ogrid-fluent__DataGridTable-module__loadingOverlayContent",loadingOverlayText:"ogrid-fluent__DataGridTable-module__loadingOverlayText",loadingDimmed:"ogrid-fluent__DataGridTable-module__loadingDimmed",emptyStateInGrid:"ogrid-fluent__DataGridTable-module__emptyStateInGrid",emptyStateInGridTitle:"ogrid-fluent__DataGridTable-module__emptyStateInGridTitle",emptyStateInGridMessage:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessage",emptyStateInGridLink:"ogrid-fluent__DataGridTable-module__emptyStateInGridLink",spinner:"ogrid-fluent__DataGridTable-module__spinner","ogrid-spin":"ogrid-fluent__DataGridTable-module__ogrid-spin",paginationNav:"ogrid-fluent__DataGridTable-module__paginationNav",paginationInfo:"ogrid-fluent__DataGridTable-module__paginationInfo",paginationSize:"ogrid-fluent__DataGridTable-module__paginationSize",leafHeaderCellSpan:"ogrid-fluent__DataGridTable-module__leafHeaderCellSpan",selectionHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper",selectionCellWrapper:"ogrid-fluent__DataGridTable-module__selectionCellWrapper",rowNumberHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper",rowNumberCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberCellWrapper",selectedRow:"ogrid-fluent__DataGridTable-module__selectedRow",selectableGrid:"ogrid-fluent__DataGridTable-module__selectableGrid",stickyHeader:"ogrid-fluent__DataGridTable-module__stickyHeader",emptyStateInGridMessageSticky:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky",emptyStateInGridIcon:"ogrid-fluent__DataGridTable-module__emptyStateInGridIcon","density-compact":"ogrid-fluent__DataGridTable-module__density-compact","density-comfortable":"ogrid-fluent__DataGridTable-module__density-comfortable",booleanCheckbox:"ogrid-fluent__DataGridTable-module__booleanCheckbox"};var ur={statusBar:o.statusBar,statusBarItem:o.statusBarItem,statusBarLabel:o.statusBarLabel,statusBarValue:o.statusBarValue};function to(r){return jsx(StatusBar,{...r,classNames:ur})}var cr={contextMenu:o.contextMenu,contextMenuItem:o.contextMenuItem,contextMenuItemLabel:o.contextMenuItemLabel,contextMenuItemShortcut:o.contextMenuItemShortcut,contextMenuDivider:o.contextMenuDivider};function lo(r){return jsx(GridContextMenu,{...r,classNames:cr})}var mr={emptyStateInGrid:o.emptyStateInGrid,emptyStateInGridInner:o.emptyStateInGridMessageSticky,emptyStateInGridIcon:o.emptyStateInGridIcon,emptyStateInGridTitle:o.emptyStateInGridTitle,emptyStateInGridMessage:o.emptyStateInGridMessage,emptyStateInGridLink:o.emptyStateInGridLink};function no({emptyState:r}){return jsx(BaseEmptyState,{emptyState:r,classNames:mr,icon:"\u{1F4CB}"})}var Cr={loadingOverlay:o.loadingOverlay,loadingOverlayContent:o.loadingOverlayContent,spinner:o.spinner,loadingOverlayText:o.loadingOverlayText};function io({message:r}){return jsx(BaseLoadingOverlay,{message:r,classNames:Cr})}function uo({dropIndicatorX:r,wrapperLeft:a}){return jsx(BaseDropIndicator,{dropIndicatorX:r,wrapperLeft:a,className:o.dropIndicator})}var _o={padding:0,border:"none"};function Yr(r){let{item:a,rowIndex:n,rowId:u,isSelected:s,visibleCols:p,columnMeta:g,renderCellContent:c,handleSingleRowClick:h,handleRowCheckboxChange:d,lastMouseShiftRef:x,hasCheckboxCol:I,hasRowNumbersCol:R,rowNumberOffset:S,leftSpacerWidth:T,rightSpacerWidth:C,globalColIndexMap:y,rowNumWidth:f}=r;return jsxs(TableRow,{className:s?o.selectedRow:void 0,"data-row-id":u,onClick:h,"aria-selected":s\|\|void 0,children:[I&&jsx(TableCell,{className:o.selectionCellWrapper,children:jsx("div",{className:o.selectionCellInner,"data-row-index":n,"data-col-index":0,onClick:STOP_PROPAGATION,children:jsx(Checkbox,{checked:s,onChange:(_,w)=>{d(u,!!w.checked,n,x.current);},"aria-label":`Select row ${n+1}`})})}),R&&jsx(TableCell,{className:o.rowNumberCellWrapper,style:f?{width:f,minWidth:f,maxWidth:f}:void 0,children:jsx("div",{className:o.rowNumberCellInner,children:S+n+1})}),T!=null&&T>0&&jsx("td",{style:{..._o,width:T,minWidth:T},"aria-hidden":true}),p.map((_,w)=>{let l=y?y[w]:w;return jsx(TableCell,{"data-column-id":_.columnId,className:g.cellClasses[_.columnId]\|\|void 0,style:g.cellStyles[_.columnId],children:c(a,_,n,l)},_.columnId)}),C!=null&&C>0&&jsx("td",{style:{..._o,width:C,minWidth:C},"aria-hidden":true})]})}var qr=J.memo(Yr,areGridRowPropsEqual);function Zr(r){let{virtualScrollEnabled:a,visibleRange:n,columnRange:u,items:s,getRowId:p,selectedRowIds:g,visibleCols:c,columnMeta:h,renderCellContent:d,handleSingleRowClick:x,handleRowCheckboxChange:I,lastMouseShiftRef:R,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:w,isDragging:l,editingCell:V,pinnedColumns:ie,rowNumWidth:me}=r,z=J.useMemo(()=>u?partitionColumnsForVirtualization(c,u,ie):null,[c,u,ie]),{rowCols:fe,globalColIndexMap:be,leftSpacerWidth:de,rightSpacerWidth:Ce}=J.useMemo(()=>{if(!z)return {rowCols:c,globalColIndexMap:void 0,leftSpacerWidth:void 0,rightSpacerWidth:void 0};let N=[...z.pinnedLeft,...z.virtualizedUnpinned,...z.pinnedRight],k=N.map(E=>c.indexOf(E));return {rowCols:N,globalColIndexMap:k,leftSpacerWidth:z.leftSpacerWidth,rightSpacerWidth:z.rightSpacerWidth}},[z,c]),Q=(N,k)=>{let E=p(N);return jsx(qr,{item:N,rowIndex:k,rowId:E,isSelected:g.has(E),visibleCols:fe,columnMeta:h,renderCellContent:d,handleSingleRowClick:x,handleRowCheckboxChange:I,lastMouseShiftRef:R,hasCheckboxCol:S,hasRowNumbersCol:T,rowNumberOffset:C,selectionRange:y,activeCell:f,cutRange:_,copyRange:w,isDragging:l,editingRowId:V?.rowId??null,leftSpacerWidth:de,rightSpacerWidth:Ce,globalColIndexMap:be,rowNumWidth:me},E)};return jsxs(TableBody,{children:[a&&n.offsetTop>0&&jsx("tr",{style:{height:n.offsetTop},"aria-hidden":true}),a?s.slice(n.startIndex,n.endIndex+1).map((N,k)=>Q(N,n.startIndex+k)):s.map((N,k)=>Q(N,k)),a&&n.offsetBottom>0&&jsx("tr",{style:{height:n.offsetBottom},"aria-hidden":true})]})}function Jr(r){let a=useDataGridTableOrchestration({props:r}),{wrapperRef:n,tableContainerRef:u,lastMouseShiftRef:s,interaction:p,pinning:g,handleResizeStart:c,handleResizeDoubleClick:h,getColumnWidth:d,isReorderDragging:x,dropIndicatorX:I,handleHeaderMouseDown:R,virtualScrollEnabled:S,visibleRange:T,columnRange:C,onHorizontalScroll:y,items:f,getRowId:_,emptyState:w,rowSelection:l,isLoading:V,loadingMessage:ie,ariaLabel:me,ariaLabelledBy:z,visibleColumns:fe,columnOrder:be,columnReorder:de,density:Ce,rowHeight:Q,rowNumberOffset:N,headerRows:k,allowOverflowX:E,fitToContent:ze,showColumnLetters:ho,editCallbacks:ue,interactionHandlers:Oe,cellDescriptorInputRef:Ee,cellDescriptorCacheRef:Le,pendingEditorValueRef:Ue,popoverAnchorElRef:ve,handleSingleRowClick:xo,handlePasteVoid:To,visibleCols:he,totalColCount:Ae,hasCheckboxCol:se,hasRowNumbersCol:ee,colOffset:xe,containerWidth:yo,minTableWidth:We,columnSizingOverrides:ge,measuredColumnWidths:So,selectedRowIds:Ve,handleRowCheckboxChange:Do,handleSelectAll:wo,allSelected:ko,someSelected:Go,editingCell:Io,setPopoverAnchorEl:$e,cancelPopoverEdit:Ke,setActiveCell:Te,selectionRange:$,hasCellSelection:Ro,handleGridKeyDown:No,handleFillHandleMouseDown:Xe,handleCopy:Po,handleCut:Fo,cutRange:je,copyRange:Ye,canUndo:Ho,canRedo:Bo,onUndo:Mo,onRedo:zo,isDragging:qe,menuPosition:ye,closeContextMenu:Oo,headerFilterInput:Eo,statusBarConfig:j,showEmptyInGrid:oe,onCellError:Ze,headerMenu:re}=a,Y=useColumnMeta({visibleCols:he,getColumnWidth:d,columnSizingOverrides:ge,measuredColumnWidths:So,pinnedColumns:g.pinnedColumns,leftOffsets:g.leftOffsets,rightOffsets:g.rightOffsets,pinnedColLeftClass:o.pinnedColLeft,pinnedColRightClass:o.pinnedColRight,addStickyPosition:true}),Lo=useCallback((v,b,P,K)=>{let i=getCellRenderDescriptor(v,b,P,K,Ee.current,Le.current),Je=_(v),q;if(i.mode==="editing-inline"){let D=buildInlineEditorProps(v,b,i,ue);q=jsx("div",{className:o.editingCellContent,children:jsx(ao,{...D})});}else if(i.mode==="editing-popover"&&typeof b.cellEditor=="function"){let D=buildPopoverEditorProps(v,b,i,Ue.current,ue),Se=b.cellEditor,ce=resolveCellDisplayContent(b,v,i.displayValue),O=resolveCellStyle(b,v,i.displayValue);q=jsxs(Fragment,{children:[jsx("div",{ref:F=>{F&&$e(F);},style:POPOVER_ANCHOR_STYLE,children:O?jsx("span",{style:O,children:ce}):ce}),jsx(Popover,{open:!!ve.current,onOpenChange:(F,ae)=>{ae.open\|\|Ke();},positioning:{target:ve.current??void 0},children:jsx(PopoverSurface,{children:jsx(Se,{...D})})})]});}else {let D;if(i.columnType==="boolean"){let O=!!i.displayValue;D=jsx("input",{type:"checkbox",checked:O,disabled:!i.canEditAny,onChange:i.canEditAny?()=>{let F=i.rowIndex,ae=i.globalColIndex;ue.commitCellEdit(v,b.columnId,O,!O,F,ae,{skipAdvance:true});}:void 0,onPointerDown:F=>handleBooleanCellPointerDown(F,i.rowIndex,i.globalColIndex,xe,{setActiveCell:Te,setSelectionRange:ae=>p.setSelectionRange(ae)}),onClick:F=>F.stopPropagation(),className:o.booleanCheckbox,"aria-label":O?"Checked":"Unchecked"});}else {let O=resolveCellDisplayContent(b,v,i.displayValue),F=resolveCellStyle(b,v,i.displayValue);D=F?jsx("span",{style:F,children:O}):O;}let Se=`${o.cellContent}${i.isActive?` ${o.activeCellContent}`:""}${i.isActive&&i.isInRange?` ${o.inRange}`:""}${i.isInRange&&!i.isActive?` ${o.cellInRange}`:""}${i.isInCutRange?` ${o.cellCut}`:""}${i.isInCopyRange?` ${o.cellCopied}`:""}`,ce=getCellInteractionProps(i,b.columnId,Oe);q=jsxs("div",{className:Se,...ce,style:i.canEditAny?CURSOR_CELL_STYLE:void 0,children:[D,i.canEditAny&&i.isSelectionEndCell&&jsx("div",{className:o.fillHandle,onPointerDown:Xe,"aria-label":"Fill handle"})]});}return jsx(CellErrorBoundary,{onError:Ze,children:q},`${Je}-${b.columnId}`)},[ue,Oe,Xe,$e,Ke,_,Ze,Ee,Le,Ue,ve]);return jsxs("div",{style:GRID_ROOT_STYLE,children:[jsxs("div",{ref:n,tabIndex:0,onMouseDown:v=>{s.current=v.shiftKey;},onScroll:y?v=>y(v.target.scrollLeft):void 0,className:`${o.tableWrapper} ${l!=="none"?o.selectableGrid:""} ${o[`density-${Ce}`]\|\|""}`,role:"region","aria-label":me??(z?void 0:"Data grid"),"aria-labelledby":z,"data-ogrid-scroll-container":"","data-empty":oe?"true":void 0,"data-loading":V&&f.length===0?"true":void 0,"data-column-count":Ae,"data-overflow-x":E?"true":"false","data-container-width":yo,"data-min-table-width":Math.round(We),"data-has-selection":l!=="none"?"true":void 0,onContextMenu:PREVENT_DEFAULT,onKeyDown:No,style:{"--data-table-column-count":Ae,"--data-table-width":oe?"100%":E\|\|ze?"fit-content":"100%","--data-table-min-width":oe?"100%":E\|\|ze?"max-content":"100%","--data-table-total-min-width":`${We}px`,...Q?{"--ogrid-row-height":`${Q}px`}:{}},children:[jsx("div",{className:o.tableScrollContent,children:jsx("div",{className:V&&f.length>0?o.loadingDimmed:void 0,children:jsxs("div",{className:o.tableWidthAnchor,ref:u,children:[jsxs(Table,{role:"grid",className:o.dataTable,"data-virtual-scroll":S?"":void 0,children:[jsxs(TableHeader,{className:a.stickyHeader?o.stickyHeader:void 0,children:[ho&&jsxs(TableRow,{children:[se&&jsx("th",{className:o.columnLetterCell}),ee&&jsx("th",{className:o.columnLetterCell}),he.map((v,b)=>jsx("th",{className:`${o.columnLetterCell}${Y.hdrClasses[v.columnId]?` ${Y.hdrClasses[v.columnId]}`:""}`,style:Y.hdrStyles[v.columnId],children:indexToColumnLetter(b)},v.columnId))]}),k.map((v,b)=>jsxs(TableRow,{children:[b===k.length-1&&se&&jsx(TableHeaderCell,{className:o.selectionHeaderCellWrapper,children:jsx("div",{className:o.selectionHeaderCellInner,children:jsx(Checkbox,{checked:ko?true:Go?"mixed":false,onChange:(P,K)=>wo(!!K.checked),"aria-label":"Select all rows"})})},"__selection__"),b===0&&b<k.length-1&&se&&jsx("th",{rowSpan:k.length-1},"__selection_placeholder__"),b===k.length-1&&ee&&(()=>{let P=ge?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return jsxs(TableHeaderCell,{className:o.rowNumberHeaderCellWrapper,style:{width:P,minWidth:P,maxWidth:P},children:[jsx("div",{className:o.rowNumberHeaderCellInner,children:"#"}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical","aria-label":"Resize row number column",onPointerDown:K=>{Te(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(K,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});}})]},"__row_number__")})(),b===0&&b<k.length-1&&ee&&jsx("th",{rowSpan:k.length-1},"__row_number_placeholder__"),v.map((P,K)=>{if(P.isGroup)return jsx("th",{colSpan:P.colSpan,className:o.groupHeaderCell,scope:"colgroup",children:P.label},K);if(!P.columnDef)return null;let i=P.columnDef,q=r.sortBy===i.columnId?r.sortDirection==="asc"?"ascending":"descending":void 0;return jsxs(TableHeaderCell,{scope:"col","data-column-id":i.columnId,className:Y.hdrClasses[i.columnId]\|\|void 0,style:{...Y.hdrStyles[i.columnId],...de?{cursor:x?"grabbing":"grab"}:void 0},"aria-sort":q,onPointerDown:de?D=>R(i.columnId,D):void 0,children:[jsxs("div",{className:o.headerCellContent,children:[jsx(ne,{...getHeaderFilterConfig(i,Eo)}),jsx("button",{className:o.headerMenuTrigger,onClick:D=>{D.stopPropagation(),re.isOpen&&re.openForColumn===i.columnId?re.close():re.open(i.columnId,D.currentTarget);},"aria-label":"Column options",title:"Column options",children:"\u22EE"})]}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical",onPointerDown:D=>{Te(null),p.setSelectionRange(null),n.current?.focus({preventScroll:true}),c(D,i);},onDoubleClick:D=>h(D,i),"aria-label":`Resize ${i.name}`})]},i.columnId)})]},b))]}),!oe&&jsx(Zr,{virtualScrollEnabled:S,visibleRange:T,columnRange:C,items:f,getRowId:_,selectedRowIds:Ve,visibleCols:he,columnMeta:Y,renderCellContent:Lo,handleSingleRowClick:xo,handleRowCheckboxChange:Do,lastMouseShiftRef:s,hasCheckboxCol:se,hasRowNumbersCol:ee,rowNumberOffset:N,selectionRange:$,activeCell:p.activeCell,cutRange:je,copyRange:Ye,isDragging:qe,editingCell:Io,pinnedColumns:g.pinnedColumns,rowNumWidth:ee?ge?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH:void 0})]}),x&&I!=null&&jsx(uo,{dropIndicatorX:I,wrapperLeft:n.current?.getBoundingClientRect().left??0}),jsx(MarchingAntsOverlay,{containerRef:u,selectionRange:$,copyRange:Ye,cutRange:je,colOffset:xe,items:f,visibleColumns:fe,columnSizingOverrides:ge,columnOrder:be,isDragging:qe}),r.formulaReferences&&r.formulaReferences.length>0&&jsx(FormulaRefOverlay,{containerRef:u,references:r.formulaReferences,colOffset:xe}),oe&&w&&jsx(no,{emptyState:w})]})})}),ye&&createPortal(jsx(lo,{x:ye.x,y:ye.y,hasSelection:Ro,canUndo:Ho,canRedo:Bo,onUndo:Mo??NOOP,onRedo:zo??NOOP,onCopy:Po,onCut:Fo,onPaste:To,onSelectAll:a.interaction.handleSelectAllCells,onClose:Oo}),n.current?.closest(".fui-FluentProvider")??document.body),jsx(pe,{...getColumnHeaderMenuProps(re)})]}),j&&jsx(to,{totalCount:j.totalCount,filteredCount:j.filteredCount,selectedCount:j.selectedCount??Ve.size,selectedCellCount:$?(Math.abs($.endRow-$.startRow)+1)(Math.abs($.endCol-$.startCol)+1):void 0,aggregation:j.aggregation,suppressRowCount:j.suppressRowCount}),V&&jsx(io,{message:ie})]})}var Fe=J.memo(Jr);var X={container:"ogrid-fluent__ColumnChooser-module__container",dropdown:"ogrid-fluent__ColumnChooser-module__dropdown",header:"ogrid-fluent__ColumnChooser-module__header",optionsList:"ogrid-fluent__ColumnChooser-module__optionsList",optionItem:"ogrid-fluent__ColumnChooser-module__optionItem",actions:"ogrid-fluent__ColumnChooser-module__actions"};var ia=({columnId:r,columnName:a,checked:n,disabled:u,onChange:s})=>jsx(Checkbox,{id:`col-${r}`,label:a,checked:n,onChange:(p,g)=>s(g.checked===true),disabled:u}),da=({onClearAll:r,onSelectAll:a})=>jsxs("div",{className:X.actions,children:[jsx(Button,{appearance:"subtle",size:"small",onClick:r,children:"Clear All"}),jsx(Button,{appearance:"primary",size:"small",onClick:a,children:"Select All"})]}),ua={header:X.header,optionsList:X.optionsList,optionItem:X.optionItem},Me=r=>{let{columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s,className:p}=r,g=useRef(null),c=useRef(null),{open:h,handleToggle:d,handleClose:x,handleCheckboxChange:I,handleSelectAll:R,handleClearAll:S,visibleCount:T,totalCount:C}=useColumnChooserState({columns:a,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s});useEffect(()=>{if(!h)return;let f=w=>{let l=w.target;c.current&&!c.current.contains(l)&&g.current&&!g.current.contains(l)&&x();},_=setTimeout(()=>{document.addEventListener("mousedown",f);},0);return ()=>{clearTimeout(_),document.removeEventListener("mousedown",f);}},[h,x]);let y=f=>_=>I(f)(_);return jsxs("div",{className:`${X.container} ${p\|\|""}`,children:[jsxs(Button,{ref:g,appearance:"outline",icon:jsx(TableSettingsRegular,{}),onClick:d,"aria-expanded":h,"aria-haspopup":"listbox",children:["Column Visibility (",T," of ",C,")",h?jsx(ChevronUpRegular,{}):jsx(ChevronDownRegular,{})]}),h&&jsx("div",{ref:c,className:X.dropdown,children:jsx(ColumnChooserContent,{columns:a,visibleColumns:n,visibleCount:T,totalCount:C,handleSelectAll:R,handleClearAll:S,handleCheckboxChange:y,CheckboxItem:ia,classNames:ua,Actions:da})})]})};var M={pagination:"ogrid-fluent__PaginationControls-module__pagination",paginationInfo:"ogrid-fluent__PaginationControls-module__paginationInfo",paginationControls:"ogrid-fluent__PaginationControls-module__paginationControls",navBtn:"ogrid-fluent__PaginationControls-module__navBtn",pageNumbers:"ogrid-fluent__PaginationControls-module__pageNumbers",pageBtn:"ogrid-fluent__PaginationControls-module__pageBtn",ellipsis:"ogrid-fluent__PaginationControls-module__ellipsis",pageSizeSelector:"ogrid-fluent__PaginationControls-module__pageSizeSelector",pageSizeLabel:"ogrid-fluent__PaginationControls-module__pageSizeLabel",pageSizeSelect:"ogrid-fluent__PaginationControls-module__pageSizeSelect"};var fa={first:jsx(ChevronDoubleLeftRegular,{}),prev:jsx(ChevronLeftRegular,{}),next:jsx(ChevronRightRegular,{}),last:jsx(ChevronDoubleRightRegular,{})},ba=({variant:r,onClick:a,disabled:n,"aria-label":u,className:s})=>jsx(Button,{appearance:"outline",shape:"circular",size:"small",icon:fa[r],onClick:a,disabled:n,"aria-label":u,className:s}),Ca=({onClick:r,active:a,"aria-label":n,"aria-current":u,children:s,className:p})=>jsx(Button,{appearance:a?"primary":"outline",size:"small",shape:"rounded",onClick:r,"aria-label":n,"aria-current":u,className:p,children:s}),va=({value:r,options:a,onChange:n,"aria-label":u,className:s})=>{let p=(g,c)=>n(Number(c.value));return jsx(Select,{value:String(r),onChange:p,size:"small",appearance:"outline","aria-label":u,className:s,children:a.map(g=>jsx("option",{value:g,children:g},g))})},ha={NavButton:ba,PageButton:Ca,PageSizeSelect:va},xa={pagination:M.pagination,paginationInfo:M.paginationInfo,paginationControls:M.paginationControls,pageNumbers:M.pageNumbers,ellipsis:M.ellipsis,navBtn:M.navBtn,pageBtn:M.pageBtn,pageSizeSelector:M.pageSizeSelector,pageSizeLabel:M.pageSizeLabel,pageSizeSelect:M.pageSizeSelect},_e=J.memo(r=>jsx(PaginationControlsBase,{...r,slots:ha,classNames:xa}));_e.displayName="PaginationControls";var vo=createOGrid({DataGridTable:Fe,ColumnChooser:Me,PaginationControls:_e});export{Me as ColumnChooser,ne as ColumnHeaderFilter,pe as ColumnHeaderMenu,Fe as DataGridTable,vo as OGrid,_e as PaginationControls};
1	+ import'./index.css';import {useColumnHeaderFilterState,getColumnHeaderFilterStateParams,DateFilterContent,renderFilterContent,areGridRowPropsEqual,PaginationControlsBase,createOGrid,useListVirtualizer,STOP_PROPAGATION,useDataGridTableOrchestration,useRowGrouping,useColumnMeta,getCellRenderDescriptor,buildInlineEditorProps,buildPopoverEditorProps,resolveCellDisplayContent,resolveCellStyle,POPOVER_ANCHOR_STYLE,handleBooleanCellPointerDown,getCellInteractionProps,CURSOR_CELL_STYLE,CellErrorBoundary,GRID_ROOT_STYLE,PREVENT_DEFAULT,indexToColumnLetter,ROW_NUMBER_COLUMN_ID,ROW_NUMBER_COLUMN_WIDTH,getHeaderFilterConfig,MarchingAntsOverlay,FormulaRefOverlay,NOOP,getColumnHeaderMenuProps,useColumnChooserState,ColumnChooserContent,BaseInlineCellEditor,partitionColumnsForVirtualization,BaseDropIndicator,BaseEmptyState,GridContextMenu,BaseColumnHeaderMenu,StatusBar,BaseLoadingOverlay}from'@alaarab/ogrid-react';export{BaseColumnHeaderMenu,BaseDropIndicator,BaseEmptyState,BaseInlineCellEditor,BaseLoadingOverlay,CELL_PADDING,CHECKBOX_COLUMN_WIDTH,COLUMN_HEADER_MENU_ITEMS,CURSOR_CELL_STYLE,CellErrorBoundary,DEFAULT_MIN_COLUMN_WIDTH,DateFilterContent,EmptyState,GRID_BORDER_RADIUS,GRID_CONTEXT_MENU_ITEMS,GRID_ROOT_STYLE,GridContextMenu,MAX_PAGE_BUTTONS,MarchingAntsOverlay,NOOP,OGridLayout,PAGE_SIZE_OPTIONS,POPOVER_ANCHOR_STYLE,PREVENT_DEFAULT,ROW_NUMBER_COLUMN_WIDTH,STOP_PROPAGATION,SideBar,StatusBar,UndoRedoStack,areGridRowPropsEqual,booleanParser,buildCsvHeader,buildCsvRows,buildGroupedRows,buildHeaderRows,buildInlineEditorProps,buildPopoverEditorProps,clampSelectionToBounds,computeAggregations,computeAutoScrollSpeed,computeTabNavigation,createOGrid,currencyParser,dateParser,deriveFilterOptionsFromData,editorInputStyle,editorWrapperStyle,emailParser,escapeCsvValue,exportToCsv,findCtrlArrowTarget,flattenColumns,formatCellValueForTsv,formatSelectionAsTsv,formatShortcut,getCellInteractionProps,getCellRenderDescriptor,getCellValue,getColumnHeaderFilterStateParams,getColumnHeaderMenuItems,getContextMenuHandlers,getDataGridStatusBarConfig,getDateFilterContentProps,getFilterField,getHeaderFilterConfig,getMultiSelectFilterFields,getPaginationViewModel,getStatusBarParts,isGroupHeader,isInSelectionRange,isRowInRange,mergeFilter,normalizeSelectionRange,numberParser,parseTsvClipboard,parseValue,processClientSideData,rangesEqual,renderFilterContent,resolveCellDisplayContent,resolveCellStyle,richSelectDropdownStyle,richSelectNoMatchesStyle,richSelectOptionHighlightedStyle,richSelectOptionStyle,richSelectWrapperStyle,selectChevronStyle,selectDisplayStyle,selectEditorStyle,toUserLike,triggerCsvDownload,useActiveCell,useCellEditing,useCellSelection,useClipboard,useColumnChooserState,useColumnHeaderFilterState,useColumnMeta,useColumnReorder,useColumnResize,useContextMenu,useDataGridState,useDataGridTableOrchestration,useDateFilterState,useDebounce,useFillHandle,useFilterOptions,useInlineCellEditorState,useKeyboardNavigation,useLatestRef,useListVirtualizer,useMultiSelectFilterState,useOGrid,usePaginationControls,usePeopleFilterState,useRichSelectState,useRowGrouping,useRowSelection,useSelectState,useSideBarState,useTableLayout,useTextFilterState,useUndoRedo,useVirtualScroll}from'@alaarab/ogrid-react';importas ee from'react';import {useCallback,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {Popover,PopoverSurface,TableRow,TableCell,Checkbox,Table,TableHeader,TableHeaderCell,Select,Button,TableBody}from'@fluentui/react-components';import {FilterRegular,ChevronDoubleRightRegular,ChevronRightRegular,ChevronLeftRegular,ChevronDoubleLeftRegular,SearchRegular,ChevronUpRegular,ChevronDownRegular,TableSettingsRegular}from'@fluentui/react-icons';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {isGroupHeader}from'@alaarab/ogrid-core';var e={columnHeader:"ogrid-fluent__ColumnHeaderFilter-module__columnHeader",headerContent:"ogrid-fluent__ColumnHeaderFilter-module__headerContent",columnName:"ogrid-fluent__ColumnHeaderFilter-module__columnName",headerActions:"ogrid-fluent__ColumnHeaderFilter-module__headerActions",filterIcon:"ogrid-fluent__ColumnHeaderFilter-module__filterIcon",filterActive:"ogrid-fluent__ColumnHeaderFilter-module__filterActive",filterOpen:"ogrid-fluent__ColumnHeaderFilter-module__filterOpen",filterBadge:"ogrid-fluent__ColumnHeaderFilter-module__filterBadge",filterPopover:"ogrid-fluent__ColumnHeaderFilter-module__filterPopover",popoverHeader:"ogrid-fluent__ColumnHeaderFilter-module__popoverHeader",popoverSearch:"ogrid-fluent__ColumnHeaderFilter-module__popoverSearch",nativeInputWrapper:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputWrapper",nativeInputIcon:"ogrid-fluent__ColumnHeaderFilter-module__nativeInputIcon",nativeInput:"ogrid-fluent__ColumnHeaderFilter-module__nativeInput",resultCount:"ogrid-fluent__ColumnHeaderFilter-module__resultCount",selectAllRow:"ogrid-fluent__ColumnHeaderFilter-module__selectAllRow",selectAllButton:"ogrid-fluent__ColumnHeaderFilter-module__selectAllButton",popoverOptions:"ogrid-fluent__ColumnHeaderFilter-module__popoverOptions",popoverOption:"ogrid-fluent__ColumnHeaderFilter-module__popoverOption",nativeCheckbox:"ogrid-fluent__ColumnHeaderFilter-module__nativeCheckbox",checkboxLabel:"ogrid-fluent__ColumnHeaderFilter-module__checkboxLabel",personOption:"ogrid-fluent__ColumnHeaderFilter-module__personOption",loadingContainer:"ogrid-fluent__ColumnHeaderFilter-module__loadingContainer",filterSpinner:"ogrid-fluent__ColumnHeaderFilter-module__filterSpinner",noResults:"ogrid-fluent__ColumnHeaderFilter-module__noResults",selectedUserSection:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserSection",selectedUserLabel:"ogrid-fluent__ColumnHeaderFilter-module__selectedUserLabel",selectedUser:"ogrid-fluent__ColumnHeaderFilter-module__selectedUser",userInfo:"ogrid-fluent__ColumnHeaderFilter-module__userInfo",avatar:"ogrid-fluent__ColumnHeaderFilter-module__avatar",avatarImg:"ogrid-fluent__ColumnHeaderFilter-module__avatarImg",avatarInitials:"ogrid-fluent__ColumnHeaderFilter-module__avatarInitials",userText:"ogrid-fluent__ColumnHeaderFilter-module__userText",userSecondary:"ogrid-fluent__ColumnHeaderFilter-module__userSecondary",removeUserButton:"ogrid-fluent__ColumnHeaderFilter-module__removeUserButton",popoverActions:"ogrid-fluent__ColumnHeaderFilter-module__popoverActions",clearButton:"ogrid-fluent__ColumnHeaderFilter-module__clearButton",applyButton:"ogrid-fluent__ColumnHeaderFilter-module__applyButton"};var Be=({value:r,onValueChange:t,onApply:n,onClear:u,onPopoverClick:s,onInputFocus:c,onInputMouseDown:g,onInputClick:p,onInputKeyDown:C})=>jsxs(Fragment,{children:[jsx("div",{className:e.popoverSearch,onClick:s,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Enter search term...",value:r,onChange:d=>t(d.target.value),onKeyDown:d=>{C(d),d.key==="Enter"&&(d.preventDefault(),n());},onFocus:c,onMouseDown:g,onClick:p,autoComplete:"off",className:e.nativeInput})]})}),jsxs("div",{className:e.popoverActions,onClick:s,children:[jsx("button",{type:"button",className:e.clearButton,onClick:u,disabled:!r,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:n,children:"Apply"})]})]});Be.displayName="TextFilterPopover";var ro=40,Me=({searchText:r,onSearchChange:t,options:n,filteredOptions:u,selected:s,onOptionToggle:c,onSelectAll:g,onClearSelection:p,onApply:C,isLoading:d,onPopoverClick:T,onInputFocus:y,onInputMouseDown:P,onInputClick:G,onInputKeyDown:S})=>{let v=useListVirtualizer({count:u.length,itemHeight:ro});return jsxs(Fragment,{children:[jsxs("div",{className:e.popoverSearch,onClick:T,children:[jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{type:"text",placeholder:"Search...",value:r,onChange:D=>t(D.target.value),onFocus:y,onMouseDown:P,onClick:G,onKeyDown:S,autoComplete:"off",className:e.nativeInput})]}),jsxs("div",{className:e.resultCount,children:[u.length," of ",n.length," options"]})]}),jsxs("div",{className:e.selectAllRow,onClick:T,children:[jsxs("button",{type:"button",className:e.selectAllButton,onClick:g,children:["Select All (",u.length,")"]}),jsx("button",{type:"button",className:e.selectAllButton,onClick:p,children:"Clear"})]}),jsx("div",{ref:v.containerRef,onScroll:v.onScroll,className:e.popoverOptions,onClick:T,children:d?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Loading..."})]}):u.length===0?jsx("div",{className:e.noResults,children:"No options found"}):jsx("div",{style:{height:v.totalHeight,position:"relative"},children:v.visibleItems.map(({index:D,offsetTop:f})=>{let _=u[D],I=s.has(_);return jsxs("label",{className:e.popoverOption,style:{position:"absolute",top:f,width:"100%",height:ro,boxSizing:"border-box",display:"flex",alignItems:"center"},children:[jsx("input",{type:"checkbox",checked:I,onChange:l=>{l.stopPropagation(),c(_,l.target.checked);},className:e.nativeCheckbox}),jsx("span",{className:e.checkboxLabel,children:_})]},_)})})}),jsxs("div",{className:e.popoverActions,onClick:T,children:[jsx("button",{type:"button",className:e.clearButton,onClick:p,children:"Clear"}),jsx("button",{type:"button",className:e.applyButton,onClick:C,children:"Apply"})]})]})};Me.displayName="MultiSelectFilterPopover";function ao(r){let t=r.trim().split(/\s+/);return t.length>=2?(t[0][0]+t[t.length-1][0]).toUpperCase():(t[0]?.[0]??"").toUpperCase()}var ze=({selectedUser:r,searchText:t,onSearchChange:n,suggestions:u,isLoading:s,onUserSelect:c,onClearUser:g,onPopoverClick:p,inputRef:C})=>jsxs(Fragment,{children:[r&&jsxs("div",{className:e.selectedUserSection,onClick:p,children:[jsx("div",{className:e.selectedUserLabel,children:"Currently filtered by:"}),jsxs("div",{className:e.selectedUser,children:[jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:r.photo?jsx("img",{src:r.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:ao(r.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:r.displayName}),jsx("div",{className:e.userSecondary,children:r.email})]})]}),jsx("button",{type:"button",className:e.removeUserButton,onClick:g,"aria-label":"Remove filter",children:jsx(FilterRegular,{})})]})]}),jsx("div",{className:e.popoverSearch,onClick:p,children:jsxs("div",{className:e.nativeInputWrapper,children:[jsx(SearchRegular,{className:e.nativeInputIcon}),jsx("input",{ref:C,type:"text",placeholder:"Search for a person...",value:t,onChange:d=>n(d.target.value),onFocus:d=>d.stopPropagation(),onMouseDown:d=>d.stopPropagation(),onClick:d=>d.stopPropagation(),onKeyDown:d=>d.stopPropagation(),autoComplete:"off",className:e.nativeInput})]})}),jsx("div",{className:e.popoverOptions,onClick:p,children:s&&t.trim()?jsxs("div",{className:e.loadingContainer,children:[jsx("div",{className:e.filterSpinner}),jsx("span",{style:{fontSize:12,color:"var(--colorNeutralForeground2, #616161)"},children:"Searching..."})]}):u.length===0&&t.trim()?jsx("div",{className:e.noResults,children:"No results found"}):t.trim()?u.map(d=>jsx("div",{className:e.personOption,onClick:T=>{T.stopPropagation(),c(d);},children:jsxs("div",{className:e.userInfo,children:[jsx("div",{className:e.avatar,children:d.photo?jsx("img",{src:d.photo,alt:"",className:e.avatarImg}):jsx("span",{className:e.avatarInitials,children:ao(d.displayName)})}),jsxs("div",{className:e.userText,children:[jsx("div",{children:d.displayName}),jsx("div",{className:e.userSecondary,children:d.email})]})]})},d.id??d.email??d.displayName)):jsx("div",{className:e.noResults,children:"Type to search..."})}),r&&jsx("div",{className:e.popoverActions,onClick:p,children:jsx("button",{type:"button",className:e.clearButton,onClick:g,children:"Clear Filter"})})]});ze.displayName="PeopleFilterPopover";var ge=ee.memo(r=>{let{columnName:t,filterType:n,options:u,isLoadingOptions:s=false,selectedUser:c}=r,g=useColumnHeaderFilterState(getColumnHeaderFilterStateParams(r)),{headerRef:p,popoverRef:C,isFilterOpen:d,setFilterOpen:T,hasActiveFilter:y,handlers:P}=g,{handlePopoverClick:G,handleInputFocus:S,handleInputMouseDown:v,handleInputClick:D,handleInputKeyDown:f}=P,_=ee.useRef(null),I=ee.useMemo(()=>({renderMultiSelect:l=>jsx(Me,{searchText:l.searchText,onSearchChange:l.onSearchChange,options:l.options,filteredOptions:l.filteredOptions,selected:l.selected,onOptionToggle:l.onOptionToggle,onSelectAll:l.onSelectAll,onClearSelection:l.onClearSelection,onApply:l.onApply,isLoading:l.isLoading,onPopoverClick:G,onInputFocus:S,onInputMouseDown:v,onInputClick:D,onInputKeyDown:f}),renderText:l=>jsx(Be,{value:l.value,onValueChange:l.onValueChange,onApply:l.onApply,onClear:l.onClear,onPopoverClick:G,onInputFocus:S,onInputMouseDown:v,onInputClick:D,onInputKeyDown:f}),renderPeople:l=>jsx(ze,{selectedUser:l.selectedUser,searchText:l.searchText,onSearchChange:l.onSearchChange,suggestions:l.suggestions,isLoading:l.isLoading,onUserSelect:l.onUserSelect,onClearUser:l.onClearUser,onPopoverClick:G,inputRef:l.inputRef}),renderDate:l=>jsx("div",{onClick:G,children:jsx(DateFilterContent,{tempDateFrom:l.tempDateFrom,setTempDateFrom:l.setTempDateFrom,tempDateTo:l.tempDateTo,setTempDateTo:l.setTempDateTo,onApply:l.onApply,onClear:l.onClear,classNames:{popoverActions:e.popoverActions,clearButton:e.clearButton,applyButton:e.applyButton}})})}),[G,S,v,D,f]);return jsxs("div",{className:e.columnHeader,ref:p,children:[jsx("div",{className:e.headerContent,children:jsx("span",{className:e.columnName,title:t,"data-header-label":true,children:t})}),jsx("div",{className:e.headerActions,children:n!=="none"&&jsxs(Fragment,{children:[jsxs("button",{ref:_,type:"button",className:`${e.filterIcon} ${y?e.filterActive:""} ${d?e.filterOpen:""}`,onClick:P.handleFilterIconClick,"aria-label":`Filter ${t}`,"aria-expanded":d,"aria-haspopup":"dialog",title:`Filter ${t}`,children:[jsx(FilterRegular,{}),y&&jsx("span",{className:e.filterBadge})]}),jsx(Popover,{open:d,onOpenChange:(l,$)=>{$.open\|\|T(false);},positioning:{target:_.current??void 0,position:"below",align:"start",offset:4},trapFocus:false,children:jsxs(PopoverSurface,{ref:C,className:e.filterPopover,onClick:P.handlePopoverClick,style:{padding:0},children:[jsxs("div",{className:e.popoverHeader,children:["Filter: ",t]}),renderFilterContent(n,g,u??[],s,c,I)]})})]})})]})});ge.displayName="ColumnHeaderFilter";var to={content:"ogrid-fluent__ColumnHeaderMenu-module__content",item:"ogrid-fluent__ColumnHeaderMenu-module__item",separator:"ogrid-fluent__ColumnHeaderMenu-module__separator"};var nr=r=>r.closest(".fui-FluentProvider")??document.body;function ve(r){return jsx(BaseColumnHeaderMenu,{...r,classNames:to,getPortalTarget:nr})}function no(r){return jsx(BaseInlineCellEditor,{...r,renderCheckbox:(t,n,u)=>jsx(Checkbox,{checked:t,onChange:(s,c)=>n(!!c.checked),onKeyDown:s=>s.key==="Escape"&&(s.preventDefault(),u())})})}var o={tableScrollContent:"ogrid-fluent__DataGridTable-module__tableScrollContent",tableWidthAnchor:"ogrid-fluent__DataGridTable-module__tableWidthAnchor",tableWrapper:"ogrid-fluent__DataGridTable-module__tableWrapper",dataTable:"ogrid-fluent__DataGridTable-module__dataTable",groupHeaderCell:"ogrid-fluent__DataGridTable-module__groupHeaderCell",headerCellContent:"ogrid-fluent__DataGridTable-module__headerCellContent",headerMenuTrigger:"ogrid-fluent__DataGridTable-module__headerMenuTrigger",dropIndicator:"ogrid-fluent__DataGridTable-module__dropIndicator",resizeHandle:"ogrid-fluent__DataGridTable-module__resizeHandle",pinnedColLeft:"ogrid-fluent__DataGridTable-module__pinnedColLeft",pinnedColRight:"ogrid-fluent__DataGridTable-module__pinnedColRight",cellContent:"ogrid-fluent__DataGridTable-module__cellContent",activeCellContent:"ogrid-fluent__DataGridTable-module__activeCellContent",editingCellContent:"ogrid-fluent__DataGridTable-module__editingCellContent",cellInRange:"ogrid-fluent__DataGridTable-module__cellInRange",inRange:"ogrid-fluent__DataGridTable-module__inRange",cellCut:"ogrid-fluent__DataGridTable-module__cellCut",fillHandle:"ogrid-fluent__DataGridTable-module__fillHandle",selectionHeaderCellInner:"ogrid-fluent__DataGridTable-module__selectionHeaderCellInner",selectionCellInner:"ogrid-fluent__DataGridTable-module__selectionCellInner",rowNumberHeaderCellInner:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellInner",rowNumberCellInner:"ogrid-fluent__DataGridTable-module__rowNumberCellInner",columnLetterRow:"ogrid-fluent__DataGridTable-module__columnLetterRow",columnLetterCell:"ogrid-fluent__DataGridTable-module__columnLetterCell",statusBar:"ogrid-fluent__DataGridTable-module__statusBar",statusBarItem:"ogrid-fluent__DataGridTable-module__statusBarItem",statusBarLabel:"ogrid-fluent__DataGridTable-module__statusBarLabel",statusBarValue:"ogrid-fluent__DataGridTable-module__statusBarValue",contextMenu:"ogrid-fluent__DataGridTable-module__contextMenu",contextMenuItem:"ogrid-fluent__DataGridTable-module__contextMenuItem",contextMenuItemLabel:"ogrid-fluent__DataGridTable-module__contextMenuItemLabel",contextMenuItemShortcut:"ogrid-fluent__DataGridTable-module__contextMenuItemShortcut",contextMenuDivider:"ogrid-fluent__DataGridTable-module__contextMenuDivider",loadingOverlay:"ogrid-fluent__DataGridTable-module__loadingOverlay",loadingOverlayContent:"ogrid-fluent__DataGridTable-module__loadingOverlayContent",loadingOverlayText:"ogrid-fluent__DataGridTable-module__loadingOverlayText",loadingDimmed:"ogrid-fluent__DataGridTable-module__loadingDimmed",emptyStateInGrid:"ogrid-fluent__DataGridTable-module__emptyStateInGrid",emptyStateInGridTitle:"ogrid-fluent__DataGridTable-module__emptyStateInGridTitle",emptyStateInGridMessage:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessage",emptyStateInGridLink:"ogrid-fluent__DataGridTable-module__emptyStateInGridLink",spinner:"ogrid-fluent__DataGridTable-module__spinner","ogrid-spin":"ogrid-fluent__DataGridTable-module__ogrid-spin",paginationNav:"ogrid-fluent__DataGridTable-module__paginationNav",paginationInfo:"ogrid-fluent__DataGridTable-module__paginationInfo",paginationSize:"ogrid-fluent__DataGridTable-module__paginationSize",leafHeaderCellSpan:"ogrid-fluent__DataGridTable-module__leafHeaderCellSpan",selectionHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__selectionHeaderCellWrapper",selectionCellWrapper:"ogrid-fluent__DataGridTable-module__selectionCellWrapper",rowNumberHeaderCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberHeaderCellWrapper",rowNumberCellWrapper:"ogrid-fluent__DataGridTable-module__rowNumberCellWrapper",selectedRow:"ogrid-fluent__DataGridTable-module__selectedRow",selectableGrid:"ogrid-fluent__DataGridTable-module__selectableGrid",stickyHeader:"ogrid-fluent__DataGridTable-module__stickyHeader",emptyStateInGridMessageSticky:"ogrid-fluent__DataGridTable-module__emptyStateInGridMessageSticky",emptyStateInGridIcon:"ogrid-fluent__DataGridTable-module__emptyStateInGridIcon","density-compact":"ogrid-fluent__DataGridTable-module__density-compact","density-comfortable":"ogrid-fluent__DataGridTable-module__density-comfortable",booleanCheckbox:"ogrid-fluent__DataGridTable-module__booleanCheckbox"};var gr={statusBar:o.statusBar,statusBarItem:o.statusBarItem,statusBarLabel:o.statusBarLabel,statusBarValue:o.statusBarValue};function io(r){return jsx(StatusBar,{...r,classNames:gr})}var _r={contextMenu:o.contextMenu,contextMenuItem:o.contextMenuItem,contextMenuItemLabel:o.contextMenuItemLabel,contextMenuItemShortcut:o.contextMenuItemShortcut,contextMenuDivider:o.contextMenuDivider};function uo(r){return jsx(GridContextMenu,{...r,classNames:_r})}var br={emptyStateInGrid:o.emptyStateInGrid,emptyStateInGridInner:o.emptyStateInGridMessageSticky,emptyStateInGridIcon:o.emptyStateInGridIcon,emptyStateInGridTitle:o.emptyStateInGridTitle,emptyStateInGridMessage:o.emptyStateInGridMessage,emptyStateInGridLink:o.emptyStateInGridLink};function so({emptyState:r}){return jsx(BaseEmptyState,{emptyState:r,classNames:br,icon:"\u{1F4CB}"})}var hr={loadingOverlay:o.loadingOverlay,loadingOverlayContent:o.loadingOverlayContent,spinner:o.spinner,loadingOverlayText:o.loadingOverlayText};function go({message:r}){return jsx(BaseLoadingOverlay,{message:r,classNames:hr})}function co({dropIndicatorX:r,wrapperLeft:t}){return jsx(BaseDropIndicator,{dropIndicatorX:r,wrapperLeft:t,className:o.dropIndicator})}var bo={padding:0,border:"none"};function Qr(r){let{item:t,rowIndex:n,rowId:u,isSelected:s,visibleCols:c,columnMeta:g,renderCellContent:p,handleSingleRowClick:C,handleRowCheckboxChange:d,lastMouseShiftRef:T,hasCheckboxCol:y,hasRowNumbersCol:P,rowNumberOffset:G,leftSpacerWidth:S,rightSpacerWidth:v,globalColIndexMap:D,rowNumWidth:f}=r;return jsxs(TableRow,{className:s?o.selectedRow:void 0,"data-row-id":u,onClick:C,"aria-selected":s\|\|void 0,children:[y&&jsx(TableCell,{className:o.selectionCellWrapper,children:jsx("div",{className:o.selectionCellInner,"data-row-index":n,"data-col-index":0,onClick:STOP_PROPAGATION,children:jsx(Checkbox,{checked:s,onChange:(_,I)=>{d(u,!!I.checked,n,T.current);},"aria-label":`Select row ${n+1}`})})}),P&&jsx(TableCell,{className:o.rowNumberCellWrapper,style:f?{width:f,minWidth:f,maxWidth:f}:void 0,children:jsx("div",{className:o.rowNumberCellInner,children:G+n+1})}),S!=null&&S>0&&jsx("td",{style:{...bo,width:S,minWidth:S},"aria-hidden":true}),c.map((_,I)=>{let l=D?D[I]:I;return jsx(TableCell,{"data-column-id":_.columnId,className:g.cellClasses[_.columnId]\|\|void 0,style:g.cellStyles[_.columnId],children:p(t,_,n,l)},_.columnId)}),v!=null&&v>0&&jsx("td",{style:{...bo,width:v,minWidth:v},"aria-hidden":true})]})}var ea=ee.memo(Qr,areGridRowPropsEqual);function oa(r){let{virtualScrollEnabled:t,visibleRange:n,columnRange:u,items:s,displayRows:c,isGroupingActive:g,expandedGroups:p,toggleGroup:C,getRowId:d,selectedRowIds:T,visibleCols:y,columnMeta:P,renderCellContent:G,handleSingleRowClick:S,handleRowCheckboxChange:v,lastMouseShiftRef:D,hasCheckboxCol:f,hasRowNumbersCol:_,rowNumberOffset:I,totalColCount:l,selectionRange:$,activeCell:xe,cutRange:Te,copyRange:ce,isDragging:ye,editingCell:Se,pinnedColumns:oe,rowNumWidth:De}=r,O=ee.useMemo(()=>u?partitionColumnsForVirtualization(y,u,oe):null,[y,u,oe]),{rowCols:we,globalColIndexMap:L,leftSpacerWidth:re,rightSpacerWidth:pe}=ee.useMemo(()=>{if(!O)return {rowCols:y,globalColIndexMap:void 0,leftSpacerWidth:void 0,rightSpacerWidth:void 0};let x=[...O.pinnedLeft,...O.virtualizedUnpinned,...O.pinnedRight],R=x.map(w=>y.indexOf(w));return {rowCols:x,globalColIndexMap:R,leftSpacerWidth:O.leftSpacerWidth,rightSpacerWidth:O.rightSpacerWidth}},[O,y]),ae=(x,R)=>{let w=d(x);return jsx(ea,{item:x,rowIndex:R,rowId:w,isSelected:T.has(w),visibleCols:we,columnMeta:P,renderCellContent:G,handleSingleRowClick:S,handleRowCheckboxChange:v,lastMouseShiftRef:D,hasCheckboxCol:f,hasRowNumbersCol:_,rowNumberOffset:I,selectionRange:$,activeCell:xe,cutRange:Te,copyRange:ce,isDragging:ye,editingRowId:Se?.rowId??null,leftSpacerWidth:re,rightSpacerWidth:pe,globalColIndexMap:L,rowNumWidth:De},w)},Y=x=>{let R=p.has(x.groupKey);return jsx("tr",{style:{background:"var(--ogrid-bg-row-group, var(--ogrid-bg-hover, #f5f5f5))",fontWeight:500},children:jsx("td",{colSpan:l,style:{paddingLeft:`${x.depth16+8}px`},children:jsxs("button",{onClick:()=>C(x.groupKey),onKeyDown:w=>{(w.key==="Enter"\|\|w.key===" ")&&(w.preventDefault(),C(x.groupKey));},tabIndex:0,style:{background:"none",border:"none",cursor:"pointer",padding:"2px 4px",font:"inherit",fontWeight:500},children:[R?"\u25BC":"\u25B6"," ",x.displayText," (",x.itemCount,")"]})})},`group-${x.groupKey}`)},_e=()=>{if(!g)return t?s.slice(n.startIndex,n.endIndex+1).map((R,w)=>ae(R,n.startIndex+w)):s.map((R,w)=>ae(R,w));let x=0;return c.map((R,w)=>{if(isGroupHeader(R))return Y(R.group);let te=R,Ge=x++;return ae(te,Ge)})};return jsxs(TableBody,{children:[t&&!g&&n.offsetTop>0&&jsx("tr",{style:{height:n.offsetTop},"aria-hidden":true}),_e(),t&&!g&&n.offsetBottom>0&&jsx("tr",{style:{height:n.offsetBottom},"aria-hidden":true})]})}function ra(r){let t=useDataGridTableOrchestration({props:r}),{wrapperRef:n,tableContainerRef:u,lastMouseShiftRef:s,interaction:c,pinning:g,handleResizeStart:p,handleResizeDoubleClick:C,getColumnWidth:d,isReorderDragging:T,dropIndicatorX:y,handleHeaderMouseDown:P,virtualScrollEnabled:G,visibleRange:S,columnRange:v,onHorizontalScroll:D,items:f,getRowId:_,emptyState:I,rowSelection:l,isLoading:$,loadingMessage:xe,ariaLabel:Te,ariaLabelledBy:ce,visibleColumns:ye,columnOrder:Se,columnReorder:oe,density:De,rowHeight:O,rowNumberOffset:we,headerRows:L,allowOverflowX:re,fitToContent:pe,showColumnLetters:ae,editCallbacks:Y,interactionHandlers:_e,cellDescriptorInputRef:x,cellDescriptorCacheRef:R,pendingEditorValueRef:w,popoverAnchorElRef:te,handleSingleRowClick:Ge,handlePasteVoid:yo,visibleCols:Re,totalColCount:ke,hasCheckboxCol:me,hasRowNumbersCol:le,colOffset:Ie,containerWidth:So,minTableWidth:Ke,columnSizingOverrides:fe,measuredColumnWidths:Do,selectedRowIds:Xe,handleRowCheckboxChange:wo,handleSelectAll:Go,allSelected:Ro,someSelected:ko,editingCell:Io,setPopoverAnchorEl:je,cancelPopoverEdit:Ye,setActiveCell:Ne,selectionRange:K,hasCellSelection:No,handleGridKeyDown:Po,handleFillHandleMouseDown:qe,handleCopy:Fo,handleCut:Ho,cutRange:Ze,copyRange:Je,canUndo:Bo,canRedo:Mo,onUndo:zo,onRedo:Oo,isDragging:Qe,menuPosition:Pe,closeContextMenu:Eo,headerFilterInput:Lo,statusBarConfig:q,showEmptyInGrid:ne,onCellError:eo,headerMenu:ie,groupBy:Uo}=t,be=useRowGrouping({items:f,columns:r.columns,groupBy:Uo}),Z=useColumnMeta({visibleCols:Re,getColumnWidth:d,columnSizingOverrides:fe,measuredColumnWidths:Do,pinnedColumns:g.pinnedColumns,leftOffsets:g.leftOffsets,rightOffsets:g.rightOffsets,pinnedColLeftClass:o.pinnedColLeft,pinnedColRightClass:o.pinnedColRight,addStickyPosition:true}),Ao=useCallback((h,b,F,X)=>{let i=getCellRenderDescriptor(h,b,F,X,x.current,R.current),oo=_(h),J;if(i.mode==="editing-inline"){let k=buildInlineEditorProps(h,b,i,Y);J=jsx("div",{className:o.editingCellContent,children:jsx(no,{...k})});}else if(i.mode==="editing-popover"&&typeof b.cellEditor=="function"){let k=buildPopoverEditorProps(h,b,i,w.current,Y),Fe=b.cellEditor,Ce=resolveCellDisplayContent(b,h,i.displayValue),E=resolveCellStyle(b,h,i.displayValue);J=jsxs(Fragment,{children:[jsx("div",{ref:H=>{H&&je(H);},style:POPOVER_ANCHOR_STYLE,children:E?jsx("span",{style:E,children:Ce}):Ce}),jsx(Popover,{open:!!te.current,onOpenChange:(H,de)=>{de.open\|\|Ye();},positioning:{target:te.current??void 0},children:jsx(PopoverSurface,{children:jsx(Fe,{...k})})})]});}else {let k;if(i.columnType==="boolean"){let E=!!i.displayValue;k=jsx("input",{type:"checkbox",checked:E,disabled:!i.canEditAny,onChange:i.canEditAny?()=>{let H=i.rowIndex,de=i.globalColIndex;Y.commitCellEdit(h,b.columnId,E,!E,H,de,{skipAdvance:true});}:void 0,onPointerDown:H=>handleBooleanCellPointerDown(H,i.rowIndex,i.globalColIndex,Ie,{setActiveCell:Ne,setSelectionRange:de=>c.setSelectionRange(de)}),onClick:H=>H.stopPropagation(),className:o.booleanCheckbox,"aria-label":E?"Checked":"Unchecked"});}else {let E=resolveCellDisplayContent(b,h,i.displayValue),H=resolveCellStyle(b,h,i.displayValue);k=H?jsx("span",{style:H,children:E}):E;}let Fe=`${o.cellContent}${i.isActive?` ${o.activeCellContent}`:""}${i.isActive&&i.isInRange?` ${o.inRange}`:""}${i.isInRange&&!i.isActive?` ${o.cellInRange}`:""}${i.isInCutRange?` ${o.cellCut}`:""}${i.isInCopyRange?` ${o.cellCopied}`:""}`,Ce=getCellInteractionProps(i,b.columnId,_e);J=jsxs("div",{className:Fe,...Ce,style:i.canEditAny?CURSOR_CELL_STYLE:void 0,children:[k,i.canEditAny&&i.isSelectionEndCell&&jsx("div",{className:o.fillHandle,onPointerDown:qe,"aria-label":"Fill handle"})]});}return jsx(CellErrorBoundary,{onError:eo,children:J},`${oo}-${b.columnId}`)},[Y,_e,qe,je,Ye,_,eo,x,R,w,te]);return jsxs("div",{style:GRID_ROOT_STYLE,children:[jsxs("div",{ref:n,tabIndex:0,onMouseDown:h=>{s.current=h.shiftKey;},onScroll:D?h=>D(h.target.scrollLeft):void 0,className:`${o.tableWrapper} ${l!=="none"?o.selectableGrid:""} ${o[`density-${De}`]\|\|""}`,role:"region","aria-label":Te??(ce?void 0:"Data grid"),"aria-labelledby":ce,"data-ogrid-scroll-container":"","data-empty":ne?"true":void 0,"data-loading":$&&f.length===0?"true":void 0,"data-column-count":ke,"data-overflow-x":re?"true":"false","data-container-width":So,"data-min-table-width":Math.round(Ke),"data-has-selection":l!=="none"?"true":void 0,onContextMenu:PREVENT_DEFAULT,onKeyDown:Po,style:{"--data-table-column-count":ke,"--data-table-width":ne?"100%":re\|\|pe?"fit-content":"100%","--data-table-min-width":ne?"100%":re\|\|pe?"max-content":"100%","--data-table-total-min-width":`${Ke}px`,...O?{"--ogrid-row-height":`${O}px`}:{}},children:[jsx("div",{className:o.tableScrollContent,children:jsx("div",{className:$&&f.length>0?o.loadingDimmed:void 0,children:jsxs("div",{className:o.tableWidthAnchor,ref:u,children:[jsxs(Table,{role:"grid",className:o.dataTable,"data-virtual-scroll":G?"":void 0,children:[jsxs(TableHeader,{className:t.stickyHeader?o.stickyHeader:void 0,children:[ae&&jsxs(TableRow,{children:[me&&jsx("th",{className:o.columnLetterCell}),le&&jsx("th",{className:o.columnLetterCell}),Re.map((h,b)=>jsx("th",{className:`${o.columnLetterCell}${Z.hdrClasses[h.columnId]?` ${Z.hdrClasses[h.columnId]}`:""}`,style:Z.hdrStyles[h.columnId],children:indexToColumnLetter(b)},h.columnId))]}),L.map((h,b)=>jsxs(TableRow,{children:[b===L.length-1&&me&&jsx(TableHeaderCell,{className:o.selectionHeaderCellWrapper,children:jsx("div",{className:o.selectionHeaderCellInner,children:jsx(Checkbox,{checked:Ro?true:ko?"mixed":false,onChange:(F,X)=>Go(!!X.checked),"aria-label":"Select all rows"})})},"__selection__"),b===0&&b<L.length-1&&me&&jsx("th",{rowSpan:L.length-1},"__selection_placeholder__"),b===L.length-1&&le&&(()=>{let F=fe?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH;return jsxs(TableHeaderCell,{className:o.rowNumberHeaderCellWrapper,style:{width:F,minWidth:F,maxWidth:F},children:[jsx("div",{className:o.rowNumberHeaderCellInner,children:"#"}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical","aria-label":"Resize row number column",onPointerDown:X=>{Ne(null),c.setSelectionRange(null),n.current?.focus({preventScroll:true}),p(X,{columnId:ROW_NUMBER_COLUMN_ID,name:"#"});}})]},"__row_number__")})(),b===0&&b<L.length-1&&le&&jsx("th",{rowSpan:L.length-1},"__row_number_placeholder__"),h.map((F,X)=>{if(F.isGroup)return jsx("th",{colSpan:F.colSpan,className:o.groupHeaderCell,scope:"colgroup",children:F.label},X);if(!F.columnDef)return null;let i=F.columnDef,J=r.sortBy===i.columnId?r.sortDirection==="asc"?"ascending":"descending":void 0;return jsxs(TableHeaderCell,{scope:"col","data-column-id":i.columnId,className:Z.hdrClasses[i.columnId]\|\|void 0,style:{...Z.hdrStyles[i.columnId],...oe?{cursor:T?"grabbing":"grab"}:void 0},"aria-sort":J,onPointerDown:oe?k=>P(i.columnId,k):void 0,children:[jsxs("div",{className:o.headerCellContent,children:[jsx(ge,{...getHeaderFilterConfig(i,Lo)}),jsx("button",{className:o.headerMenuTrigger,onClick:k=>{k.stopPropagation(),ie.isOpen&&ie.openForColumn===i.columnId?ie.close():ie.open(i.columnId,k.currentTarget);},"aria-label":"Column options",title:"Column options",children:"\u22EE"})]}),jsx("div",{className:o.resizeHandle,role:"separator","aria-orientation":"vertical",onPointerDown:k=>{Ne(null),c.setSelectionRange(null),n.current?.focus({preventScroll:true}),p(k,i);},onDoubleClick:k=>C(k,i),"aria-label":`Resize ${i.name}`})]},i.columnId)})]},b))]}),!ne&&jsx(oa,{virtualScrollEnabled:G,visibleRange:S,columnRange:v,items:f,displayRows:be.displayRows,isGroupingActive:be.isGroupingActive,expandedGroups:be.expandedGroups,toggleGroup:be.toggleGroup,getRowId:_,selectedRowIds:Xe,visibleCols:Re,columnMeta:Z,renderCellContent:Ao,handleSingleRowClick:Ge,handleRowCheckboxChange:wo,lastMouseShiftRef:s,hasCheckboxCol:me,hasRowNumbersCol:le,rowNumberOffset:we,totalColCount:ke,selectionRange:K,activeCell:c.activeCell,cutRange:Ze,copyRange:Je,isDragging:Qe,editingCell:Io,pinnedColumns:g.pinnedColumns,rowNumWidth:le?fe?.[ROW_NUMBER_COLUMN_ID]?.widthPx??ROW_NUMBER_COLUMN_WIDTH:void 0})]}),T&&y!=null&&jsx(co,{dropIndicatorX:y,wrapperLeft:n.current?.getBoundingClientRect().left??0}),jsx(MarchingAntsOverlay,{containerRef:u,selectionRange:K,copyRange:Je,cutRange:Ze,colOffset:Ie,items:f,visibleColumns:ye,columnSizingOverrides:fe,columnOrder:Se,isDragging:Qe}),r.formulaReferences&&r.formulaReferences.length>0&&jsx(FormulaRefOverlay,{containerRef:u,references:r.formulaReferences,colOffset:Ie}),ne&&I&&jsx(so,{emptyState:I})]})})}),Pe&&createPortal(jsx(uo,{x:Pe.x,y:Pe.y,hasSelection:No,canUndo:Bo,canRedo:Mo,onUndo:zo??NOOP,onRedo:Oo??NOOP,onCopy:Fo,onCut:Ho,onPaste:yo,onSelectAll:t.interaction.handleSelectAllCells,onClose:Eo}),n.current?.closest(".fui-FluentProvider")??document.body),jsx(ve,{...getColumnHeaderMenuProps(ie)})]}),q&&jsx(io,{totalCount:q.totalCount,filteredCount:q.filteredCount,selectedCount:q.selectedCount??Xe.size,selectedCellCount:K?(Math.abs(K.endRow-K.startRow)+1)*(Math.abs(K.endCol-K.startCol)+1):void 0,aggregation:q.aggregation,suppressRowCount:q.suppressRowCount}),$&&jsx(go,{message:xe})]})}var Ae=ee.memo(ra);var j={container:"ogrid-fluent__ColumnChooser-module__container",dropdown:"ogrid-fluent__ColumnChooser-module__dropdown",header:"ogrid-fluent__ColumnChooser-module__header",optionsList:"ogrid-fluent__ColumnChooser-module__optionsList",optionItem:"ogrid-fluent__ColumnChooser-module__optionItem",actions:"ogrid-fluent__ColumnChooser-module__actions"};var ga=({columnId:r,columnName:t,checked:n,disabled:u,onChange:s})=>jsx(Checkbox,{id:`col-${r}`,label:t,checked:n,onChange:(c,g)=>s(g.checked===true),disabled:u}),ca=({onClearAll:r,onSelectAll:t})=>jsxs("div",{className:j.actions,children:[jsx(Button,{appearance:"subtle",size:"small",onClick:r,children:"Clear All"}),jsx(Button,{appearance:"primary",size:"small",onClick:t,children:"Select All"})]}),pa={header:j.header,optionsList:j.optionsList,optionItem:j.optionItem},$e=r=>{let{columns:t,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s,className:c}=r,g=useRef(null),p=useRef(null),{open:C,handleToggle:d,handleClose:T,handleCheckboxChange:y,handleSelectAll:P,handleClearAll:G,visibleCount:S,totalCount:v}=useColumnChooserState({columns:t,visibleColumns:n,onVisibilityChange:u,onSetVisibleColumns:s});useEffect(()=>{if(!C)return;let f=I=>{let l=I.target;p.current&&!p.current.contains(l)&&g.current&&!g.current.contains(l)&&T();},_=setTimeout(()=>{document.addEventListener("mousedown",f);},0);return ()=>{clearTimeout(_),document.removeEventListener("mousedown",f);}},[C,T]);let D=f=>_=>y(f)(_);return jsxs("div",{className:`${j.container} ${c\|\|""}`,children:[jsxs(Button,{ref:g,appearance:"outline",icon:jsx(TableSettingsRegular,{}),onClick:d,"aria-expanded":C,"aria-haspopup":"listbox",children:["Column Visibility (",S," of ",v,")",C?jsx(ChevronUpRegular,{}):jsx(ChevronDownRegular,{})]}),C&&jsx("div",{ref:p,className:j.dropdown,children:jsx(ColumnChooserContent,{columns:t,visibleColumns:n,visibleCount:S,totalCount:v,handleSelectAll:P,handleClearAll:G,handleCheckboxChange:D,CheckboxItem:ga,classNames:pa,Actions:ca})})]})};var z={pagination:"ogrid-fluent__PaginationControls-module__pagination",paginationInfo:"ogrid-fluent__PaginationControls-module__paginationInfo",paginationControls:"ogrid-fluent__PaginationControls-module__paginationControls",navBtn:"ogrid-fluent__PaginationControls-module__navBtn",pageNumbers:"ogrid-fluent__PaginationControls-module__pageNumbers",pageBtn:"ogrid-fluent__PaginationControls-module__pageBtn",ellipsis:"ogrid-fluent__PaginationControls-module__ellipsis",pageSizeSelector:"ogrid-fluent__PaginationControls-module__pageSizeSelector",pageSizeLabel:"ogrid-fluent__PaginationControls-module__pageSizeLabel",pageSizeSelect:"ogrid-fluent__PaginationControls-module__pageSizeSelect"};var ha={first:jsx(ChevronDoubleLeftRegular,{}),prev:jsx(ChevronLeftRegular,{}),next:jsx(ChevronRightRegular,{}),last:jsx(ChevronDoubleRightRegular,{})},xa=({variant:r,onClick:t,disabled:n,"aria-label":u,className:s})=>jsx(Button,{appearance:"outline",shape:"circular",size:"small",icon:ha[r],onClick:t,disabled:n,"aria-label":u,className:s}),Ta=({onClick:r,active:t,"aria-label":n,"aria-current":u,children:s,className:c})=>jsx(Button,{appearance:t?"primary":"outline",size:"small",shape:"rounded",onClick:r,"aria-label":n,"aria-current":u,className:c,children:s}),ya=({value:r,options:t,onChange:n,"aria-label":u,className:s})=>{let c=(g,p)=>n(Number(p.value));return jsx(Select,{value:String(r),onChange:c,size:"small",appearance:"outline","aria-label":u,className:s,children:t.map(g=>jsx("option",{value:g,children:g},g))})},Sa={NavButton:xa,PageButton:Ta,PageSizeSelect:ya},Da={pagination:z.pagination,paginationInfo:z.paginationInfo,paginationControls:z.paginationControls,pageNumbers:z.pageNumbers,ellipsis:z.ellipsis,navBtn:z.navBtn,pageBtn:z.pageBtn,pageSizeSelector:z.pageSizeSelector,pageSizeLabel:z.pageSizeLabel,pageSizeSelect:z.pageSizeSelect},he=ee.memo(r=>jsx(PaginationControlsBase,{...r,slots:Sa,classNames:Da}));he.displayName="PaginationControls";var To=createOGrid({DataGridTable:Ae,ColumnChooser:$e,PaginationControls:he});export{$e as ColumnChooser,ge as ColumnHeaderFilter,ve as ColumnHeaderMenu,Ae as DataGridTable,To as OGrid,he as PaginationControls};

package/dist/types/index.d.ts CHANGED Viewed

@@ -4,11 +4,13 @@ export { ColumnChooser, type IColumnChooserProps } from './ColumnChooser/ColumnC
 export { ColumnHeaderFilter, type IColumnHeaderFilterProps } from './ColumnHeaderFilter/ColumnHeaderFilter';
 export { ColumnHeaderMenu, type ColumnHeaderMenuProps } from './ColumnHeaderMenu/ColumnHeaderMenu';
 export { PaginationControls, type IPaginationControlsProps } from './PaginationControls/PaginationControls';
+export { isGroupHeader, buildGroupedRows } from '@alaarab/ogrid-react';
+export type { IRowGroup, IRowGroupingConfig, RowGroupingDisplayRow } from '@alaarab/ogrid-react';
 export { CHECKBOX_COLUMN_WIDTH, ROW_NUMBER_COLUMN_WIDTH, DEFAULT_MIN_COLUMN_WIDTH, CELL_PADDING, GRID_BORDER_RADIUS, } from '@alaarab/ogrid-react';
 export type { ColumnFilterType, IColumnFilterDef, IColumnMeta, IColumnDef, IColumnGroupDef, IColumnDefinition, ICellValueChangedEvent, ICellEditorProps, CellEditorParams, IValueParserParams, UserLike, UserLikeInput, FilterValue, IFilters, IFetchParams, IPageResult, IDataSource, IGridColumnState, IOGridApi, IOGridDataGridProps, RowSelectionMode, RowId, IRowSelectionChangeEvent, StatusBarPanel, IStatusBarProps, IActiveCell, ISelectionRange, HeaderCell, HeaderRow, SideBarPanelId, ISideBarDef, IDateFilterValue, IVirtualScrollConfig, IColumnReorderConfig, } from '@alaarab/ogrid-react';
 export { toUserLike, isInSelectionRange, normalizeSelectionRange } from '@alaarab/ogrid-react';
-export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useListVirtualizer, useLatestRef, usePaginationControls, useDataGridTableOrchestration, useColumnMeta, } from '@alaarab/ogrid-react';
-export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSelectStateParams, UseSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, UseColumnMetaParams, ColumnMetaResult, } from '@alaarab/ogrid-react';
+export { useFilterOptions, useOGrid, useActiveCell, useCellEditing, useContextMenu, useCellSelection, useClipboard, useRowSelection, useKeyboardNavigation, useUndoRedo, useDebounce, useFillHandle, useDataGridState, useColumnHeaderFilterState, useTextFilterState, useMultiSelectFilterState, usePeopleFilterState, useDateFilterState, useColumnChooserState, useInlineCellEditorState, useColumnResize, useRowGrouping, useRichSelectState, useSelectState, useSideBarState, useTableLayout, useColumnReorder, useVirtualScroll, useListVirtualizer, useLatestRef, usePaginationControls, useDataGridTableOrchestration, useColumnMeta, } from '@alaarab/ogrid-react';
+export type { UseFilterOptionsResult, UseOGridResult, UseOGridPagination, UseOGridColumnChooser, UseOGridLayout, UseOGridFilters, ColumnChooserPlacement, UseActiveCellResult, UseCellEditingResult, EditingCell, UseContextMenuResult, ContextMenuPosition, UseCellSelectionResult, UseCellSelectionParams, UseClipboardResult, UseClipboardParams, UseRowSelectionResult, UseRowSelectionParams, UseKeyboardNavigationResult, UseKeyboardNavigationParams, UseUndoRedoResult, UseUndoRedoParams, UseFillHandleResult, UseFillHandleParams, UseDataGridStateParams, UseDataGridStateResult, DataGridLayoutState, DataGridRowSelectionState, DataGridEditingState, DataGridCellInteractionState, DataGridContextMenuState, DataGridViewModelState, DataGridPinningState, UseColumnHeaderFilterStateParams, UseColumnHeaderFilterStateResult, UseTextFilterStateParams, UseTextFilterStateResult, UseMultiSelectFilterStateParams, UseMultiSelectFilterStateResult, UsePeopleFilterStateParams, UsePeopleFilterStateResult, UseDateFilterStateParams, UseDateFilterStateResult, UseColumnChooserStateParams, UseColumnChooserStateResult, UseInlineCellEditorStateParams, UseInlineCellEditorStateResult, InlineCellEditorType, UseColumnResizeParams, UseColumnResizeResult, UseRowGroupingParams, UseRowGroupingResult, UseRichSelectStateParams, UseRichSelectStateResult, UseSelectStateParams, UseSelectStateResult, UseSideBarStateParams, UseSideBarStateResult, UseTableLayoutParams, UseTableLayoutResult, UseColumnReorderParams, UseColumnReorderResult, UseVirtualScrollParams, UseVirtualScrollResult, UsePaginationControlsProps, UsePaginationControlsResult, UseDataGridTableOrchestrationParams, UseDataGridTableOrchestrationResult, UseColumnMetaParams, ColumnMetaResult, } from '@alaarab/ogrid-react';
 export { GRID_ROOT_STYLE, CURSOR_CELL_STYLE, POPOVER_ANCHOR_STYLE, PREVENT_DEFAULT, NOOP, STOP_PROPAGATION, } from '@alaarab/ogrid-react';
 export { OGridLayout } from '@alaarab/ogrid-react';
 export type { OGridLayoutProps } from '@alaarab/ogrid-react';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@alaarab/ogrid-react-fluent",
-  "version": "2.5.8",
+  "version": "2.6.0",
   "description": "OGrid React Fluent implementation – DataGrid-powered data table with sorting, filtering, pagination, column chooser, and CSV export.",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -41,7 +41,7 @@
     "node": ">=18"
   },
   "dependencies": {
-    "@alaarab/ogrid-react": "2.5.7"
+    "@alaarab/ogrid-react": "2.6.0"
   },
   "peerDependencies": {
     "@fluentui/react-components": "^9.0.0",