@heliux-org/design-system-core 0.0.138 → 0.0.139

package/dist/esm/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot_f042d7ee45","focus-visible":"focus-visible_b636dd5915",isActive:"isActive_5db4018663",colorOnPrimaryColor:"colorOnPrimaryColor_d6e04dbfbe",colorOnInvertedBackground:"colorOnInvertedBackground_6c29ec3c03"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-fa7ef6a46b42_0_0_137";if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}(".dot_f042d7ee45 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_f042d7ee45:focus-visible, .dot_f042d7ee45.focus-visible_b636dd5915 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_f042d7ee45:focus:not(.focus-visible_b636dd5915) {\n  outline: none;\n}\n.dot_f042d7ee45:focus-visible, .dot_f042d7ee45.focus-visible_b636dd5915 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_f042d7ee45:focus:not(.focus-visible_b636dd5915) {\n  outline: none;\n}\n.dot_f042d7ee45:hover {\n  transform: scale(1.3);\n}\n.isActive_5db4018663 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_d6e04dbfbe.dot_f042d7ee45 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_d6e04dbfbe.dot_f042d7ee45:focus-visible, .colorOnPrimaryColor_d6e04dbfbe.dot_f042d7ee45.focus-visible_b636dd5915 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_d6e04dbfbe.dot_f042d7ee45:focus:not(.focus-visible_b636dd5915) {\n  outline: none;\n}\n.colorOnPrimaryColor_d6e04dbfbe.dot_f042d7ee45.isActive_5db4018663 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_6c29ec3c03.dot_f042d7ee45 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_6c29ec3c03.dot_f042d7ee45.isActive_5db4018663 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_1dd0aef905","focus-visible":"focus-visible_59c9880d7b",isActive:"isActive_4ac6050c49",colorOnPrimaryColor:"colorOnPrimaryColor_4fb1597281",colorOnInvertedBackground:"colorOnInvertedBackground_e682a44ec6"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_138";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dot_1dd0aef905 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_1dd0aef905:focus-visible, .dot_1dd0aef905.focus-visible_59c9880d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_1dd0aef905:focus:not(.focus-visible_59c9880d7b) {\n  outline: none;\n}\n.dot_1dd0aef905:focus-visible, .dot_1dd0aef905.focus-visible_59c9880d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_1dd0aef905:focus:not(.focus-visible_59c9880d7b) {\n  outline: none;\n}\n.dot_1dd0aef905:hover {\n  transform: scale(1.3);\n}\n.isActive_4ac6050c49 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_4fb1597281.dot_1dd0aef905 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_4fb1597281.dot_1dd0aef905:focus-visible, .colorOnPrimaryColor_4fb1597281.dot_1dd0aef905.focus-visible_59c9880d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_4fb1597281.dot_1dd0aef905:focus:not(.focus-visible_59c9880d7b) {\n  outline: none;\n}\n.colorOnPrimaryColor_4fb1597281.dot_1dd0aef905.isActive_4ac6050c49 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_e682a44ec6.dot_1dd0aef905 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_e682a44ec6.dot_1dd0aef905.isActive_4ac6050c49 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_9cc641e851",galleryHeaderDot:"galleryHeaderDot_46f86df4b6"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_137";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader_9cc641e851 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_9cc641e851 .galleryHeaderDot_46f86df4b6 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_9cc641e851 .galleryHeaderDot_46f86df4b6:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_4990efa5e7",galleryHeaderDot:"galleryHeaderDot_3149ade21a"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_138";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader_4990efa5e7 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_4990efa5e7 .galleryHeaderDot_3149ade21a {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_4990efa5e7 .galleryHeaderDot_3149ade21a:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/esm/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header_1fe6e57d14"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_137";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".header_1fe6e57d14 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_7b21fdbb5e"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_138";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".header_7b21fdbb5e {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_dad784fd6d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_137";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers_dad784fd6d {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_e46d2c66d0"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_138";if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}(".numbers_e46d2c66d0 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/esm/src/components/Switch/Switch.module.scss.js

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_29fd9dd7a7"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-aa3ebc66fa48_0_0_137";if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".hidden-switch_29fd9dd7a7 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_af502ca3a3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_138";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch_af502ca3a3 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

package/dist/esm/src/components/Table/Table.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import*as n from"react";import{createElement as i}from"react";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import a from"classnames";import"./table.scss.js";import{useTable as c,useFlexLayout as u,useFilters as d,useGlobalFilter as m,useSortBy as p,useExpanded as f,usePagination as g,useRowSelect as b,useColumnOrder as h,actions as v}from"react-table";import"./new/utils/functions/colors.js";import"./new/utils/functions/polymorphic.js";import{createWarningLogger as w}from"./new/utils/functions/dev.js";import{useResizeObserver as R}from"./new/utils/hooks/useResizeObserver.js";import{useLayoutEffect as j}from"./new/utils/hooks/useIsomorphicLayoutEffect.js";import{useGlobals as y}from"./new/utils/hooks/useGlobals.js";import"./new/utils/hooks/useId.js";import"./new/utils/color/ColorValue.js";import{ShadowRoot as S}from"./new/utils/components/ShadowRoot.js";import{Box as k}from"./new/utils/components/Box.js";import{getCellStyle as C,getStickyStyle as I}from"./utils.js";import{TableRowMemoized as z}from"./TableRowMemoized.js";import"./styling/column-filter.scss.js";import"./new/utils/components/ButtonBase.js";import{FilterToggle as O}from"./filters/FilterToggle.js";import{customFilterFunctions as T}from"./filters/customFilterFunctions.js";import{useExpanderCell as P}from"./hooks/useExpanderCell.js";import{useSelectionCell as x}from"./hooks/useSelectionCell.js";import{useSubRowFiltering as E}from"./hooks/useSubRowFiltering.js";import{useSubRowSelection as N}from"./hooks/useSubRowSelection.js";import{useResizeColumns as L}from"./hooks/useResizeColumns.js";import{useColumnDragAndDrop as H}from"./hooks/useColumnDragAndDrop.js";import{useScrollToRow as M}from"./hooks/useScrollToRow.js";import{useStickyColumns as W}from"./hooks/useStickyColumns.js";import{onExpandHandler as F}from"./actionHandlers/expandHandler.js";import{onFilterHandler as B}from"./actionHandlers/filterHandler.js";import{onToggleHandler as D,onShiftSelectHandler as V,onSingleSelectHandler as A}from"./actionHandlers/selectHandler.js";import{onTableResizeEnd as G,onTableResizeStart as _}from"./actionHandlers/resizeHandler.js";import{VirtualScroll as U}from"./new/utils/components/VirtualScroll.js";import"lodash-es";import"../Icon/Icon.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Remove.js";import"../../tests/constants.js";import"../Text/Text.js";import"../Checkbox/Checkbox.module.scss.js";import"react-dom";import"@floating-ui/react";import"./new/Toast/Toaster.js";import"../ListItem/ListItem.js";import"../Icon/Icons/components/DropdownChevronRight.js";import{SELECTION_CELL_ID as J}from"./columns/selectionColumn.js";import X from"../IconButton/IconButton.js";import"../Icon/Icons/components/MoveArrowRight.js";import K from"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/Settings.js";import"../DialogContentContainer/DialogContentContainer.js";import q from"../Icon/Icons/components/MoveArrowUp.js";var Q="singleRowSelected",Y="shiftRowSelected",Z="tableResizeStart",$="tableResizeEnd",ee=w(),te=function e(o){var n=[];return o.forEach((function(o){n.push(o),"columns"in o&&n.push.apply(n,t(e(o.columns)))})),n},oe=function(t){var w=t.data,oe=t.columns,ne=t.header,ie=t.isLoading,re=void 0!==ie&&ie,se=t.emptyTableContent,le=t.className,ae=t.style,ce=t.id,ue=t.isSelectable,de=void 0!==ue&&ue,me=t.onSelect,pe=t.onRowClick,fe=t.selectionMode,ge=void 0===fe?"multi":fe,be=t.isSortable,he=void 0!==be&&be,ve=t.onSort,we=t.stateReducer,Re=t.onBottomReached,je=t.onRowInViewport,ye=t.intersectionMargin,Se=void 0===ye?300:ye,ke=t.subComponent,Ce=t.onExpand,Ie=t.onFilter,ze=t.globalFilterValue,Oe=t.emptyFilteredTableContent,Te=t.filterTypes,Pe=t.expanderCell,xe=t.isRowDisabled,Ee=t.rowProps,Ne=t.density,Le=void 0===Ne?"default":Ne,He=t.selectSubRows,Me=void 0===He||He,We=t.getSubRows,Fe=t.selectRowOnClick,Be=void 0===Fe||Fe,De=t.paginatorRenderer,Ve=t.pageSize,Ae=void 0===Ve?25:Ve,Ge=t.isResizable,_e=void 0!==Ge&&Ge,Ue=t.columnResizeMode,Je=void 0===Ue?"fit":Ue,Xe=t.styleType,Ke=void 0===Xe?"default":Xe,qe=t.enableVirtualization,Qe=void 0!==qe&&qe,Ye=t.enableColumnReordering,Ze=void 0!==Ye&&Ye,$e=t.headerWrapperProps,et=t.headerProps,tt=t.bodyProps,ot=t.emptyTableContentProps,nt=o(t,["data","columns","header","isLoading","emptyTableContent","className","style","id","isSelectable","onSelect","onRowClick","selectionMode","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterTypes","expanderCell","isRowDisabled","rowProps","density","selectSubRows","getSubRows","selectRowOnClick","paginatorRenderer","pageSize","isResizable","columnResizeMode","styleType","enableVirtualization","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps"]);y();var it=n.useRef(),rt=n.useMemo((function(){return{maxWidth:0,minWidth:0,width:0}}),[]),st=n.useRef(Re),lt=n.useRef(je);n.useEffect((function(){st.current=Re,lt.current=je}),[Re,je]);var at=n.useMemo((function(){return te(oe).some((function(e){return e.id===J}))}),[oe]),ct=n.useCallback((function(e){"Shift"===e.key&&it.current&&(it.current.documentElement.style.userSelect="none")}),[]),ut=n.useCallback((function(e){"Shift"===e.key&&it.current&&(it.current.documentElement.style.userSelect="")}),[]);n.useEffect((function(){if(de&&"multi"===ge){var e=it.current;return null==e||e.addEventListener("keydown",ct),null==e||e.addEventListener("keyup",ut),function(){null==e||e.removeEventListener("keydown",ct),null==e||e.removeEventListener("keyup",ut)}}}),[de,ge,it,ct,ut]);var dt=n.useRef([]),mt=n.useRef(dt.current),pt=n.useMemo((function(){return Object.assign(Object.assign({},T),Te)}),[Te]),ft=n.useMemo((function(){return w.some((function(e,t){return We?We(e,t):e.subRows}))}),[w,We]),gt=c(Object.assign(Object.assign({manualPagination:!De,paginateExpandedRows:!1},t),{columns:oe,defaultColumn:rt,disableSortBy:!he,stateReducer:function(e,t,o,n){switch(t.type){case v.toggleSortBy:null==ve||ve(e);break;case v.setFilter:mt.current=B(e,t,o,mt.current,n);break;case v.toggleRowExpanded:case v.toggleAllRowsExpanded:F(e,n,Ce);break;case Q:e=A(e,t,n,me,at?void 0:xe);break;case Y:e=V(e,t,n,me,at?void 0:xe);break;case v.toggleRowSelected:case v.toggleAllRowsSelected:case v.toggleAllPageRowsSelected:D(e,t,n,me,at?void 0:xe);break;case Z:e=_(e);break;case $:e=G(e,t);break;default:we&&(e=we(e,t,o,n))}return e},filterTypes:pt,selectSubRows:Me,data:w,getSubRows:We,initialState:Object.assign({pageSize:Ae},t.initialState),columnResizeMode:Je}),u,L(it),d,E(ft),m,p,f,g,b,N,P(ke,Pe,xe),x(de,ge,xe,Le),h,H(Ze),W),bt=gt.getTableProps,ht=gt.rows,vt=gt.headerGroups,wt=gt.getTableBodyProps,Rt=gt.prepareRow,jt=gt.state,yt=gt.allColumns,St=gt.dispatch,kt=gt.page,Ct=gt.gotoPage,It=gt.setPageSize,zt=gt.flatHeaders,Ot=gt.visibleColumns,Tt=gt.setGlobalFilter,Pt=vt;1===oe.length&&"columns"in oe[0]&&(Pt=vt.slice(1),ee("Table's `columns` prop should not have a top-level `Header` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes"));var xt=Object.entries(nt).reduce((function(t,o){var n=e(o,2),i=n[0],r=n[1];return(i.startsWith("data-")||i.startsWith("aria-"))&&(t[i]=r),t}),{}),Et=yt.some((function(e){return null!=e.filterValue&&""!==e.filterValue}))||!!ze,Nt=function(e){return(0!==w.length||Et)&&e.canFilter&&!!e.Filter},Lt=function(e){return 0!==w.length&&e.canSort},Ht=function(e,t){var o=null==xe?void 0:xe(t.original);o||null==pe||pe(e,t),de&&!o&&Be&&!e.isDefaultPrevented()&&("multi"===ge&&e.shiftKey?St({type:Y,id:t.id}):"single"===ge&&St({type:Q,id:t.id}))};n.useEffect((function(){Tt(ze)}),[ze,Tt]),n.useEffect((function(){It(Ae)}),[Ae,It]),n.useEffect((function(){dt.current!==mt.current&&(dt.current=mt.current,null==Ie||Ie(mt.current,jt,gt.filteredRows))}),[jt,gt.filteredRows,Ie]);var Mt=n.useRef([]);n.useEffect((function(){Mt.current.length>0&&JSON.stringify(Mt.current)!==JSON.stringify(oe)&&gt.setColumnOrder([]),Mt.current=oe}),[oe,gt]);var Wt=n.useMemo((function(){return{currentPage:jt.pageIndex,pageSize:jt.pageSize,totalRowsCount:ht.length,size:"default"!==Le?"small":"default",isLoading:re,onPageChange:Ct,onPageSizeChange:It,totalSelectedRowsCount:"single"===ge?0:gt.selectedFlatRows.length}}),[Le,Ct,re,ht.length,It,jt.pageIndex,jt.pageSize,gt.selectedFlatRows,ge]),Ft=n.useRef(null),Bt=n.useRef(null),Dt=M(Object.assign(Object.assign({},t),{page:kt})),Vt=Dt.scrollToIndex,At=Dt.tableRowRef,Gt=n.useRef({}),_t=n.useRef(0),Ut=n.useCallback((function(e){var t,o,n,i,r=e.width;Yt(null!==(o=null===(t=Ft.current)||void 0===t?void 0:t.scrollWidth)&&void 0!==o?o:0),to(null!==(i=null===(n=Ft.current)||void 0===n?void 0:n.clientWidth)&&void 0!==i?i:0),_e&&(gt.tableWidth=r,r!==_t.current&&(_t.current=r,zt.forEach((function(e){Gt.current[e.id]&&(e.resizeWidth=Gt.current[e.id].getBoundingClientRect().width)})),0!==Object.keys(jt.columnResizing.columnWidths).length&&St({type:Z})))}),[St,jt.columnResizing.columnWidths,zt,gt,_e]),Jt=R(Ut),Xt=e(Jt,1)[0],Kt=n.useState(0),qt=e(Kt,2),Qt=qt[0],Yt=qt[1],Zt=n.useState(0),$t=e(Zt,2),eo=$t[0],to=$t[1];j((function(){if(jt.isTableResizing){var e={};zt.forEach((function(t){Gt.current[t.id]&&(e[t.id]=Gt.current[t.id].getBoundingClientRect().width)})),St({type:$,columnWidths:e})}}));var oo=n.useCallback((function(e){var t=kt[e];return Rt(t),r(z,{row:t,rowProps:Ee,isLast:e===kt.length-1,onRowInViewport:lt,onBottomReached:st,intersectionMargin:Se,state:jt,onClick:Ht,subComponent:ke,isDisabled:!!(null==xe?void 0:xe(t.original)),tableHasSubRows:ft,tableInstance:gt,expanderCell:Pe,bodyRef:Bt.current,tableRowRef:Qe?void 0:At(t),density:Le},t.getRowProps().key)}),[kt,Rt,Ee,Se,jt,Ht,ke,xe,ft,gt,Pe,Qe,At,Le]),no=n.useCallback((function(e){return oo(e)}),[oo]),io=function(){Bt.current&&!zt.every((function(e){return!e.sticky}))&&(St(0!==Bt.current.scrollLeft?{type:v.setScrolledRight,value:!0}:{type:v.setScrolledRight,value:!1}),St(Bt.current.scrollLeft!==Bt.current.scrollWidth-Bt.current.clientWidth?{type:v.setScrolledLeft,value:!0}:{type:v.setScrolledLeft,value:!1}))};n.useEffect((function(){io()}),[]);var ro=n.useRef(!1);return s(l,{children:[ne,s(k,Object.assign({ref:function(e){it.current=null==e?void 0:e.ownerDocument,Xt(e)},id:ce},bt({className:a("iui-table",le),style:Object.assign({minWidth:0},ae)}),{"data-iui-size":"default"===Le?void 0:Le},xt,{children:[Pt.map((function(e){return r(k,Object.assign({as:"div",ref:Ft,onScroll:function(){Ft.current&&Bt.current&&(Bt.current.scrollLeft=Ft.current.scrollLeft,io())}},$e,{className:a("iui-table-header-wrapper",null==$e?void 0:$e.className)},{children:r(k,Object.assign({as:"div"},et,{className:a("iui-table-header",null==et?void 0:et.className)},{children:r(k,Object.assign({},e.getHeaderGroupProps({className:"iui-table-row"}),{children:e.headers.map((function(e,t){var o,n=!e.Header||""===(""+e.Header).trim(),l=e.getHeaderProps(Object.assign({className:a("iui-table-cell",e.columnClassName,{"iui-actionable":e.canSort&&!n,"iui-sorted":e.isSorted&&!n,"iui-table-cell-sticky":!!e.sticky,"iui-empty-header":n}),style:Object.assign(Object.assign(Object.assign({},C(e,!!jt.isTableResizing)),I(e,Ot)),{flexWrap:"unset",backgroundColor:n?"transparent":void 0})},n?{"aria-hidden":!0}:{}));return i(k,Object.assign({},l,{key:l.key,onMouseDown:function(){ro.current=!0},onClick:function(t){if(ro.current&&!n){var o=e.getSortByToggleProps();o.onClick&&o.onClick(t),ro.current=!1}},tabIndex:Lt(e)&&!n?0:void 0}),n?null:e.render("Header"),!n&&(Nt(e)||Lt(e))&&s(k,Object.assign({className:"iui-table-header-actions-container"},{children:[Nt(e)&&r(O,{column:e}),Lt(e)&&r(k,Object.assign({className:"iui-table-cell-end-icon"},{children:r(X,{ariaLabel:e.isSortedDesc?"Sort Descending":"Sort Ascending",size:null===(o=null==X?void 0:X.sizes)||void 0===o?void 0:o.XXS,className:"iui-table-sort",icon:e.isSortedDesc?K:q})}))]})))}))}))}))}),e.getHeaderGroupProps().key)})),s(k,Object.assign({},tt,wt({className:a("iui-table-body",{"iui-zebra-striping":"zebra-rows"===Ke},null==tt?void 0:tt.className),style:{outline:0}}),{ref:Bt,onScroll:function(){Ft.current&&Bt.current&&(Ft.current.scrollLeft=Bt.current.scrollLeft,io())},tabIndex:-1,"aria-multiselectable":de&&"multi"===ge||void 0},{children:[s(S,{children:[r("slot",{}),0===ht.length&&Qt>eo&&r("div",{"aria-hidden":!0,style:{width:Qt,height:.1}})]}),0!==w.length&&r(l,{children:Qe?r(U,{itemsLength:kt.length,itemRenderer:no,scrollToIndex:Vt}):kt.map((function(e,t){return oo(t)}))}),re&&0===w.length&&r(k,Object.assign({as:"div"},ot,{className:a("iui-table-empty",null==ot?void 0:ot.className)})),re&&0!==w.length&&r(k,Object.assign({className:"iui-table-row","data-iui-loading":"true"},{children:r(k,{className:"iui-table-cell"})})),!re&&0===w.length&&!Et&&r(k,Object.assign({as:"div"},ot,{className:a("iui-table-empty",null==ot?void 0:ot.className)},{children:r("div",{children:se})})),!re&&(0===w.length||0===ht.length)&&Et&&r(k,Object.assign({as:"div"},ot,{className:a("iui-table-empty",null==ot?void 0:ot.className)},{children:r("div",{children:Oe})}))]})),null==De?void 0:De(Wt)]}))]})};export{oe as Table,oe as default,Z as tableResizeStartAction};
+import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import*as n from"react";import{createElement as i}from"react";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import a from"classnames";import"./table.scss.js";import{useTable as c,useFlexLayout as u,useFilters as d,useGlobalFilter as m,useSortBy as p,useExpanded as f,usePagination as g,useRowSelect as b,useColumnOrder as h,actions as v}from"react-table";import"./new/utils/functions/colors.js";import"./new/utils/functions/polymorphic.js";import{createWarningLogger as w}from"./new/utils/functions/dev.js";import{useResizeObserver as R}from"./new/utils/hooks/useResizeObserver.js";import{useLayoutEffect as j}from"./new/utils/hooks/useIsomorphicLayoutEffect.js";import{useGlobals as y}from"./new/utils/hooks/useGlobals.js";import"./new/utils/hooks/useId.js";import"./new/utils/color/ColorValue.js";import{ShadowRoot as S}from"./new/utils/components/ShadowRoot.js";import{Box as k}from"./new/utils/components/Box.js";import{getCellStyle as C,getStickyStyle as I}from"./utils.js";import{TableRowMemoized as O}from"./TableRowMemoized.js";import"./styling/column-filter.scss.js";import"./new/utils/components/ButtonBase.js";import{FilterToggle as z}from"./filters/FilterToggle.js";import{customFilterFunctions as T}from"./filters/customFilterFunctions.js";import{useExpanderCell as P}from"./hooks/useExpanderCell.js";import{useSelectionCell as x}from"./hooks/useSelectionCell.js";import{useSubRowFiltering as E}from"./hooks/useSubRowFiltering.js";import{useSubRowSelection as N}from"./hooks/useSubRowSelection.js";import{useResizeColumns as L}from"./hooks/useResizeColumns.js";import{useColumnDragAndDrop as H}from"./hooks/useColumnDragAndDrop.js";import{useScrollToRow as M}from"./hooks/useScrollToRow.js";import{useStickyColumns as W}from"./hooks/useStickyColumns.js";import{onExpandHandler as F}from"./actionHandlers/expandHandler.js";import{onFilterHandler as B}from"./actionHandlers/filterHandler.js";import{onToggleHandler as D,onShiftSelectHandler as V,onSingleSelectHandler as A}from"./actionHandlers/selectHandler.js";import{onTableResizeEnd as G,onTableResizeStart as _}from"./actionHandlers/resizeHandler.js";import{VirtualScroll as U}from"./new/utils/components/VirtualScroll.js";import"lodash-es";import"../Icon/Icon.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Remove.js";import"../../tests/constants.js";import J from"../Text/Text.js";import"../Checkbox/Checkbox.module.scss.js";import"react-dom";import"@floating-ui/react";import"./new/Toast/Toaster.js";import"../ListItem/ListItem.js";import"../Icon/Icons/components/DropdownChevronRight.js";import{SELECTION_CELL_ID as X}from"./columns/selectionColumn.js";import K from"../IconButton/IconButton.js";import"../Icon/Icons/components/MoveArrowRight.js";import q from"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/Settings.js";import"../DialogContentContainer/DialogContentContainer.js";import Q from"../Icon/Icons/components/MoveArrowUp.js";var Y="singleRowSelected",Z="shiftRowSelected",$="tableResizeStart",ee="tableResizeEnd",te=w(),oe=function e(o){var n=[];return o.forEach((function(o){n.push(o),"columns"in o&&n.push.apply(n,t(e(o.columns)))})),n},ne=function(t){var w=t.data,ne=t.columns,ie=t.header,re=t.isLoading,se=void 0!==re&&re,le=t.emptyTableContent,ae=t.className,ce=t.style,ue=t.id,de=t.isSelectable,me=void 0!==de&&de,pe=t.onSelect,fe=t.onRowClick,ge=t.selectionMode,be=void 0===ge?"multi":ge,he=t.isSortable,ve=void 0!==he&&he,we=t.onSort,Re=t.stateReducer,je=t.onBottomReached,ye=t.onRowInViewport,Se=t.intersectionMargin,ke=void 0===Se?300:Se,Ce=t.subComponent,Ie=t.onExpand,Oe=t.onFilter,ze=t.globalFilterValue,Te=t.emptyFilteredTableContent,Pe=t.filterTypes,xe=t.expanderCell,Ee=t.isRowDisabled,Ne=t.rowProps,Le=t.density,He=void 0===Le?"default":Le,Me=t.selectSubRows,We=void 0===Me||Me,Fe=t.getSubRows,Be=t.selectRowOnClick,De=void 0===Be||Be,Ve=t.paginatorRenderer,Ae=t.pageSize,Ge=void 0===Ae?25:Ae,_e=t.isResizable,Ue=void 0!==_e&&_e,Je=t.columnResizeMode,Xe=void 0===Je?"fit":Je,Ke=t.styleType,qe=void 0===Ke?"default":Ke,Qe=t.enableVirtualization,Ye=void 0!==Qe&&Qe,Ze=t.enableColumnReordering,$e=void 0!==Ze&&Ze,et=t.headerWrapperProps,tt=t.headerProps,ot=t.bodyProps,nt=t.emptyTableContentProps,it=o(t,["data","columns","header","isLoading","emptyTableContent","className","style","id","isSelectable","onSelect","onRowClick","selectionMode","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterTypes","expanderCell","isRowDisabled","rowProps","density","selectSubRows","getSubRows","selectRowOnClick","paginatorRenderer","pageSize","isResizable","columnResizeMode","styleType","enableVirtualization","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps"]);y();var rt=n.useRef(),st=n.useMemo((function(){return{maxWidth:0,minWidth:0,width:0}}),[]),lt=n.useRef(je),at=n.useRef(ye);n.useEffect((function(){lt.current=je,at.current=ye}),[je,ye]);var ct=n.useMemo((function(){return oe(ne).some((function(e){return e.id===X}))}),[ne]),ut=n.useCallback((function(e){"Shift"===e.key&&rt.current&&(rt.current.documentElement.style.userSelect="none")}),[]),dt=n.useCallback((function(e){"Shift"===e.key&&rt.current&&(rt.current.documentElement.style.userSelect="")}),[]);n.useEffect((function(){if(me&&"multi"===be){var e=rt.current;return null==e||e.addEventListener("keydown",ut),null==e||e.addEventListener("keyup",dt),function(){null==e||e.removeEventListener("keydown",ut),null==e||e.removeEventListener("keyup",dt)}}}),[me,be,rt,ut,dt]);var mt=n.useRef([]),pt=n.useRef(mt.current),ft=n.useMemo((function(){return Object.assign(Object.assign({},T),Pe)}),[Pe]),gt=n.useMemo((function(){return w.some((function(e,t){return Fe?Fe(e,t):e.subRows}))}),[w,Fe]),bt=c(Object.assign(Object.assign({manualPagination:!Ve,paginateExpandedRows:!1},t),{columns:ne,defaultColumn:st,disableSortBy:!ve,stateReducer:function(e,t,o,n){switch(t.type){case v.toggleSortBy:null==we||we(e);break;case v.setFilter:pt.current=B(e,t,o,pt.current,n);break;case v.toggleRowExpanded:case v.toggleAllRowsExpanded:F(e,n,Ie);break;case Y:e=A(e,t,n,pe,ct?void 0:Ee);break;case Z:e=V(e,t,n,pe,ct?void 0:Ee);break;case v.toggleRowSelected:case v.toggleAllRowsSelected:case v.toggleAllPageRowsSelected:D(e,t,n,pe,ct?void 0:Ee);break;case $:e=_(e);break;case ee:e=G(e,t);break;default:Re&&(e=Re(e,t,o,n))}return e},filterTypes:ft,selectSubRows:We,data:w,getSubRows:Fe,initialState:Object.assign({pageSize:Ge},t.initialState),columnResizeMode:Xe}),u,L(rt),d,E(gt),m,p,f,g,b,N,P(Ce,xe,Ee),x(me,be,Ee,He),h,H($e),W),ht=bt.getTableProps,vt=bt.rows,wt=bt.headerGroups,Rt=bt.getTableBodyProps,jt=bt.prepareRow,yt=bt.state,St=bt.allColumns,kt=bt.dispatch,Ct=bt.page,It=bt.gotoPage,Ot=bt.setPageSize,zt=bt.flatHeaders,Tt=bt.visibleColumns,Pt=bt.setGlobalFilter,xt=wt;1===ne.length&&"columns"in ne[0]&&(xt=wt.slice(1),te("Table's `columns` prop should not have a top-level `Header` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes"));var Et=Object.entries(it).reduce((function(t,o){var n=e(o,2),i=n[0],r=n[1];return(i.startsWith("data-")||i.startsWith("aria-"))&&(t[i]=r),t}),{}),Nt=St.some((function(e){return null!=e.filterValue&&""!==e.filterValue}))||!!ze,Lt=function(e){return(0!==w.length||Nt)&&e.canFilter&&!!e.Filter},Ht=function(e){return 0!==w.length&&e.canSort},Mt=function(e,t){var o=null==Ee?void 0:Ee(t.original);o||null==fe||fe(e,t),me&&!o&&De&&!e.isDefaultPrevented()&&("multi"===be&&e.shiftKey?kt({type:Z,id:t.id}):"single"===be&&kt({type:Y,id:t.id}))};n.useEffect((function(){Pt(ze)}),[ze,Pt]),n.useEffect((function(){Ot(Ge)}),[Ge,Ot]),n.useEffect((function(){mt.current!==pt.current&&(mt.current=pt.current,null==Oe||Oe(pt.current,yt,bt.filteredRows))}),[yt,bt.filteredRows,Oe]);var Wt=n.useRef([]);n.useEffect((function(){Wt.current.length>0&&JSON.stringify(Wt.current)!==JSON.stringify(ne)&&bt.setColumnOrder([]),Wt.current=ne}),[ne,bt]);var Ft=n.useMemo((function(){return{currentPage:yt.pageIndex,pageSize:yt.pageSize,totalRowsCount:vt.length,size:"default"!==He?"small":"default",isLoading:se,onPageChange:It,onPageSizeChange:Ot,totalSelectedRowsCount:"single"===be?0:bt.selectedFlatRows.length}}),[He,It,se,vt.length,Ot,yt.pageIndex,yt.pageSize,bt.selectedFlatRows,be]),Bt=n.useRef(null),Dt=n.useRef(null),Vt=M(Object.assign(Object.assign({},t),{page:Ct})),At=Vt.scrollToIndex,Gt=Vt.tableRowRef,_t=n.useRef({}),Ut=n.useRef(0),Jt=n.useCallback((function(e){var t,o,n,i,r=e.width;Zt(null!==(o=null===(t=Bt.current)||void 0===t?void 0:t.scrollWidth)&&void 0!==o?o:0),oo(null!==(i=null===(n=Bt.current)||void 0===n?void 0:n.clientWidth)&&void 0!==i?i:0),Ue&&(bt.tableWidth=r,r!==Ut.current&&(Ut.current=r,zt.forEach((function(e){_t.current[e.id]&&(e.resizeWidth=_t.current[e.id].getBoundingClientRect().width)})),0!==Object.keys(yt.columnResizing.columnWidths).length&&kt({type:$})))}),[kt,yt.columnResizing.columnWidths,zt,bt,Ue]),Xt=R(Jt),Kt=e(Xt,1)[0],qt=n.useState(0),Qt=e(qt,2),Yt=Qt[0],Zt=Qt[1],$t=n.useState(0),eo=e($t,2),to=eo[0],oo=eo[1];j((function(){if(yt.isTableResizing){var e={};zt.forEach((function(t){_t.current[t.id]&&(e[t.id]=_t.current[t.id].getBoundingClientRect().width)})),kt({type:ee,columnWidths:e})}}));var no=n.useCallback((function(e){var t=Ct[e];return jt(t),r(O,{row:t,rowProps:Ne,isLast:e===Ct.length-1,onRowInViewport:at,onBottomReached:lt,intersectionMargin:ke,state:yt,onClick:Mt,subComponent:Ce,isDisabled:!!(null==Ee?void 0:Ee(t.original)),tableHasSubRows:gt,tableInstance:bt,expanderCell:xe,bodyRef:Dt.current,tableRowRef:Ye?void 0:Gt(t),density:He},t.getRowProps().key)}),[Ct,jt,Ne,ke,yt,Mt,Ce,Ee,gt,bt,xe,Ye,Gt,He]),io=n.useCallback((function(e){return no(e)}),[no]),ro=function(){Dt.current&&!zt.every((function(e){return!e.sticky}))&&(kt(0!==Dt.current.scrollLeft?{type:v.setScrolledRight,value:!0}:{type:v.setScrolledRight,value:!1}),kt(Dt.current.scrollLeft!==Dt.current.scrollWidth-Dt.current.clientWidth?{type:v.setScrolledLeft,value:!0}:{type:v.setScrolledLeft,value:!1}))};n.useEffect((function(){ro()}),[]);var so=n.useRef(!1);return s(l,{children:[ie,s(k,Object.assign({ref:function(e){rt.current=null==e?void 0:e.ownerDocument,Kt(e)},id:ue},ht({className:a("iui-table",ae),style:Object.assign({minWidth:0},ce)}),{"data-iui-size":"default"===He?void 0:He},Et,{children:[xt.map((function(e){return r(k,Object.assign({as:"div",ref:Bt,onScroll:function(){Bt.current&&Dt.current&&(Dt.current.scrollLeft=Bt.current.scrollLeft,ro())}},et,{className:a("iui-table-header-wrapper",null==et?void 0:et.className)},{children:r(k,Object.assign({as:"div"},tt,{className:a("iui-table-header",null==tt?void 0:tt.className)},{children:r(k,Object.assign({},e.getHeaderGroupProps({className:"iui-table-row"}),{children:e.headers.map((function(e,t){var o,n=!e.Header||""===(""+e.Header).trim(),l=e.getHeaderProps(Object.assign({className:a("iui-table-cell",e.columnClassName,{"iui-actionable":e.canSort&&!n,"iui-sorted":e.isSorted&&!n,"iui-table-cell-sticky":!!e.sticky,"iui-empty-header":n}),style:Object.assign(Object.assign(Object.assign({},C(e,!!yt.isTableResizing)),I(e,Tt)),{flexWrap:"unset",backgroundColor:n?"transparent":void 0})},n?{"aria-hidden":!0}:{}));return i(k,Object.assign({},l,{key:l.key,onMouseDown:function(){so.current=!0},onClick:function(t){if(so.current&&!n){var o=e.getSortByToggleProps();o.onClick&&o.onClick(t),so.current=!1}},tabIndex:Ht(e)&&!n?0:void 0}),n?null:e.render("Header"),!n&&(Lt(e)||Ht(e))&&s(k,Object.assign({className:"iui-table-header-actions-container"},{children:[Lt(e)&&r(z,{column:e}),Ht(e)&&r(k,Object.assign({className:"iui-table-cell-end-icon"},{children:r(K,{ariaLabel:e.isSortedDesc?"Sort Descending":"Sort Ascending",size:null===(o=null==K?void 0:K.sizes)||void 0===o?void 0:o.XXS,className:"iui-table-sort",icon:e.isSortedDesc?q:Q})}))]})))}))}))}))}),e.getHeaderGroupProps().key)})),s(k,Object.assign({},ot,Rt({className:a("iui-table-body",{"iui-zebra-striping":"zebra-rows"===qe},null==ot?void 0:ot.className),style:{outline:0}}),{ref:Dt,onScroll:function(){Bt.current&&Dt.current&&(Bt.current.scrollLeft=Dt.current.scrollLeft,ro())},tabIndex:-1,"aria-multiselectable":me&&"multi"===be||void 0},{children:[s(S,{children:[r("slot",{}),0===vt.length&&Yt>to&&r("div",{"aria-hidden":!0,style:{width:Yt,height:.1}})]}),0!==w.length&&r(l,{children:Ye?r(U,{itemsLength:Ct.length,itemRenderer:io,scrollToIndex:At}):Ct.map((function(e,t){return no(t)}))}),se&&0===w.length&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r(J,{children:"loading..."})})),se&&0!==w.length&&r(k,Object.assign({className:"iui-table-row","data-iui-loading":"true"},{children:r(k,Object.assign({className:"iui-table-cell"},{children:r(J,{children:"loading..."})}))})),!se&&0===w.length&&!Nt&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r("div",{children:le})})),!se&&(0===w.length||0===vt.length)&&Nt&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r("div",{children:Te})}))]})),null==Ve?void 0:Ve(Ft)]}))]})};export{ne as Table,ne as default,$ as tableResizeStartAction};
 //# sourceMappingURL=Table.js.map

package/dist/esm/src/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? column.render(\"Header\") : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              {/* <ProgressRadial indeterminate={true} /> */}\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell\">\n                {/* <ProgressRadial indeterminate size=\"small\" /> */}\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\nimport Text from \"../Text/Text\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? column.render(\"Header\") : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <Text>loading...</Text>\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell\">\n                <Text>loading...</Text>\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_","Text"],"mappings":"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"}

package/dist/esm/src/components/Table/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={filterButtonContainer:"filterButtonContainer_338ab56b4b",filterBox:"filterBox_d2151f9bae"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_137";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".filterButtonContainer_338ab56b4b {\n  position: relative;\n}\n\n.filterBox_d2151f9bae {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={filterButtonContainer:"filterButtonContainer_0cafc7ffcb",filterBox:"filterBox_2464ead712"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_138";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".filterButtonContainer_0cafc7ffcb {\n  position: relative;\n}\n\n.filterBox_2464ead712 {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/esm/src/components/Table/styling/column-filter.scss.js

@@ -1,2 +1,2 @@
-var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_137";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
+var e="";!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-e8f0641a7377_0_0_138";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}("");export{e as default};
 //# sourceMappingURL=column-filter.scss.js.map

package/dist/esm/src/components/Table/styling/paginator.scss.js

@@ -1,2 +1,2 @@
-var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_137";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".dropdown-button {\n  display: flex;\n  align-items: center;\n}\n\n.menu-item {\n  width: 100px;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-d1810b65a4d8_0_0_138";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=paginator.scss.js.map

package/dist/esm/src/components/Table/styling/table_base.scss.js

@@ -1,2 +1,2 @@
-var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-2d937a17440c_0_0_137";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
+var r=":where(body.iui-root) {\n  margin: 0;\n}\n\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}";!function(r){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-2d937a17440c_0_0_138";if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(r))}(r);export{r as default};
 //# sourceMappingURL=table_base.scss.js.map

package/dist/esm/src/components/Table/table.scss.js

@@ -1,2 +1,2 @@
-var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_137";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
+var i='@charset "UTF-8";\n:where(body.iui-root) {\n  margin: 0;\n}\n:where(body.iui-root, .iui-root.iui-root-background) {\n  background-color: var(--surface-level-200);\n}\n:where(.iui-root, .iui-root *) {\n  scrollbar-color: hsl(var(--surface-level-200)/var(--iui-opacity-4)) transparent;\n  scrollbar-width: thin;\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar {\n  max-inline-size: var(--spacing-xs);\n  max-block-size: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-4));\n  border-radius: var(--spacing-xs);\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-thumb:hover {\n  background-color: hsl(var(--surface-level-200)/var(--iui-opacity-3));\n}\n:where(.iui-root, .iui-root *)::-webkit-scrollbar-track, :where(.iui-root, .iui-root *)::-webkit-scrollbar-corner {\n  background-color: transparent;\n}\n:where(.iui-root, .iui-root *), :where(.iui-root, .iui-root *)::before, :where(.iui-root, .iui-root *)::after {\n  box-sizing: border-box;\n}\n:where(.iui-root, .iui-root *):where(:focus-visible) {\n  outline: 2px solid var(--divider-secondary);\n}\n.dropdown-button {\n  display: flex;\n  align-items: center;\n}\n.menu-item {\n  width: 100px;\n}\n.iui-table {\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  --_iui-table-header-size: calc(8px * 5);\n  --_iui-table-row-size: calc(8px * 5 + 2px);\n}\n.iui-table .iui-table-cell-end-icon,\n.iui-table .iui-table-cell-start-icon {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  fill: var(--icon-primary);\n}\n.iui-table .iui-table-cell-end-icon svg,\n.iui-table .iui-table-cell-start-icon svg {\n  display: flex;\n  flex-shrink: 0;\n  inline-size: 16px;\n  block-size: 16px;\n}\n.iui-table .iui-table-cell-start-icon {\n  margin-inline-end: var(--spacing-xs);\n}\n.iui-table .iui-table-cell-end-icon {\n  inline-size: var(--spacing-medium);\n  block-size: var(--spacing-medium);\n  margin-inline-end: var(--spacing-small);\n  margin-inline-start: auto;\n}\n.iui-table .iui-table-cell-end-icon :where(svg) {\n  fill: var(--_iui-table-cell-icon-fill);\n}\n.iui-table > .hx-table-pagination {\n  position: sticky;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  z-index: 2;\n}\n.iui-table[data-iui-size=condensed] {\n  --_iui-table-header-size: calc(8px * 4);\n  --_iui-table-row-size: calc(8px * 4 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] {\n  --_iui-table-header-size: calc(4px * 3);\n  --_iui-table-row-size: calc(4px * 3 + 2px);\n}\n.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell {\n  padding-block: 1px;\n}\n.iui-table .iui-table-header,\n.iui-table .iui-table-paginator {\n  min-block-size: var(--_iui-table-header-size);\n}\n.iui-table .iui-table-body .iui-table-cell,\n.iui-table .iui-table-body-extra {\n  min-block-size: var(--_iui-table-row-size);\n}\n.iui-table-header-wrapper {\n  position: sticky;\n  inset-block-start: 0;\n  z-index: 2;\n  display: flex;\n  flex-shrink: 0;\n  border-start-start-radius: var(--spacing-xs);\n  border-start-end-radius: var(--spacing-xs);\n}\n.iui-table-header {\n  display: flex;\n  user-select: none;\n  min-inline-size: 100%;\n  flex-shrink: 0;\n  font-weight: 900;\n  font-size: 14px;\n  border-block-end: 1px solid var(--divider-primary);\n}\n.iui-table-header .iui-table-cell {\n  background-color: var(--surface-level-100);\n  transition: background-color 0.3s ease-out;\n}\n.iui-table-header .iui-empty-header {\n  background-color: var(--surface-level-100) !important;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) {\n  column-gap: var(--spacing-xs);\n  padding-block: calc(var(--spacing-medium) * 0.5);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible {\n  outline: 1px solid var(--divider-secondary);\n  outline-offset: -1px;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable {\n  cursor: pointer;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing {\n  cursor: grabbing;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer {\n  block-size: 100%;\n  inline-size: var(--spacing-small);\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-end: 0;\n  transform: translateX(50%);\n  touch-action: none;\n  cursor: ew-resize;\n  opacity: 0;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar {\n  block-size: 100%;\n  inline-size: 2px;\n  margin-inline: auto;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n  background-color: var(--divider-secondary);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar {\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer {\n  opacity: 1;\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible), .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-cell:not(.iui-slot):is(:hover, :focus-visible) .iui-table-sort, .iui-table-header .iui-table-cell:not(.iui-slot):has(:focus-visible) .iui-table-sort {\n  opacity: 1;\n}\n.iui-table-header .iui-table-reorder-bar {\n  position: absolute;\n  block-size: 100%;\n  inline-size: var(--spacing-xs);\n}\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  inset-inline-end: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar {\n  inset-inline-start: 0;\n}\n.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,\n.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar {\n  background-color: var(--surface-level-200);\n}\n.iui-table-header .iui-table-sort {\n  opacity: 0;\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n}\n.iui-table-header .iui-sorted {\n  background-color: var(--surface-level-100-hover);\n}\n.iui-table-header .iui-sorted .iui-table-sort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}\n.iui-table-row {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  min-inline-size: 100%;\n  display: flex;\n}\n.iui-table-row:last-of-type {\n  border-radius: inherit;\n}\n.iui-table-header .iui-table-row {\n  flex-grow: 1;\n}\n.iui-table-body .iui-table-row .iui-table-cell {\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  background-color: var(--surface-level-100);\n  transition: all 0.3s ease-out;\n}\n.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon {\n    transition: transform 0.3s ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded {\n  overflow: hidden;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon {\n  transform: rotate(90deg);\n}\n.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content {\n  border-inline-start-color: var(--divider-primary);\n  border-inline-end-color: var(--divider-primary);\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content {\n  overflow: hidden;\n  border-inline-start: 1px solid transparent;\n  border-inline-end: 1px solid transparent;\n  border-block-end: 1px solid var(--divider-primary);\n  padding: 16px;\n  background-color: var(--surface-level-200);\n  flex-shrink: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter {\n  opacity: 0;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n  opacity: 1;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit {\n  opacity: 1;\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n  opacity: 0;\n}\n@media (prefers-reduced-motion: no-preference) {\n  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active {\n    transition: opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;\n  }\n}\n.iui-table-body .iui-table-row.iui-table-expanded-content .iui-table {\n  margin: 0 auto;\n}\n.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true] {\n  /* stylelint-disable-next-line selector-max-compound-selectors */\n}\n.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell {\n  border-color: var(--divider-selected);\n  background-color: var(--surface-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell {\n  border-block-end-color: transparent;\n}\n.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell {\n  border-block-end-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell {\n  border-block-start-color: var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content {\n  border-color: transparent var(--divider-selected);\n}\n.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child {\n  border-block-end-color: var(--divider-secondary);\n}\n.iui-table-body .iui-table-row.iui-new {\n  font-weight: 600;\n}\n.iui-table-body .iui-table-row.iui-new > .iui-main-column::before {\n  content: "•";\n  position: absolute;\n  inset-inline-start: 0;\n  font-size: var(--iui-font-size-4);\n  color: var(--positive-color);\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  --_iui-table-cell-icon-fill: var(--icon-secondary);\n  --_iui-table-cell-image-filter: grayscale(100%);\n  color: var(--text-tertiary);\n}\n.iui-table-body .iui-table-row.iui-loading img,\n.iui-table-body .iui-table-row.iui-loading svg,\n.iui-table-body .iui-table-row.iui-loading .iui-avatar,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg,\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg,\n.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar {\n  filter: var(--_iui-table-cell-image-filter);\n}\n.iui-table-body .iui-table-row.iui-loading {\n  font-style: italic;\n}\n.iui-table-body .iui-table-row.iui-loading,\n.iui-table-body .iui-table-row.iui-loading .iui-checkbox {\n  cursor: progress;\n}\n.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--positive-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--warning-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,\n.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content {\n  box-shadow: inset var(--spacing-xs) 0 0 0 var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon {\n  --_iui-table-cell-icon-fill: var(--negative-color);\n}\n.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon {\n  --_iui-table-cell-image-filter: none;\n}\n.iui-table-header-actions-container {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-inline-end: var(--spacing-small);\n}\n.iui-table-header-actions-container .iui-table-cell-end-icon {\n  inline-size: unset;\n  block-size: unset;\n  margin: 0;\n  margin-inline-start: auto;\n}\n.iui-table-body {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n}\n.iui-table-body:has(> .iui-table-empty) {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-body.iui-scroll-snapping {\n  scroll-snap-type: y mandatory;\n}\n.iui-table-body.iui-scroll-snapping .iui-table-row {\n  scroll-snap-align: start none;\n}\n.iui-table-body:last-child {\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell {\n  background-color: var(--surface-level-200);\n}\n.iui-table-body > .iui-table-empty {\n  text-align: center;\n  position: sticky;\n  inset-inline-start: 50%;\n  transform: translateX(-50%);\n  padding: var(--spacing-large);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  flex-grow: 1;\n  color: var(--text-secondary);\n  background-color: var(--surface-level-100);\n}\n.iui-table-body-extra {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.iui-table-body-extra[data-iui-loading=true] {\n  position: sticky;\n  inset-inline-start: 0;\n}\n.iui-table-cell {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  min-inline-size: var(--spacing-large);\n  padding: inherit;\n  flex-basis: var(--spacing-large);\n  position: relative;\n  word-break: break-word;\n}\n.iui-table-cell:first-of-type {\n  border-inline-start: solid 1px transparent;\n  border-end-start-radius: inherit;\n}\n.iui-table-cell:last-of-type {\n  border-inline-end: solid 1px transparent;\n}\n.iui-table-cell.iui-slot {\n  inline-size: calc(var(--spacing-large) * 2);\n  padding: 0;\n  flex-grow: 0;\n  min-inline-size: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-basis: calc(var(--spacing-large) * 2);\n  --iui-checkbox-target-size: 32px;\n}\n.iui-table-cell.iui-table-cell-sticky {\n  position: sticky;\n  z-index: 1;\n  inset-inline-start: var(--iui-table-sticky-left, initial);\n  inset-inline-end: var(--iui-table-sticky-right, initial);\n}\n.iui-table-cell:not(.iui-slot):last-child {\n  padding-inline-end: var(--spacing-medium);\n}\n.iui-table-cell[data-iui-status=positive]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--positive-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=warning]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--warning-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[data-iui-status=negative]::before {\n  content: "";\n  position: absolute;\n  inset: 0;\n  background-color: hsl(var(--negative-color)/var(--iui-opacity-6));\n}\n.iui-table-cell[contenteditable] {\n  outline-offset: -1px;\n}\n.iui-table-cell[contenteditable]:hover {\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell[contenteditable]:focus {\n  background-color: var(--surface-level-100);\n  outline: 1px solid var(--divider-secondary);\n}\n.iui-table-cell-shadow-left {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-start: 0;\n  transform: translate(-100%);\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-left {\n  inset-block: 0;\n}\n.iui-table-cell-shadow-right {\n  position: absolute;\n  inset-block: -1px;\n  inline-size: var(--spacing-small);\n  pointer-events: none;\n  inset-inline-end: 0;\n  transform: translate(100%);\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.iui-table-header .iui-table-cell-shadow-right {\n  inset-block: 0;\n}\n.hx-table-pagination {\n  bottom: 0;\n  width: 100%;\n  margin: 0;\n  padding: var(--spacing-xs) 0;\n  border: none;\n  vertical-align: baseline;\n  display: flex;\n  justify-content: space-between;\n  color: var(--text-secondary);\n  align-items: center;\n  user-select: none;\n  height: var(--spacing-xl);\n  background-color: var(--surface-level-100);\n  border-end-start-radius: var(--spacing-xs);\n  border-end-end-radius: var(--spacing-xs);\n  border-block-start: 1px solid var(--divider-primary);\n}\n.hx-table-pagination .pagination-left,\n.hx-table-pagination .pagination-right {\n  display: flex;\n  align-items: center;\n  position: relative;\n  min-inline-size: 0;\n}\n.hx-table-pagination .pagination-left {\n  flex: 3;\n}\n.hx-table-pagination .pagination-label {\n  margin-right: 8px;\n}\n.hx-table-pagination .pagination-selected {\n  margin-left: 8px;\n}\n.hx-table-pagination .pagination-right {\n  flex: 1;\n}\n.hx-table-pagination-ellipsis {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-ellipsis-small {\n  padding-inline: var(--spacing-xs);\n}\n.hx-table-pagination-pages-group {\n  display: inline-flex;\n  align-items: center;\n  margin-inline: var(--spacing-xs);\n}\n.hx-table-pagination-page-button[data-iui-active=true] {\n  --_iui-button-active-stripe-inset-block: calc(\n    100% - 2px 1px\n  );\n  --_iui-button-active-stripe-inset-inline: 1px;\n}\n.iui-table-column-filter {\n  padding: var(--spacing-s);\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--spacing-s);\n}\n.iui-table-column-filter > .iui-input-grid:not([data-iui-label-placement=inline]) {\n  inline-size: 100%;\n}\n.iui-table-column-filter > .iui-button-bar {\n  display: flex;\n  inline-size: 100%;\n  align-content: center;\n  gap: var(--spacing-xs);\n}\n.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type {\n  margin-inline-start: auto;\n}';!function(i){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0fbe4a44610c_0_0_138";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(i))}(i);export{i as default};
 //# sourceMappingURL=table.scss.js.map

package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_3cb829aadf",divider:"divider_5365da1bd1",tabInner:"tabInner_3dd335bea2",tabIcon:"tabIcon_df2afe5c02",right:"right_407074ad24",tabCounter:"tabCounter_46f86df4b6",tabFocusVisibleInset:"tabFocusVisibleInset_db0f95a854",active:"active_2ea8591fd5",filled:"filled_2ea8591fd5",underlined:"underlined_842d8f2129",disabled:"disabled_6e8b78b247"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-8d2fdb80601b_0_0_137";if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}('.tabWrapper_3cb829aadf {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider_5365da1bd1 {\n  margin: 0;\n}\n\n.tabWrapper_3cb829aadf:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2 {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2:focus {\n  outline: none;\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2 .tabIcon_df2afe5c02 {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2 .tabIcon_df2afe5c02.right_407074ad24 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2 .tabCounter_46f86df4b6 {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_3cb829aadf .tabInner_3dd335bea2 .tabCounter_46f86df4b6.right_407074ad24 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_3cb829aadf.tabFocusVisibleInset_db0f95a854 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_3cb829aadf.active_2ea8591fd5 .tabInner_3dd335bea2 {\n  color: var(--text-primary);\n}\n\n.tabWrapper_3cb829aadf.active_2ea8591fd5.filled_2ea8591fd5 .tabInner_3dd335bea2 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n\n.tabWrapper_3cb829aadf.active_2ea8591fd5.underlined_842d8f2129:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper_3cb829aadf.disabled_6e8b78b247 .tabInner_3dd335bea2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_3cb829aadf:not(.disabled_6e8b78b247) .tabInner_3dd335bea2:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_619ee5f02f",divider:"divider_4baf3c6fd9",tabInner:"tabInner_1f75744852",tabIcon:"tabIcon_8731ba96a0",right:"right_1a1cdcd23b",tabCounter:"tabCounter_3149ade21a",tabFocusVisibleInset:"tabFocusVisibleInset_120c3c76cf",active:"active_1f068f4d1a",filled:"filled_1f068f4d1a",underlined:"underlined_c208db05e1",disabled:"disabled_9868fd07b1"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-8d2fdb80601b_0_0_138";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}('.tabWrapper_619ee5f02f {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 1px solid;\n  border-bottom-color: transparent;\n  color: var(--text-primary);\n  text-align: center;\n  height: 100%;\n}\n\n.divider_4baf3c6fd9 {\n  margin: 0;\n}\n\n.tabWrapper_619ee5f02f:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852 {\n  height: calc(auto - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  margin: 0;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--text-secondary);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-radius: var(--border-radius-medium);\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852:focus {\n  outline: none;\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852 .tabIcon_8731ba96a0 {\n  color: var(--icon-primary);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852 .tabIcon_8731ba96a0.right_1a1cdcd23b {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852 .tabCounter_3149ade21a {\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_619ee5f02f .tabInner_1f75744852 .tabCounter_3149ade21a.right_1a1cdcd23b {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_619ee5f02f.tabFocusVisibleInset_120c3c76cf {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_619ee5f02f.active_1f068f4d1a .tabInner_1f75744852 {\n  color: var(--text-primary);\n}\n\n.tabWrapper_619ee5f02f.active_1f068f4d1a.filled_1f068f4d1a .tabInner_1f75744852 {\n  color: var(--text-primary);\n  background-color: var(--surface-level-200);\n}\n\n.tabWrapper_619ee5f02f.active_1f068f4d1a.underlined_c208db05e1:after {\n  transform: scaleX(1);\n  transition: all var(--motion-productive-medium) ease 0ms;\n  border-bottom-color: var(--divider-selected);\n}\n\n.tabWrapper_619ee5f02f.disabled_9868fd07b1 .tabInner_1f75744852 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_619ee5f02f:not(.disabled_9868fd07b1) .tabInner_1f75744852:hover {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/esm/src/components/Tabs/TabList/TabList.module.scss.js

@@ -1,2 +1,2 @@
-var a={tabsWrapper:"tabsWrapper_54a4e47f40",noPadding:"noPadding_c5f3fbdc83",divider:"divider_5365da1bd1",tabsList:"tabsList_aa1471532a",sm:"sm_731731932b",lg:"lg_77b779e59f",stretched:"stretched_7a366e6587",tabListTabWrapper:"tabListTabWrapper_04e9d270b2",tabListTabInner:"tabListTabInner_04e9d270b2",disabled:"disabled_46d0f3b16f"};!function(a){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-4efa8d82c741_0_0_137";if(e.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(a))}(".tabsWrapper_54a4e47f40 {\n  padding-bottom: 20px;\n}\n.tabsWrapper_54a4e47f40.noPadding_c5f3fbdc83 {\n  padding-bottom: 0;\n}\n.divider_5365da1bd1 {\n  margin: 0;\n}\n.tabsWrapper_54a4e47f40 .tabsList_aa1471532a {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper_54a4e47f40 .tabsList_aa1471532a.sm_731731932b {\n  height: 32px;\n}\n.tabsWrapper_54a4e47f40 .tabsList_aa1471532a.lg_77b779e59f {\n  height: 48px;\n}\n.tabsWrapper_54a4e47f40.stretched_7a366e6587 .tabsList_aa1471532a {\n  width: 100%;\n}\n.tabsWrapper_54a4e47f40.stretched_7a366e6587 .tabsList_aa1471532a .tabListTabWrapper_04e9d270b2 {\n  width: 100%;\n}\n.tabsWrapper_54a4e47f40.stretched_7a366e6587 .tabsList_aa1471532a .tabListTabWrapper_04e9d270b2 .tabListTabInner_04e9d270b2 {\n  width: 100%;\n}\n.tabsWrapper_54a4e47f40.disabled_46d0f3b16f {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{a as default};
+var e={tabsWrapper:"tabsWrapper_f21c42eeca",noPadding:"noPadding_9e16e4122d",divider:"divider_4baf3c6fd9",tabsList:"tabsList_2c33aea8aa",sm:"sm_6e795c4f0a",lg:"lg_2819dcde48",stretched:"stretched_6a46ce1e27",tabListTabWrapper:"tabListTabWrapper_aadd07d7dd",tabListTabInner:"tabListTabInner_aadd07d7dd",disabled:"disabled_0087135b5e"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],t="s_id-4efa8d82c741_0_0_138";if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}(".tabsWrapper_f21c42eeca {\n  padding-bottom: 20px;\n}\n.tabsWrapper_f21c42eeca.noPadding_9e16e4122d {\n  padding-bottom: 0;\n}\n.divider_4baf3c6fd9 {\n  margin: 0;\n}\n.tabsWrapper_f21c42eeca .tabsList_2c33aea8aa {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 38px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper_f21c42eeca .tabsList_2c33aea8aa.sm_6e795c4f0a {\n  height: 32px;\n}\n.tabsWrapper_f21c42eeca .tabsList_2c33aea8aa.lg_2819dcde48 {\n  height: 48px;\n}\n.tabsWrapper_f21c42eeca.stretched_6a46ce1e27 .tabsList_2c33aea8aa {\n  width: 100%;\n}\n.tabsWrapper_f21c42eeca.stretched_6a46ce1e27 .tabsList_2c33aea8aa .tabListTabWrapper_aadd07d7dd {\n  width: 100%;\n}\n.tabsWrapper_f21c42eeca.stretched_6a46ce1e27 .tabsList_2c33aea8aa .tabListTabWrapper_aadd07d7dd .tabListTabInner_aadd07d7dd {\n  width: 100%;\n}\n.tabsWrapper_f21c42eeca.disabled_0087135b5e {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_4d56b07036"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],r="s_id-273ab46c126d_0_0_137";if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabPanelWrapper_4d56b07036 {\n  color: var(--text-primary);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_e51e188b7a"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-273ab46c126d_0_0_138";if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".tabPanelWrapper_e51e188b7a {\n  color: var(--text-primary);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map