boreal-ui 0.0.9007 → 0.0.9008
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/core/DataTable-DOOENV1j.cjs +1 -0
- package/dist/core/{DataTable-BEf9CaRu.js → DataTable-SqBf1WoX.js} +105 -39
- package/dist/core/DataTable.cjs.js +1 -1
- package/dist/core/DataTable.css +1 -1
- package/dist/core/DataTable.js +1 -1
- package/dist/core/index.cjs.js +1 -1
- package/dist/core/index.js +1 -1
- package/dist/next/DataTable-atI2r_i1.js +900 -0
- package/dist/next/DataTable.css +1 -1
- package/dist/next/DataTable.js +1 -1
- package/dist/next/index.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/components/DataTable/DataTableBase.d.ts.map +1 -1
- package/dist/types/components/DataTable/core/DataTable.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/core/DataTable-B3nRQFiU.cjs +0 -1
- package/dist/next/DataTable-CrYNjzMy.js +0 -834
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./DataTable.css');const a=require("react/jsx-runtime"),Ua=require("./propAliases-CXU3EEm-.cjs");;/* empty css */const o=require("react"),h=require("./classNames-C7V3kfBj.cjs"),mt=require("./capitalize-CnTiekgk.cjs"),W=require("./styleConfig-BeavGUyI.cjs"),Nt=(b,v=160)=>{if(!b)return v;const y=Number.parseFloat(b);return Number.isFinite(y)?y:v};function gt({columns:b,data:v,onRowClick:y,selectableRows:P=!1,selectedRowKeys:Te,defaultSelectedRowKeys:kt=[],onSelectionChange:R,selectAllAriaLabel:$t="Select all rows",getRowSelectAriaLabel:M,filterable:E=!1,filterValue:we,defaultFilterValue:vt,onFilterChange:ee,filterPlaceholder:St="Filter table",filterAriaLabel:Ct="Filter table rows",toolbarTitle:te,toolbarActions:ae,bulkActions:ne,toolbarClassName:Bt,filterInputClassName:Dt,bulkToolbarClassName:Kt,paginationClassName:Tt,columnMenuClassName:wt,classMap:n,theme:O=W.getDefaultTheme(),rounding:le=W.getDefaultRounding(),shadow:se=W.getDefaultShadow(),state:S,outline:Pe=W.getDefaultOutline(),glass:F=W.getDefaultGlass(),className:qe,tableClassName:We,theadClassName:Pt,tbodyClassName:qt,rowClassName:re,cellClassName:ie,striped:de=!0,wrapCells:Ee=!1,defaultSortKey:Wt,defaultSortOrder:Et="asc",serverSort:oe=!1,onSortChange:Oe,rowKey:Fe,caption:ce="Data table",hideCaption:Ot=!0,getSortAriaLabel:Le,getSortAnnouncement:be,getRowAriaLabel:ue,getRowAriaDescription:_e,emptyMessage:Ft="No data available",loading:He=!1,loadingMessage:Ge="Loading data",colCount:Lt,rowCount:Ht,pagination:ye=!1,currentPage:L,defaultPage:Gt=1,itemsPerPage:Jt=10,totalItems:Qt,serverPagination:he=!1,onPageChange:xe,columnVisibility:H=!1,visibleColumnKeys:Je,defaultVisibleColumnKeys:Ut,onColumnVisibilityChange:fe,columnReorder:Qe=!1,columnOrder:Ue,defaultColumnOrder:Yt,onColumnOrderChange:pe,columnResize:Ye=!1,columnWidths:ze,defaultColumnWidths:zt={},onColumnWidthsChange:me,columnPinning:Ae=!1,pinnedColumnKeys:Ve,defaultPinnedColumnKeys:At=[],onPinnedColumnKeysChange:Ne,renderExpandedRow:C,expandedRowKeys:Xe,defaultExpandedRowKeys:Vt=[],onExpandedRowsChange:ge,onCellEdit:je,virtualized:x=!1,virtualRowHeight:G=48,virtualViewportHeight:Ze=360,virtualOverscan:Ie=4,"aria-label":Xt,"aria-labelledby":Zt,"aria-describedby":It,"data-testid":Rt,testId:d=Rt??"data-table"}){const[m,Mt]=o.useState(Wt),[f,ea]=o.useState(Et),[ta,Re]=o.useState(""),[aa,na]=o.useState(kt),[la,sa]=o.useState(vt??""),[ra,ke]=o.useState(Gt),[ia,da]=o.useState(Ut??b.map(e=>e.key)),[oa,ca]=o.useState(Yt??b.map(e=>e.key)),[ba,ua]=o.useState(zt),[_a,ya]=o.useState(At),[ha,xa]=o.useState(Vt),[J,Q]=o.useState(null),[fa,pa]=o.useState(0),Me=`${d}-caption`,et=`${d}-live-region`,ma=[It,ce?Me:void 0,et].filter(Boolean).join(" "),p=Te??aa,U=we??la,$e=L??ra,B=Je??ia,ve=Ue??oa,Y=ze??ba,N=Ve??_a,z=Xe??ha,g=(e,t)=>Fe?Fe(e):t,tt=o.useMemo(()=>{const e=new Map(b.map(r=>[r.key,r])),t=ve.map(r=>e.get(r)).filter(r=>!!r),s=b.filter(r=>!ve.includes(r.key)),l=[...t,...s];return H?l.filter(r=>B.includes(r.key)):l},[b,H,ve,B]),D=[...tt.filter(e=>N.includes(e.key)),...tt.filter(e=>!N.includes(e.key))],Se=o.useMemo(()=>{if(!E||!U.trim())return v;const e=U.toLowerCase();return v.filter(t=>b.some(s=>{const l=t[s.key];return String(l??"").toLowerCase().includes(e)}))},[b,v,E,U]),k=o.useMemo(()=>oe||!m?Se:[...Se].sort((e,t)=>{const s=e[m],l=t[m];if(s===l)return 0;if(s==null)return 1;if(l==null)return-1;const r=Number(s),c=Number(l);if(!Number.isNaN(r)&&!Number.isNaN(c))return f==="asc"?r-c:c-r;const _=String(s).localeCompare(String(l),void 0,{numeric:!0});return f==="asc"?_:-_}),[Se,m,f,oe]),at=Qt??k.length,K=Math.max(1,Jt),j=Math.max(1,Math.ceil(at/K)),T=Math.min(Math.max(1,$e),j),A=(T-1)*K,$=o.useMemo(()=>!ye||he?k:k.slice(A,A+K),[A,ye,K,he,k]),q=x?Math.max(0,Math.floor(fa/G)-Ie):0,Na=x?Math.ceil(Ze/G)+Ie*2:$.length,nt=x?Math.min($.length,q+Na):$.length,lt=x?$.slice(q,nt):$,st=x?q*G:0,rt=x?Math.max(0,($.length-nt)*G):0,ga=k.filter((e,t)=>p.includes(g(e,t))),Ce=e=>{Te||na(e);const t=k.filter((s,l)=>e.includes(g(s,l)));R==null||R(e,t)},ja=e=>{we===void 0&&(sa(e),ke(1)),ee==null||ee(e)},it=e=>{const t=Math.min(Math.max(1,e),j);L===void 0&&ke(t),xe==null||xe(t,{page:t,itemsPerPage:K,offset:(t-1)*K,pageCount:j})},V=P?lt.map((e,t)=>g(e,q+t)):[],dt=V.length>0&&V.every(e=>p.includes(e)),ka=()=>{if(dt){Ce(p.filter(e=>!V.includes(e)));return}Ce(Array.from(new Set([...p,...V])))},$a=(e,t)=>{const s=g(e,t);Ce(p.includes(s)?p.filter(l=>l!==s):[...p,s])},va=(e,t)=>{const s=g(e,t),l=z.includes(s)?z.filter(r=>r!==s):[...z,s];Xe||xa(l),ge==null||ge(l,k.filter((r,c)=>l.includes(g(r,c))))},Be=o.useCallback((e,t)=>{const s=be?be(e,t):`${e.label} sorted ${t==="asc"?"ascending":"descending"}`;Re(s)},[be]),ot=e=>{const t=e.key===m&&f==="asc"?"desc":"asc";Mt(e.key),ea(t),Be(e,t),oe&&Oe&&Oe(e.key,t)},Sa=e=>t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),ot(e))},Ca=e=>t=>{y&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),y(e))},Ba=e=>{Ue||ca(e),pe==null||pe(e)},ct=(e,t)=>{const s=D.map(_=>_.key),l=s.indexOf(e),r=l+t;if(l<0||r<0||r>=s.length)return;const c=[...s];[c[l],c[r]]=[c[r],c[l]];const X=b.map(_=>_.key).filter(_=>!c.includes(_));Ba([...c,...X])},Da=(e,t)=>{const s=t?[...B,e]:B.filter(l=>l!==e);Je||da(s),fe==null||fe(s)},bt=(e,t)=>{const s=Y[e.key]??e.width??e.minWidth,l=`${Math.max(64,Nt(s)+t)}px`,r={...Y,[e.key]:l};ze||ua(r),me==null||me(r)},Ka=e=>{const t=N.includes(e)?N.filter(s=>s!==e):[...N,e];Ve||ya(t),Ne==null||Ne(t)},De=(e,t)=>{const s=N.includes(e.key),l=D.slice(0,t).filter(r=>N.includes(r.key)).reduce((r,c)=>r+Nt(Y[c.key]??c.width??c.minWidth,160),P||C?48:0);return{width:Y[e.key]??e.width,minWidth:e.minWidth,maxWidth:e.maxWidth,left:s?l:void 0}},Ta=(e,t)=>typeof re=="function"?re(e,t):re,wa=(e,t,s,l)=>ie==null?void 0:ie(e,t,s,l),Pa=e=>e.scope??"col",ut=e=>e.id??`${d}-header-${String(e.key)}`,qa=(e,t)=>{if(!e.sortable)return e.srLabel;if(Le)return Le(e,f,t);const s=e.srLabel??e.label;return t?`${s}, sorted ${f==="asc"?"ascending":"descending"}. Activate to sort ${f==="asc"?"descending":"ascending"}.`:`${s}. Activate to sort ascending.`},Wa=(e,t)=>{const s=e[t.key];return t.render?t.render(s,e):typeof s=="object"&&s!==null?JSON.stringify(s):String(s??"")},Ke=(e,t,s,l)=>{je==null||je(l,{row:e,rowIndex:t,column:s,rowKey:g(e,t)}),Q(null)};o.useEffect(()=>{if(!m){Re("");return}const e=b.find(t=>t.key===m);e&&Be(e,f)},[Be,b,m,f]),o.useEffect(()=>{$e>j&&L===void 0&&ke(j)},[L,$e,j]);const Ea=o.useMemo(()=>h.combineClassNames(n.table,n[O],S&&n[S],Pe&&n.outline,F&&n.glass,We),[n,O,S,Pe,F,We]),Oa=o.useMemo(()=>h.combineClassNames(n.wrapper,n[O],S&&n[S],F&&n.glass,se&&n[`shadow${mt.capitalize(se)}`],le&&n[`round${mt.capitalize(le)}`],de&&n.striped,x&&n.virtualized,qe),[n,O,S,F,se,le,de,x,qe]),Fa=(P?1:0)+(C?1:0),w=D.length+Fa,La=te||ae||E||H||ne,Ha=()=>ye?a.jsxs("nav",{className:h.combineClassNames(n.pagination,Tt),"aria-label":"Table pagination","data-testid":`${d}-pagination`,children:[a.jsx("button",{type:"button",className:n.paginationButton,disabled:T<=1,onClick:()=>it(T-1),"data-testid":`${d}-pagination-prev`,children:"Previous"}),a.jsxs("span",{className:n.paginationStatus,"aria-live":"polite","data-testid":`${d}-pagination-status`,children:["Page ",T," of ",j]}),a.jsx("button",{type:"button",className:n.paginationButton,disabled:T>=j,onClick:()=>it(T+1),"data-testid":`${d}-pagination-next`,children:"Next"})]}):null;return a.jsx("div",{className:Oa,"data-testid":d,role:"region","aria-label":"Data table",children:a.jsxs("div",{className:n.scrollArea,children:[La?a.jsxs("div",{className:h.combineClassNames(n.toolbar,Bt),"data-testid":`${d}-toolbar`,children:[te?a.jsx("div",{className:n.toolbarTitle,children:te}):null,E?a.jsx("input",{type:"search",value:U,placeholder:St,"aria-label":Ct,onChange:e=>ja(e.target.value),className:h.combineClassNames(n.filterInput,Dt),"data-testid":`${d}-filter`}):null,H?a.jsxs("details",{className:h.combineClassNames(n.columnMenu,wt),"data-testid":`${d}-column-menu`,children:[a.jsx("summary",{className:n.columnMenuTrigger,children:"Columns"}),a.jsx("div",{className:n.columnMenuPanel,children:b.map(e=>{const t=B.includes(e.key),s=t&&B.length<=1;return a.jsxs("label",{className:n.columnMenuItem,children:[a.jsx("input",{type:"checkbox",checked:t,disabled:s,onChange:l=>Da(e.key,l.target.checked),"data-testid":`${d}-toggle-column-${String(e.key)}`}),a.jsx("span",{children:e.label})]},String(e.key))})})]}):null,ae?a.jsx("div",{className:n.toolbarActions,children:ae}):null]}):null,ne&&p.length>0?a.jsxs("div",{className:h.combineClassNames(n.bulkToolbar,Kt),"data-testid":`${d}-bulk-toolbar`,children:[a.jsxs("span",{children:[p.length," selected"]}),a.jsx("div",{className:n.toolbarActions,children:ne(p,ga)})]}):null,a.jsx("div",{id:et,className:n.srOnly??"sr_only","aria-live":"polite","aria-atomic":"true",children:He?Ge:ta}),a.jsx("div",{className:n.viewport,style:x?{maxHeight:Ze,overflowY:"auto"}:void 0,onScroll:x?e=>pa(e.currentTarget.scrollTop):void 0,"data-testid":x?`${d}-virtual-viewport`:void 0,children:a.jsxs("table",{className:Ea,"aria-label":Xt,"aria-labelledby":Zt,"aria-describedby":ma||void 0,"aria-colcount":Lt??w,"aria-rowcount":Ht??at,children:[ce?a.jsx("caption",{id:Me,className:Ot?n.srOnly??"sr_only":void 0,children:ce}):null,a.jsx("thead",{className:Pt,children:a.jsxs("tr",{children:[C?a.jsx("th",{scope:"col",className:n.selectionCell,children:a.jsx("span",{className:n.srOnly??"sr_only",children:"Expand row"})}):null,P?a.jsx("th",{scope:"col",className:n.selectionCell,children:a.jsx("input",{type:"checkbox","aria-label":$t,checked:dt,onChange:ka,"data-testid":`${d}-select-all`})}):null,D.map((e,t)=>{const s=m===e.key,l=N.includes(e.key);return a.jsx("th",{id:ut(e),scope:Pa(e),style:De(e,t),"aria-sort":e.sortable?s?f==="asc"?"ascending":"descending":"none":void 0,className:h.combineClassNames(e.sortable&&n.sortable,n.headerCell,l&&n.pinnedCell,(e.wrap??Ee)&&n.wrapCell,e.headerClassName),children:a.jsxs("div",{className:n.headerContent,children:[e.sortable?a.jsxs("button",{type:"button",className:h.combineClassNames(n.sortButton,e.sortButtonClassName),onClick:()=>ot(e),onKeyDown:Sa(e),"aria-label":qa(e,s),"data-testid":`${d}-sort-${String(e.key)}`,children:[a.jsx("span",{children:e.label}),a.jsx("span",{className:n.sortIcon,"aria-hidden":"true",children:s?f==="asc"?"▲":"▼":"⇅"})]}):a.jsx("span",{"aria-label":e.srLabel,children:e.label}),Qe||Ye||Ae?a.jsxs("span",{className:n.columnControls,children:[Qe?a.jsxs(a.Fragment,{children:[a.jsx("button",{type:"button",className:n.columnControlButton,disabled:t===0,onClick:()=>ct(e.key,-1),"aria-label":`Move ${e.label} column left`,"data-testid":`${d}-move-${String(e.key)}-left`,children:"‹"}),a.jsx("button",{type:"button",className:n.columnControlButton,disabled:t===D.length-1,onClick:()=>ct(e.key,1),"aria-label":`Move ${e.label} column right`,"data-testid":`${d}-move-${String(e.key)}-right`,children:"›"})]}):null,Ye?a.jsxs(a.Fragment,{children:[a.jsx("button",{type:"button",className:n.columnControlButton,onClick:()=>bt(e,-24),"aria-label":`Resize ${e.label} column narrower`,"data-testid":`${d}-resize-${String(e.key)}-narrower`,children:"−"}),a.jsx("button",{type:"button",className:n.columnControlButton,onClick:()=>bt(e,24),"aria-label":`Resize ${e.label} column wider`,"data-testid":`${d}-resize-${String(e.key)}-wider`,children:"+"})]}):null,Ae?a.jsx("button",{type:"button",className:n.columnControlButton,"aria-pressed":l,onClick:()=>Ka(e.key),"aria-label":`${l?"Unpin":"Pin"} ${e.label} column`,"data-testid":`${d}-pin-${String(e.key)}`,children:"⌖"}):null]}):null]})},String(e.key))})]})}),a.jsx("tbody",{className:qt,children:He?a.jsx("tr",{children:a.jsx("td",{className:n.emptyCell,colSpan:w,"aria-live":"polite",children:Ge})}):$.length===0?a.jsx("tr",{children:a.jsx("td",{className:n.emptyCell,colSpan:w,"aria-live":"polite",children:Ft})}):a.jsxs(a.Fragment,{children:[st>0?a.jsx("tr",{"aria-hidden":"true","data-testid":`${d}-virtual-top`,children:a.jsx("td",{style:{height:st,padding:0},colSpan:w})}):null,lt.map((e,t)=>{const s=q+t,l=he?s:A+s,r=g(e,l),c=ue==null?void 0:ue(e,l),X=_e==null?void 0:_e(e,l),_=z.includes(r);return a.jsxs(o.Fragment,{children:[a.jsxs("tr",{className:h.combineClassNames(y&&n.clickable,de&&l%2===1&&n.striped,Ta(e,l)),onClick:()=>y==null?void 0:y(e),onKeyDown:Ca(e),tabIndex:y?0:void 0,"aria-label":y?c:void 0,"aria-description":y?X:void 0,"data-testid":`${d}-row-${r}`,children:[C?a.jsx("td",{className:n.selectionCell,children:a.jsx("button",{type:"button",className:n.expandButton,"aria-expanded":_,"aria-label":`${_?"Collapse":"Expand"} row ${l+1}`,onClick:i=>{i.stopPropagation(),va(e,l)},"data-testid":`${d}-expand-row-${r}`,children:_?"−":"+"})}):null,P?a.jsx("td",{className:n.selectionCell,children:a.jsx("input",{type:"checkbox","aria-label":(M==null?void 0:M(e,l))??`Select row ${l+1}`,checked:p.includes(r),onChange:i=>{i.stopPropagation(),$a(e,l)},onClick:i=>i.stopPropagation(),"data-testid":`${d}-select-row-${r}`})}):null,D.map((i,_t)=>{var pt;const Z=String(i.key),I=e[i.key],yt=Wa(e,i),ht=ut(i),Ga=i.wrap??Ee,Ja=N.includes(i.key),Qa=(J==null?void 0:J.rowKey)===r&&J.columnKey===i.key,xt=h.combineClassNames(n.cell,Ja&&n.pinnedCell,i.editable&&n.editableCell,Ga&&n.wrapCell,i.cellClassName,wa(I,e,i,l)),ft=i.editable&&Qa?i.renderEditor?i.renderEditor({value:I,row:e,rowIndex:l,column:i,commit:u=>Ke(e,l,i,u),cancel:()=>Q(null)}):a.jsx("input",{className:n.cellEditor,defaultValue:String(I??""),type:i.editInputType??"text",ref:u=>u==null?void 0:u.focus(),"aria-label":((pt=i.getEditAriaLabel)==null?void 0:pt.call(i,e,I,l))??`Edit ${i.label}`,onClick:u=>u.stopPropagation(),onKeyDown:u=>{u.key==="Enter"&&Ke(e,l,i,u.currentTarget.value),u.key==="Escape"&&Q(null)},onBlur:u=>Ke(e,l,i,u.currentTarget.value),"data-testid":`${d}-editor-${r}-${Z}`}):i.editable?a.jsx("button",{type:"button",className:n.editButton,onClick:u=>{u.stopPropagation(),Q({rowKey:r,columnKey:i.key})},"data-testid":`${d}-edit-${r}-${Z}`,children:yt}):yt;return i.isRowHeader?a.jsx("th",{scope:"row",headers:ht,"data-label":i.label,style:De(i,_t),className:h.combineClassNames(xt,i.rowHeaderClassName),children:ft},Z):a.jsx("td",{headers:ht,"data-label":i.label,style:De(i,_t),className:xt,children:ft},Z)})]},r),C&&_?a.jsx("tr",{className:n.expandedRow,"data-testid":`${d}-expanded-row-${r}`,children:a.jsx("td",{className:n.expandedCell,colSpan:w,children:C(e,l)})},`${r}-expanded`):null]},r)}),rt>0?a.jsx("tr",{"aria-hidden":"true","data-testid":`${d}-virtual-bottom`,children:a.jsx("td",{style:{height:rt,padding:0},colSpan:w})}):null]})})]})}),Ha()]})})}gt.displayName="DataTableBase";const Ya={wrapper:"data_table_wrapper",scrollArea:"data_table_scroll_area",table:"data_table",toolbar:"data_table_toolbar",toolbarTitle:"data_table_toolbar_title",toolbarActions:"data_table_toolbar_actions",filterInput:"data_table_filter_input",bulkToolbar:"data_table_bulk_toolbar",pagination:"data_table_pagination",paginationButton:"data_table_pagination_button",paginationStatus:"data_table_pagination_status",columnMenu:"data_table_column_menu",columnMenuTrigger:"data_table_column_menu_trigger",columnMenuPanel:"data_table_column_menu_panel",columnMenuItem:"data_table_column_menu_item",viewport:"data_table_viewport",headerCell:"data_table_header_cell",headerContent:"data_table_header_content",selectionCell:"data_table_selection_cell",sortable:"data_table_header_sortable",sortButton:"data_table_sort_button",sortIcon:"data_table_sort_icon",columnControls:"data_table_column_controls",columnControlButton:"data_table_column_control_button",pinnedCell:"data_table_cell_pinned",clickable:"data_table_row_clickable",striped:"data_table_row_striped",expandedRow:"data_table_expanded_row",expandedCell:"data_table_expanded_cell",expandButton:"data_table_expand_button",virtualized:"data_table_virtualized",cell:"data_table_cell",wrapCell:"data_table_cell_wrap",editableCell:"data_table_cell_editable",editButton:"data_table_edit_button",cellEditor:"data_table_cell_editor",emptyCell:"data_table_empty_cell",srOnly:"sr_only",primary:"data_table_primary",secondary:"data_table_secondary",tertiary:"data_table_tertiary",quaternary:"data_table_quaternary",success:"data_table_success",info:"data_table_info",error:"data_table_error",warning:"data_table_warning",clear:"data_table_clear",outline:"data_table_outline",glass:"data_table_glass",shadowNone:"data_table_shadow-None",shadowLight:"data_table_shadow-Light",shadowMedium:"data_table_shadow-Medium",shadowStrong:"data_table_shadow-Strong",shadowIntense:"data_table_shadow-Intense",roundNone:"data_table_round-None",roundSmall:"data_table_round-Small",roundMedium:"data_table_round-Medium",roundLarge:"data_table_round-Large"};function jt(b){return a.jsx(gt,{...b,classMap:Ua.expandClassMap(Ya)})}jt.displayName="DataTable";exports.DataTable=jt;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as r, jsxs as c, Fragment as Pe } from "react/jsx-runtime";
|
|
2
2
|
import { e as Va } from "./propAliases-O-1wR3I5.js";
|
|
3
3
|
import './DataTable.css';/* empty css */
|
|
4
4
|
import { useState as y, useMemo as O, useCallback as Xa, useEffect as $t, Fragment as Za } from "react";
|
|
5
5
|
import { c as f } from "./classNames-Dz0_huu_.js";
|
|
6
6
|
import { c as kt } from "./capitalize-D_pj4b3P.js";
|
|
7
|
-
import { g as
|
|
7
|
+
import { g as Aa, b as za, a as Ia, d as Ra, e as Ma } from "./styleConfig-BoNVl5_r.js";
|
|
8
8
|
const vt = (b, C = 160) => {
|
|
9
9
|
if (!b) return C;
|
|
10
10
|
const h = Number.parseFloat(b);
|
|
@@ -35,8 +35,8 @@ function xt({
|
|
|
35
35
|
paginationClassName: Wt,
|
|
36
36
|
columnMenuClassName: Ot,
|
|
37
37
|
classMap: a,
|
|
38
|
-
theme: j =
|
|
39
|
-
rounding: re =
|
|
38
|
+
theme: j = Aa(),
|
|
39
|
+
rounding: re = za(),
|
|
40
40
|
shadow: ie = Ia(),
|
|
41
41
|
state: B,
|
|
42
42
|
outline: Ee = Ra(),
|
|
@@ -84,13 +84,13 @@ function xt({
|
|
|
84
84
|
columnWidths: Ze,
|
|
85
85
|
defaultColumnWidths: Zt = {},
|
|
86
86
|
onColumnWidthsChange: Ne,
|
|
87
|
-
columnPinning:
|
|
88
|
-
pinnedColumnKeys:
|
|
89
|
-
defaultPinnedColumnKeys:
|
|
87
|
+
columnPinning: Ae = !1,
|
|
88
|
+
pinnedColumnKeys: ze,
|
|
89
|
+
defaultPinnedColumnKeys: At = [],
|
|
90
90
|
onPinnedColumnKeysChange: $e,
|
|
91
91
|
renderExpandedRow: D,
|
|
92
92
|
expandedRowKeys: Ie,
|
|
93
|
-
defaultExpandedRowKeys:
|
|
93
|
+
defaultExpandedRowKeys: zt = [],
|
|
94
94
|
onExpandedRowsChange: ke,
|
|
95
95
|
onCellEdit: ve,
|
|
96
96
|
virtualized: p = !1,
|
|
@@ -103,13 +103,13 @@ function xt({
|
|
|
103
103
|
"data-testid": ea,
|
|
104
104
|
testId: o = ea ?? "data-table"
|
|
105
105
|
}) {
|
|
106
|
-
const [N, ta] = y(Lt), [m, aa] = y(jt), [na, et] = y(""), [la, ra] = y(St), [ia, da] = y(
|
|
107
|
-
|
|
108
|
-
), [_a, ya] = y(Zt), [ha, fa] = y(
|
|
106
|
+
const [N, ta] = y(Lt), [m, aa] = y(jt), [na, et] = y(""), [la, ra] = y(St), [ia, da] = y(
|
|
107
|
+
Bt ?? ""
|
|
108
|
+
), [oa, xe] = y(Qt), [sa, ca] = y(Vt ?? b.map((e) => e.key)), [ba, ua] = y(Xt ?? b.map((e) => e.key)), [_a, ya] = y(Zt), [ha, fa] = y(At), [pa, ma] = y(zt), [Q, U] = y(null), [ga, Na] = y(0), tt = `${o}-caption`, at = `${o}-live-region`, $a = [
|
|
109
109
|
Mt,
|
|
110
110
|
be ? tt : void 0,
|
|
111
111
|
at
|
|
112
|
-
].filter(Boolean).join(" "), g = We ?? la, Y = Oe ?? ia, Se = H ?? oa, K = Ue ?? sa, Ce = Ve ?? ba, V = Ze ?? _a, $ =
|
|
112
|
+
].filter(Boolean).join(" "), g = We ?? la, Y = Oe ?? ia, Se = H ?? oa, K = Ue ?? sa, Ce = Ve ?? ba, V = Ze ?? _a, $ = ze ?? ha, X = Ie ?? pa, k = (e, t) => He ? He(e) : t, nt = O(() => {
|
|
113
113
|
const e = new Map(b.map((i) => [i.key, i])), t = Ce.map((i) => e.get(i)).filter((i) => !!i), l = b.filter(
|
|
114
114
|
(i) => !Ce.includes(i.key)
|
|
115
115
|
), n = [...t, ...l];
|
|
@@ -167,14 +167,16 @@ function xt({
|
|
|
167
167
|
offset: (t - 1) * w,
|
|
168
168
|
pageCount: v
|
|
169
169
|
});
|
|
170
|
-
},
|
|
170
|
+
}, A = E ? it.map(
|
|
171
171
|
(e, t) => k(e, F + t)
|
|
172
|
-
) : [], ct =
|
|
172
|
+
) : [], ct = A.length > 0 && A.every((e) => g.includes(e)), Sa = () => {
|
|
173
173
|
if (ct) {
|
|
174
|
-
De(
|
|
174
|
+
De(
|
|
175
|
+
g.filter((e) => !A.includes(e))
|
|
176
|
+
);
|
|
175
177
|
return;
|
|
176
178
|
}
|
|
177
|
-
De(Array.from(/* @__PURE__ */ new Set([...g, ...
|
|
179
|
+
De(Array.from(/* @__PURE__ */ new Set([...g, ...A])));
|
|
178
180
|
}, Ca = (e, t) => {
|
|
179
181
|
const l = k(e, t);
|
|
180
182
|
De(
|
|
@@ -188,10 +190,13 @@ function xt({
|
|
|
188
190
|
(i, s) => n.includes(k(i, s))
|
|
189
191
|
)
|
|
190
192
|
);
|
|
191
|
-
}, Ke = Xa(
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
193
|
+
}, Ke = Xa(
|
|
194
|
+
(e, t) => {
|
|
195
|
+
const l = ue ? ue(e, t) : `${e.label} sorted ${t === "asc" ? "ascending" : "descending"}`;
|
|
196
|
+
et(l);
|
|
197
|
+
},
|
|
198
|
+
[ue]
|
|
199
|
+
), bt = (e) => {
|
|
195
200
|
const t = e.key === N && m === "asc" ? "desc" : "asc";
|
|
196
201
|
ta(e.key), aa(t), Ke(e, t), ce && qe && qe(e.key, t);
|
|
197
202
|
}, Da = (e) => (t) => {
|
|
@@ -208,8 +213,8 @@ function xt({
|
|
|
208
213
|
s[i],
|
|
209
214
|
s[n]
|
|
210
215
|
];
|
|
211
|
-
const
|
|
212
|
-
Ta([...s, ...
|
|
216
|
+
const z = b.map((_) => _.key).filter((_) => !s.includes(_));
|
|
217
|
+
Ta([...s, ...z]);
|
|
213
218
|
}, wa = (e, t) => {
|
|
214
219
|
const l = t ? [...K, e] : K.filter((n) => n !== e);
|
|
215
220
|
Ue || ca(l), me == null || me(l);
|
|
@@ -218,7 +223,7 @@ function xt({
|
|
|
218
223
|
Ze || ya(i), Ne == null || Ne(i);
|
|
219
224
|
}, Pa = (e) => {
|
|
220
225
|
const t = $.includes(e) ? $.filter((l) => l !== e) : [...$, e];
|
|
221
|
-
|
|
226
|
+
ze || fa(t), $e == null || $e(t);
|
|
222
227
|
}, Te = (e, t) => {
|
|
223
228
|
const l = $.includes(e.key), n = T.slice(0, t).filter((i) => $.includes(i.key)).reduce(
|
|
224
229
|
(i, s) => i + vt(
|
|
@@ -283,7 +288,17 @@ function xt({
|
|
|
283
288
|
p && a.virtualized,
|
|
284
289
|
Fe
|
|
285
290
|
),
|
|
286
|
-
[
|
|
291
|
+
[
|
|
292
|
+
a,
|
|
293
|
+
j,
|
|
294
|
+
B,
|
|
295
|
+
q,
|
|
296
|
+
ie,
|
|
297
|
+
re,
|
|
298
|
+
se,
|
|
299
|
+
p,
|
|
300
|
+
Fe
|
|
301
|
+
]
|
|
287
302
|
), Ha = (E ? 1 : 0) + (D ? 1 : 0), W = T.length + Ha, Ga = ae || ne || L || G || le, Ja = () => he ? /* @__PURE__ */ c(
|
|
288
303
|
"nav",
|
|
289
304
|
{
|
|
@@ -330,14 +345,14 @@ function xt({
|
|
|
330
345
|
]
|
|
331
346
|
}
|
|
332
347
|
) : null;
|
|
333
|
-
return /* @__PURE__ */
|
|
348
|
+
return /* @__PURE__ */ r(
|
|
334
349
|
"div",
|
|
335
350
|
{
|
|
336
351
|
className: qa,
|
|
337
352
|
"data-testid": o,
|
|
338
353
|
role: "region",
|
|
339
354
|
"aria-label": "Data table",
|
|
340
|
-
children: [
|
|
355
|
+
children: /* @__PURE__ */ c("div", { className: a.scrollArea, children: [
|
|
341
356
|
Ga ? /* @__PURE__ */ c(
|
|
342
357
|
"div",
|
|
343
358
|
{
|
|
@@ -371,7 +386,9 @@ function xt({
|
|
|
371
386
|
children: [
|
|
372
387
|
/* @__PURE__ */ r("summary", { className: a.columnMenuTrigger, children: "Columns" }),
|
|
373
388
|
/* @__PURE__ */ r("div", { className: a.columnMenuPanel, children: b.map((e) => {
|
|
374
|
-
const t = K.includes(
|
|
389
|
+
const t = K.includes(
|
|
390
|
+
e.key
|
|
391
|
+
), l = t && K.length <= 1;
|
|
375
392
|
return /* @__PURE__ */ c(
|
|
376
393
|
"label",
|
|
377
394
|
{
|
|
@@ -383,7 +400,10 @@ function xt({
|
|
|
383
400
|
type: "checkbox",
|
|
384
401
|
checked: t,
|
|
385
402
|
disabled: l,
|
|
386
|
-
onChange: (n) => wa(
|
|
403
|
+
onChange: (n) => wa(
|
|
404
|
+
e.key,
|
|
405
|
+
n.target.checked
|
|
406
|
+
),
|
|
387
407
|
"data-testid": `${o}-toggle-column-${String(
|
|
388
408
|
e.key
|
|
389
409
|
)}`
|
|
@@ -405,7 +425,10 @@ function xt({
|
|
|
405
425
|
le && g.length > 0 ? /* @__PURE__ */ c(
|
|
406
426
|
"div",
|
|
407
427
|
{
|
|
408
|
-
className: f(
|
|
428
|
+
className: f(
|
|
429
|
+
a.bulkToolbar,
|
|
430
|
+
Pt
|
|
431
|
+
),
|
|
409
432
|
"data-testid": `${o}-bulk-toolbar`,
|
|
410
433
|
children: [
|
|
411
434
|
/* @__PURE__ */ c("span", { children: [
|
|
@@ -464,7 +487,9 @@ function xt({
|
|
|
464
487
|
}
|
|
465
488
|
) }) : null,
|
|
466
489
|
T.map((e, t) => {
|
|
467
|
-
const l = N === e.key, n = $.includes(
|
|
490
|
+
const l = N === e.key, n = $.includes(
|
|
491
|
+
e.key
|
|
492
|
+
);
|
|
468
493
|
return /* @__PURE__ */ r(
|
|
469
494
|
"th",
|
|
470
495
|
{
|
|
@@ -494,11 +519,18 @@ function xt({
|
|
|
494
519
|
"data-testid": `${o}-sort-${String(e.key)}`,
|
|
495
520
|
children: [
|
|
496
521
|
/* @__PURE__ */ r("span", { children: e.label }),
|
|
497
|
-
/* @__PURE__ */ r(
|
|
522
|
+
/* @__PURE__ */ r(
|
|
523
|
+
"span",
|
|
524
|
+
{
|
|
525
|
+
className: a.sortIcon,
|
|
526
|
+
"aria-hidden": "true",
|
|
527
|
+
children: l ? m === "asc" ? "▲" : "▼" : "⇅"
|
|
528
|
+
}
|
|
529
|
+
)
|
|
498
530
|
]
|
|
499
531
|
}
|
|
500
532
|
) : /* @__PURE__ */ r("span", { "aria-label": e.srLabel, children: e.label }),
|
|
501
|
-
Ye || Xe ||
|
|
533
|
+
Ye || Xe || Ae ? /* @__PURE__ */ c("span", { className: a.columnControls, children: [
|
|
502
534
|
Ye ? /* @__PURE__ */ c(Pe, { children: [
|
|
503
535
|
/* @__PURE__ */ r(
|
|
504
536
|
"button",
|
|
@@ -557,7 +589,7 @@ function xt({
|
|
|
557
589
|
}
|
|
558
590
|
)
|
|
559
591
|
] }) : null,
|
|
560
|
-
|
|
592
|
+
Ae ? /* @__PURE__ */ r(
|
|
561
593
|
"button",
|
|
562
594
|
{
|
|
563
595
|
type: "button",
|
|
@@ -593,9 +625,22 @@ function xt({
|
|
|
593
625
|
children: Ht
|
|
594
626
|
}
|
|
595
627
|
) }) : /* @__PURE__ */ c(Pe, { children: [
|
|
596
|
-
dt > 0 ? /* @__PURE__ */ r(
|
|
628
|
+
dt > 0 ? /* @__PURE__ */ r(
|
|
629
|
+
"tr",
|
|
630
|
+
{
|
|
631
|
+
"aria-hidden": "true",
|
|
632
|
+
"data-testid": `${o}-virtual-top`,
|
|
633
|
+
children: /* @__PURE__ */ r(
|
|
634
|
+
"td",
|
|
635
|
+
{
|
|
636
|
+
style: { height: dt, padding: 0 },
|
|
637
|
+
colSpan: W
|
|
638
|
+
}
|
|
639
|
+
)
|
|
640
|
+
}
|
|
641
|
+
) : null,
|
|
597
642
|
it.map((e, t) => {
|
|
598
|
-
const l = F + t, n = fe ? l : Z + l, i = k(e, n), s = _e == null ? void 0 : _e(e, n),
|
|
643
|
+
const l = F + t, n = fe ? l : Z + l, i = k(e, n), s = _e == null ? void 0 : _e(e, n), z = ye == null ? void 0 : ye(
|
|
599
644
|
e,
|
|
600
645
|
n
|
|
601
646
|
), _ = X.includes(i);
|
|
@@ -612,7 +657,7 @@ function xt({
|
|
|
612
657
|
onKeyDown: Ka(e),
|
|
613
658
|
tabIndex: h ? 0 : void 0,
|
|
614
659
|
"aria-label": h ? s : void 0,
|
|
615
|
-
"aria-description": h ?
|
|
660
|
+
"aria-description": h ? z : void 0,
|
|
616
661
|
"data-testid": `${o}-row-${i}`,
|
|
617
662
|
children: [
|
|
618
663
|
D ? /* @__PURE__ */ r("td", { className: a.selectionCell, children: /* @__PURE__ */ r(
|
|
@@ -750,13 +795,33 @@ function xt({
|
|
|
750
795
|
{
|
|
751
796
|
className: a.expandedRow,
|
|
752
797
|
"data-testid": `${o}-expanded-row-${i}`,
|
|
753
|
-
children: /* @__PURE__ */ r(
|
|
798
|
+
children: /* @__PURE__ */ r(
|
|
799
|
+
"td",
|
|
800
|
+
{
|
|
801
|
+
className: a.expandedCell,
|
|
802
|
+
colSpan: W,
|
|
803
|
+
children: D(e, n)
|
|
804
|
+
}
|
|
805
|
+
)
|
|
754
806
|
},
|
|
755
807
|
`${i}-expanded`
|
|
756
808
|
) : null
|
|
757
809
|
] }, i);
|
|
758
810
|
}),
|
|
759
|
-
ot > 0 ? /* @__PURE__ */ r(
|
|
811
|
+
ot > 0 ? /* @__PURE__ */ r(
|
|
812
|
+
"tr",
|
|
813
|
+
{
|
|
814
|
+
"aria-hidden": "true",
|
|
815
|
+
"data-testid": `${o}-virtual-bottom`,
|
|
816
|
+
children: /* @__PURE__ */ r(
|
|
817
|
+
"td",
|
|
818
|
+
{
|
|
819
|
+
style: { height: ot, padding: 0 },
|
|
820
|
+
colSpan: W
|
|
821
|
+
}
|
|
822
|
+
)
|
|
823
|
+
}
|
|
824
|
+
) : null
|
|
760
825
|
] }) })
|
|
761
826
|
]
|
|
762
827
|
}
|
|
@@ -764,13 +829,14 @@ function xt({
|
|
|
764
829
|
}
|
|
765
830
|
),
|
|
766
831
|
Ja()
|
|
767
|
-
]
|
|
832
|
+
] })
|
|
768
833
|
}
|
|
769
834
|
);
|
|
770
835
|
}
|
|
771
836
|
xt.displayName = "DataTableBase";
|
|
772
837
|
const en = {
|
|
773
838
|
wrapper: "data_table_wrapper",
|
|
839
|
+
scrollArea: "data_table_scroll_area",
|
|
774
840
|
table: "data_table",
|
|
775
841
|
toolbar: "data_table_toolbar",
|
|
776
842
|
toolbarTitle: "data_table_toolbar_title",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DataTable.css');;/* empty css */const e=require("./DataTable-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./DataTable.css');;/* empty css */const e=require("./DataTable-DOOENV1j.cjs");exports.default=e.DataTable;
|
package/dist/core/DataTable.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.data_table_wrapper{--data-table-min-width: 600px;width:100%;overflow-x:auto;font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);border-radius:inherit;-webkit-overflow-scrolling:touch}@media(max-width:767.98px){.data_table_wrapper{--data-table-min-width: 520px}}@media(min-width:1024px){.data_table_wrapper{--data-table-min-width: 720px}}.data_table_wrapper .data_table_toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);box-sizing:border-box}.data_table_wrapper .data_table_toolbar_title{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--text-color-primary)}.data_table_wrapper .data_table_toolbar_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.data_table_wrapper .data_table_filter_input{min-width:min(100%,14rem);min-height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit}.data_table_wrapper .data_table_filter_input:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_bulk_toolbar,.data_table_wrapper .data_table_pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;min-width:var(--data-table-min-width);padding:var(--spacing-sm);border-top:1px solid var(--border-color);background:var(--background-color-light);box-sizing:border-box}.data_table_wrapper .data_table_column_menu{position:relative;font-family:var(--font-family-ui);color:var(--text-color)}.data_table_wrapper .data_table_pagination_button,.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit;cursor:pointer}.data_table_wrapper .data_table_pagination_button:focus-visible,.data_table_wrapper .data_table_column_control_button:focus-visible,.data_table_wrapper .data_table_expand_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_pagination_button:disabled,.data_table_wrapper .data_table_column_control_button:disabled,.data_table_wrapper .data_table_expand_button:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_trigger{min-height:32px;border-radius:var(--border-radius-sm);background:transparent;padding:0 var(--spacing-xs);font:inherit;cursor:pointer}.data_table_wrapper .data_table_column_menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_column_menu_trigger:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_panel{position:absolute;z-index:5;top:calc(100% + var(--spacing-xxs));right:0;display:grid;gap:var(--spacing-xs);min-width:12rem;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);box-shadow:var(--box-shadow-md)}.data_table_wrapper .data_table_column_menu_item{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.data_table_wrapper .data_table_viewport{width:max(100%,var(--data-table-min-width));min-width:var(--data-table-min-width);overflow:visible;border-radius:0}.data_table_wrapper.data_table_virtualized .data_table_viewport{overflow-x:visible;overflow-y:auto}.data_table_wrapper .data_table{width:100%;min-width:var(--data-table-min-width);border-collapse:separate;border-spacing:0;table-layout:auto;font-size:inherit}.data_table_wrapper .data_table_header_cell,.data_table_wrapper thead .data_table_selection_cell{position:sticky;top:0;z-index:4}.data_table_wrapper .data_table_header_cell{text-align:left;padding:var(--spacing-sm);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);border-bottom:1px solid var(--text-color-primary);white-space:nowrap;color:var(--text-color-primary);vertical-align:top}.data_table_wrapper .data_table thead th:first-child{border-top-left-radius:inherit}.data_table_wrapper .data_table thead th:last-child{border-top-right-radius:inherit}.data_table_wrapper .data_table_header_content{display:flex;color:inherit;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-width:0}.data_table_wrapper .data_table_selection_cell{width:3rem;min-width:3rem;padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:center;vertical-align:middle;color:inherit;background:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.data_table_wrapper .data_table_selection_cell input{min-width:1.125rem;min-height:1.125rem}.data_table_wrapper .data_table_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:left;white-space:nowrap;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);vertical-align:top}.data_table_wrapper .data_table_cell_wrap{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5}.data_table_wrapper .data_table_header_cell.data_table_cell_wrap,.data_table_wrapper .data_table_cell.data_table_cell_wrap{min-width:0}.data_table_wrapper .data_table_header_sortable{cursor:pointer}.data_table_wrapper .data_table_header_sortable:focus-visible,.data_table_wrapper .data_table_header_sortable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:.5px}.data_table_wrapper .data_table_sort_button{margin:0;padding:0;background-color:transparent;border-radius:var(--border-radius-xs);border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font:inherit;text-align:inherit;cursor:pointer}.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_sort_icon{margin-left:var(--spacing-xxs);font-size:.9em;flex-shrink:0}@media(max-width:479.98px){.data_table_wrapper .data_table_sort_icon{font-size:.85em}}@media(min-width:1024px){.data_table_wrapper .data_table_sort_icon{font-size:1em}}.data_table_wrapper .data_table_column_controls{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-width:28px;min-height:28px;padding:0;line-height:1}.data_table_wrapper .data_table_cell_pinned{position:sticky;z-index:2;background:var(--background-color-dark);box-shadow:1px 0 0 var(--border-color)}.data_table_wrapper .data_table_cell_pinned.data_table_header_cell{color:var(--text-color)}.data_table_wrapper th.data_table_cell_pinned{z-index:3;background:var(--background-color)}.data_table_wrapper .data_table_row_clickable{cursor:pointer;transition:background-color var(--transition-default)}.data_table_wrapper .data_table_row_clickable:hover{background-color:var(--background-color-light)}.data_table_wrapper .data_table_row_clickable:hover:nth-child(2n){background-color:var(--background-color)}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_row_clickable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:0}.data_table_wrapper .data_table_row_striped:nth-child(2n){background-color:var(--background-color-darker)}.data_table_wrapper .data_table_expanded_row{background:var(--background-color-light)}.data_table_wrapper .data_table_expanded_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);color:var(--text-color-primary)}.data_table_wrapper .data_table_edit_button{display:inline;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:text}.data_table_wrapper .data_table_edit_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_cell_editor{width:min(100%,16rem);min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-xs);font:inherit}.data_table_wrapper .data_table_empty_cell{padding:var(--spacing-md);text-align:center;color:var(--text-color-secondary)}.data_table_wrapper tbody tr{background-color:var(--background-color-dark)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:none}.data_table_wrapper.data_table_clear{box-shadow:none}.data_table_wrapper.data_table_clear .data_table_header_cell{background-color:transparent}@media(max-width:767.98px){.data_table_wrapper .data_table{font-size:var(--font-size-label)}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{padding:var(--spacing-xs)}.data_table_wrapper .data_table_header_cell{font-size:var(--font-size-caption)}.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{font-size:var(--font-size-label)}}@media(max-width:319.98px){.data_table_wrapper{overflow-x:visible}.data_table_wrapper .data_table{min-width:0;width:100%;font-size:var(--font-size-caption)}.data_table_wrapper .data_table thead{display:none}.data_table_wrapper .data_table tbody{display:block}.data_table_wrapper .data_table tbody tr{display:block;margin-bottom:var(--spacing-sm);background-color:var(--background-color-dark);border-radius:var(--border-radius-md);overflow:hidden}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{display:block;width:100%;box-sizing:border-box;text-align:left;padding:var(--spacing-xs);border-bottom:1px solid var(--text-color-primary);white-space:normal;overflow-wrap:anywhere}.data_table_wrapper .data_table_selection_cell{text-align:left}.data_table_wrapper .data_table_selection_cell:before{content:"Select";display:inline-block;margin-right:var(--spacing-xs);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:var(--text-color-secondary)}.data_table_wrapper .data_table_cell:before{content:attr(data-label);display:block;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);margin-bottom:2px;color:var(--text-color-secondary)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:1px solid var(--text-color-primary)}.data_table_wrapper tbody tr .data_table_cell:last-child,.data_table_wrapper tbody tr th.data_table_cell:last-child,.data_table_wrapper tbody tr .data_table_selection_cell:last-child{border-bottom:none}}.data_table_primary{--data-table-glass-bg: var(--primary-glass-background);--data-table-glass-hover-bg: var(--primary-glass-background-hover);--data-table-glass-border: var(--primary-glass-border);--data-table-glass-text: var(--text-color-primary)}.data_table_primary th.data_table_selection_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_column_menu_trigger{color:var(--text-color-primary)}.data_table_primary .data_table_header_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_toolbar{background-color:var(--primary-color)}.data_table_primary.data_table_outline .data_table_header_cell{border:2px solid var(--primary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_primary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_secondary{--data-table-glass-bg: var(--secondary-glass-background);--data-table-glass-hover-bg: var(--secondary-glass-background-hover);--data-table-glass-border: var(--secondary-glass-border);--data-table-glass-text: var(--text-color-secondary)}.data_table_secondary th.data_table_selection_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_column_menu_trigger{color:var(--text-color-secondary)}.data_table_secondary .data_table_header_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_toolbar{background-color:var(--secondary-color)}.data_table_secondary.data_table_outline .data_table_header_cell{border:2px solid var(--secondary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_secondary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_tertiary{--data-table-glass-bg: var(--tertiary-glass-background);--data-table-glass-hover-bg: var(--tertiary-glass-background-hover);--data-table-glass-border: var(--tertiary-glass-border);--data-table-glass-text: var(--text-color-tertiary)}.data_table_tertiary th.data_table_selection_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_column_menu_trigger{color:var(--text-color-tertiary)}.data_table_tertiary .data_table_header_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_toolbar{background-color:var(--tertiary-color)}.data_table_tertiary.data_table_outline .data_table_header_cell{border:2px solid var(--tertiary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_tertiary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_quaternary{--data-table-glass-bg: var(--quaternary-glass-background);--data-table-glass-hover-bg: var(--quaternary-glass-background-hover);--data-table-glass-border: var(--quaternary-glass-border);--data-table-glass-text: var(--text-color-quaternary)}.data_table_quaternary th.data_table_selection_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_column_menu_trigger{color:var(--text-color-quaternary)}.data_table_quaternary .data_table_header_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_toolbar{background-color:var(--quaternary-color)}.data_table_quaternary.data_table_outline .data_table_header_cell{border:2px solid var(--quaternary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_quaternary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_clear{--data-table-glass-bg: var(--clear-glass-background);--data-table-glass-hover-bg: var(--clear-glass-background-hover);--data-table-glass-border: var(--clear-glass-border);--data-table-glass-text: var(--text-color)}.data_table_clear th.data_table_selection_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_column_menu_trigger{color:var(--text-color)}.data_table_clear .data_table_header_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_toolbar{background-color:transparent}.data_table_clear.data_table_outline .data_table_header_cell{border:2px solid var(--border-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_clear.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_success{--data-table-glass-bg: var(--success-glass-background);--data-table-glass-hover-bg: var(--success-glass-background-hover);--data-table-glass-border: var(--success-glass-border);--data-table-glass-text: var(--success-text-color)}.data_table_success th.data_table_selection_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_column_menu_trigger{color:var(--success-text-color)}.data_table_success .data_table_header_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_toolbar{background-color:var(--success-color)}.data_table_success.data_table_outline .data_table_header_cell{border:2px solid var(--success-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_success.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_error{--data-table-glass-bg: var(--error-glass-background);--data-table-glass-hover-bg: var(--error-glass-background-hover);--data-table-glass-border: var(--error-glass-border);--data-table-glass-text: var(--error-text-color)}.data_table_error th.data_table_selection_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_column_menu_trigger{color:var(--error-text-color)}.data_table_error .data_table_header_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_toolbar{background-color:var(--error-color)}.data_table_error.data_table_outline .data_table_header_cell{border:2px solid var(--error-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_error.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_warning{--data-table-glass-bg: var(--warning-glass-background);--data-table-glass-hover-bg: var(--warning-glass-background-hover);--data-table-glass-border: var(--warning-glass-border);--data-table-glass-text: var(--warning-text-color)}.data_table_warning th.data_table_selection_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_column_menu_trigger{color:var(--warning-text-color)}.data_table_warning .data_table_header_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_toolbar{background-color:var(--warning-color)}.data_table_warning.data_table_outline .data_table_header_cell{border:2px solid var(--warning-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_warning.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_info{--data-table-glass-bg: var(--info-glass-background);--data-table-glass-hover-bg: var(--info-glass-background-hover);--data-table-glass-border: var(--info-glass-border);--data-table-glass-text: var(--info-text-color)}.data_table_info th.data_table_selection_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_column_menu_trigger{color:var(--info-text-color)}.data_table_info .data_table_header_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_toolbar{background-color:var(--info-color)}.data_table_info.data_table_outline .data_table_header_cell{border:2px solid var(--info-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_info.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_wrapper.data_table_glass{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.data_table_wrapper.data_table_glass .data_table{background:transparent}.data_table_wrapper.data_table_glass .data_table_toolbar{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28))}.data_table_wrapper.data_table_glass .data_table_toolbar_title{color:inherit}.data_table_wrapper.data_table_glass .data_table_filter_input{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border-color:var(--data-table-glass-border, rgba(255, 255, 255, .28));color:inherit}.data_table_wrapper.data_table_glass .data_table_header_cell,.data_table_wrapper.data_table_glass th.data_table_selection_cell{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass .data_table_selection_cell,.data_table_wrapper.data_table_glass .data_table_cell{background:unset;color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass tbody tr{background-color:transparent}.data_table_wrapper.data_table_glass .data_table_row_striped:nth-child(2n),.data_table_wrapper.data_table_glass .data_table_row_clickable:hover{background-color:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22))}.data_table_round-None{border-radius:var(--border-radius-none)}.data_table_round-None .data_table_toolbar{border-top-left-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.data_table_round-None .data_table_pagination{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-none)}.data_table_round-Small{border-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_toolbar{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_pagination{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Medium{border-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_toolbar{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_pagination{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Large{border-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_toolbar{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_pagination{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Full{border-radius:var(--border-radius-full)}.data_table_round-Full .data_table_toolbar{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.data_table_round-Full .data_table_pagination{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-full)}.data_table_shadow-None{box-shadow:var(--box-shadow-none)}.data_table_shadow-Light{box-shadow:var(--box-shadow-light)}.data_table_shadow-Medium{box-shadow:var(--box-shadow-medium)}.data_table_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.data_table_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){.data_table_wrapper,.data_table_wrapper *{transition:none!important;animation:none!important}}@media(hover:none){.data_table_row_clickable:hover{background-color:transparent}}@media(forced-colors:active){.data_table_wrapper .data_table{color:CanvasText;background:Canvas}.data_table_wrapper.data_table_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{border-bottom:1px solid ButtonText}.data_table_wrapper .data_table_header_cell{background:Canvas;color:CanvasText;border:1px solid ButtonText}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}}
|
|
1
|
+
@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.data_table_wrapper{--data-table-min-width: 600px;width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);border-radius:inherit;-webkit-overflow-scrolling:touch;min-width:0}@media(max-width:767.98px){.data_table_wrapper{--data-table-min-width: 520px}}@media(min-width:1024px){.data_table_wrapper{--data-table-min-width: 720px}}.data_table_wrapper .data_table_scroll_area{display:grid;width:max-content;min-width:100%}.data_table_wrapper .data_table_toolbar,.data_table_wrapper .data_table_bulk_toolbar,.data_table_wrapper .data_table_pagination,.data_table_wrapper .data_table_viewport{width:100%;min-width:0;box-sizing:border-box}.data_table_wrapper .data_table_toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-sm);box-sizing:border-box}.data_table_wrapper .data_table_toolbar_title{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-heading);color:var(--text-color-primary)}.data_table_wrapper .data_table_toolbar_actions{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.data_table_wrapper .data_table_filter_input{min-width:min(100%,14rem);min-height:40px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit}.data_table_wrapper .data_table_filter_input:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_bulk_toolbar,.data_table_wrapper .data_table_pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;padding:var(--spacing-sm);border-top:1px solid var(--border-color);background:var(--background-color-light);box-sizing:border-box}.data_table_wrapper .data_table_column_menu{position:relative;font-family:var(--font-family-ui);color:var(--text-color)}.data_table_wrapper .data_table_pagination_button,.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-sm);font:inherit;cursor:pointer}.data_table_wrapper .data_table_pagination_button:focus-visible,.data_table_wrapper .data_table_column_control_button:focus-visible,.data_table_wrapper .data_table_expand_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_pagination_button:disabled,.data_table_wrapper .data_table_column_control_button:disabled,.data_table_wrapper .data_table_expand_button:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_trigger{min-height:32px;border-radius:var(--border-radius-sm);background:transparent;padding:0 var(--spacing-xs);font:inherit;cursor:pointer}.data_table_wrapper .data_table_column_menu_trigger:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_column_menu_trigger:disabled{cursor:not-allowed;opacity:.55}.data_table_wrapper .data_table_column_menu_panel{position:absolute;z-index:5;top:calc(100% + var(--spacing-xxs));right:0;display:grid;gap:var(--spacing-xs);min-width:12rem;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);box-shadow:var(--box-shadow-md)}.data_table_wrapper .data_table_column_menu_item{display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.data_table_wrapper .data_table_viewport{overflow:visible;border-radius:0}.data_table_wrapper.data_table_virtualized .data_table_viewport{overflow-x:visible;overflow-y:auto}.data_table_wrapper .data_table{width:max-content;min-width:max(100%,var(--data-table-min-width));border-collapse:separate;border-spacing:0;table-layout:auto;font-size:inherit}.data_table_wrapper .data_table_header_cell,.data_table_wrapper thead .data_table_selection_cell{position:sticky;top:0;z-index:4}.data_table_wrapper .data_table_header_cell{text-align:left;padding:var(--spacing-sm);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);border-bottom:1px solid var(--text-color-primary);white-space:nowrap;color:var(--text-color-primary);vertical-align:top}.data_table_wrapper .data_table thead th:first-child{border-top-left-radius:inherit}.data_table_wrapper .data_table thead th:last-child{border-top-right-radius:inherit}.data_table_wrapper .data_table_header_content{display:flex;color:inherit;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-width:0}.data_table_wrapper .data_table_selection_cell{width:3rem;min-width:3rem;padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:center;vertical-align:middle;color:inherit;background:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.data_table_wrapper .data_table_selection_cell input{min-width:1.125rem;min-height:1.125rem}.data_table_wrapper .data_table_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);text-align:left;white-space:nowrap;color:inherit;font-family:var(--font-family-body);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);vertical-align:top}.data_table_wrapper .data_table_cell_wrap{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.5}.data_table_wrapper .data_table_header_cell.data_table_cell_wrap,.data_table_wrapper .data_table_cell.data_table_cell_wrap{min-width:0}.data_table_wrapper .data_table_header_sortable{cursor:pointer}.data_table_wrapper .data_table_header_sortable:focus-visible,.data_table_wrapper .data_table_header_sortable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:.5px}.data_table_wrapper .data_table_sort_button{margin:0;padding:0;background-color:transparent;border-radius:var(--border-radius-xs);border:none;color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font:inherit;text-align:inherit;cursor:pointer}.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_sort_icon{margin-left:var(--spacing-xxs);font-size:.9em;flex-shrink:0}@media(max-width:479.98px){.data_table_wrapper .data_table_sort_icon{font-size:.85em}}@media(min-width:1024px){.data_table_wrapper .data_table_sort_icon{font-size:1em}}.data_table_wrapper .data_table_column_controls{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.data_table_wrapper .data_table_column_control_button,.data_table_wrapper .data_table_expand_button{min-width:28px;min-height:28px;padding:0;line-height:1}.data_table_wrapper .data_table_cell_pinned{position:sticky;z-index:2;background:var(--background-color-dark);box-shadow:1px 0 0 var(--border-color)}.data_table_wrapper .data_table_cell_pinned.data_table_header_cell{color:var(--text-color)}.data_table_wrapper th.data_table_cell_pinned{z-index:3;background:var(--background-color)}.data_table_wrapper .data_table_row_clickable{cursor:pointer;transition:background-color var(--transition-default)}.data_table_wrapper .data_table_row_clickable:hover{background-color:var(--background-color-light)}.data_table_wrapper .data_table_row_clickable:hover:nth-child(2n){background-color:var(--background-color)}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_row_clickable:focus{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:0}.data_table_wrapper .data_table_row_striped:nth-child(2n){background-color:var(--background-color-darker)}.data_table_wrapper .data_table_expanded_row{background:var(--background-color-light)}.data_table_wrapper .data_table_expanded_cell{padding:var(--spacing-sm);border-bottom:1px solid var(--text-color-primary);color:var(--text-color-primary)}.data_table_wrapper .data_table_edit_button{display:inline;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:text}.data_table_wrapper .data_table_edit_button:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}.data_table_wrapper .data_table_cell_editor{width:min(100%,16rem);min-height:32px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);padding:0 var(--spacing-xs);font:inherit}.data_table_wrapper .data_table_empty_cell{padding:var(--spacing-md);text-align:center;color:var(--text-color-secondary)}.data_table_wrapper tbody tr{background-color:var(--background-color-dark)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:none}.data_table_wrapper.data_table_clear{box-shadow:none}.data_table_wrapper.data_table_clear .data_table_header_cell{background-color:transparent}@media(max-width:767.98px){.data_table_wrapper .data_table{font-size:var(--font-size-label)}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{padding:var(--spacing-xs)}.data_table_wrapper .data_table_header_cell{font-size:var(--font-size-caption)}.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{font-size:var(--font-size-label)}}@media(max-width:319.98px){.data_table_wrapper{--data-table-min-width: 520px;overflow-x:auto}.data_table_wrapper .data_table_scroll_area,.data_table_wrapper .data_table,.data_table_wrapper .data_table_viewport{width:100%;min-width:0}.data_table_wrapper .data_table{font-size:var(--font-size-caption)}.data_table_wrapper .data_table thead{display:none}.data_table_wrapper .data_table tbody{display:block}.data_table_wrapper .data_table tbody tr{display:block;margin-bottom:var(--spacing-sm);background-color:var(--background-color-dark);border-radius:var(--border-radius-md);overflow:hidden}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{display:block;width:100%;box-sizing:border-box;text-align:left;padding:var(--spacing-xs);border-bottom:1px solid var(--text-color-primary);white-space:normal;overflow-wrap:anywhere}.data_table_wrapper .data_table_selection_cell{text-align:left}.data_table_wrapper .data_table_selection_cell:before{content:"Select";display:inline-block;margin-right:var(--spacing-xs);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:var(--text-color-secondary)}.data_table_wrapper .data_table_cell:before{content:attr(data-label);display:block;font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);margin-bottom:2px;color:var(--text-color-secondary)}.data_table_wrapper tbody tr:last-child .data_table_cell,.data_table_wrapper tbody tr:last-child th.data_table_cell,.data_table_wrapper tbody tr:last-child .data_table_selection_cell{border-bottom:1px solid var(--text-color-primary)}.data_table_wrapper tbody tr .data_table_cell:last-child,.data_table_wrapper tbody tr th.data_table_cell:last-child,.data_table_wrapper tbody tr .data_table_selection_cell:last-child{border-bottom:none}}.data_table_primary{--data-table-glass-bg: var(--primary-glass-background);--data-table-glass-hover-bg: var(--primary-glass-background-hover);--data-table-glass-border: var(--primary-glass-border);--data-table-glass-text: var(--text-color-primary)}.data_table_primary th.data_table_selection_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_column_menu_trigger{color:var(--text-color-primary)}.data_table_primary .data_table_header_cell{background-color:var(--primary-color);color:var(--text-color-primary)}.data_table_primary .data_table_toolbar{background-color:var(--primary-color)}.data_table_primary.data_table_outline .data_table_header_cell{border:2px solid var(--primary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_primary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_secondary{--data-table-glass-bg: var(--secondary-glass-background);--data-table-glass-hover-bg: var(--secondary-glass-background-hover);--data-table-glass-border: var(--secondary-glass-border);--data-table-glass-text: var(--text-color-secondary)}.data_table_secondary th.data_table_selection_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_column_menu_trigger{color:var(--text-color-secondary)}.data_table_secondary .data_table_header_cell{background-color:var(--secondary-color);color:var(--text-color-secondary)}.data_table_secondary .data_table_toolbar{background-color:var(--secondary-color)}.data_table_secondary.data_table_outline .data_table_header_cell{border:2px solid var(--secondary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_secondary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_tertiary{--data-table-glass-bg: var(--tertiary-glass-background);--data-table-glass-hover-bg: var(--tertiary-glass-background-hover);--data-table-glass-border: var(--tertiary-glass-border);--data-table-glass-text: var(--text-color-tertiary)}.data_table_tertiary th.data_table_selection_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_column_menu_trigger{color:var(--text-color-tertiary)}.data_table_tertiary .data_table_header_cell{background-color:var(--tertiary-color);color:var(--text-color-tertiary)}.data_table_tertiary .data_table_toolbar{background-color:var(--tertiary-color)}.data_table_tertiary.data_table_outline .data_table_header_cell{border:2px solid var(--tertiary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_tertiary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_quaternary{--data-table-glass-bg: var(--quaternary-glass-background);--data-table-glass-hover-bg: var(--quaternary-glass-background-hover);--data-table-glass-border: var(--quaternary-glass-border);--data-table-glass-text: var(--text-color-quaternary)}.data_table_quaternary th.data_table_selection_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_column_menu_trigger{color:var(--text-color-quaternary)}.data_table_quaternary .data_table_header_cell{background-color:var(--quaternary-color);color:var(--text-color-quaternary)}.data_table_quaternary .data_table_toolbar{background-color:var(--quaternary-color)}.data_table_quaternary.data_table_outline .data_table_header_cell{border:2px solid var(--quaternary-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_quaternary.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_clear{--data-table-glass-bg: var(--clear-glass-background);--data-table-glass-hover-bg: var(--clear-glass-background-hover);--data-table-glass-border: var(--clear-glass-border);--data-table-glass-text: var(--text-color)}.data_table_clear th.data_table_selection_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_column_menu_trigger{color:var(--text-color)}.data_table_clear .data_table_header_cell{background-color:transparent;color:var(--text-color)}.data_table_clear .data_table_toolbar{background-color:transparent}.data_table_clear.data_table_outline .data_table_header_cell{border:2px solid var(--border-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_clear.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_success{--data-table-glass-bg: var(--success-glass-background);--data-table-glass-hover-bg: var(--success-glass-background-hover);--data-table-glass-border: var(--success-glass-border);--data-table-glass-text: var(--success-text-color)}.data_table_success th.data_table_selection_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_column_menu_trigger{color:var(--success-text-color)}.data_table_success .data_table_header_cell{background-color:var(--success-color);color:var(--success-text-color)}.data_table_success .data_table_toolbar{background-color:var(--success-color)}.data_table_success.data_table_outline .data_table_header_cell{border:2px solid var(--success-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_success.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_error{--data-table-glass-bg: var(--error-glass-background);--data-table-glass-hover-bg: var(--error-glass-background-hover);--data-table-glass-border: var(--error-glass-border);--data-table-glass-text: var(--error-text-color)}.data_table_error th.data_table_selection_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_column_menu_trigger{color:var(--error-text-color)}.data_table_error .data_table_header_cell{background-color:var(--error-color);color:var(--error-text-color)}.data_table_error .data_table_toolbar{background-color:var(--error-color)}.data_table_error.data_table_outline .data_table_header_cell{border:2px solid var(--error-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_error.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_warning{--data-table-glass-bg: var(--warning-glass-background);--data-table-glass-hover-bg: var(--warning-glass-background-hover);--data-table-glass-border: var(--warning-glass-border);--data-table-glass-text: var(--warning-text-color)}.data_table_warning th.data_table_selection_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_column_menu_trigger{color:var(--warning-text-color)}.data_table_warning .data_table_header_cell{background-color:var(--warning-color);color:var(--warning-text-color)}.data_table_warning .data_table_toolbar{background-color:var(--warning-color)}.data_table_warning.data_table_outline .data_table_header_cell{border:2px solid var(--warning-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_warning.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_info{--data-table-glass-bg: var(--info-glass-background);--data-table-glass-hover-bg: var(--info-glass-background-hover);--data-table-glass-border: var(--info-glass-border);--data-table-glass-text: var(--info-text-color)}.data_table_info th.data_table_selection_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_column_menu_trigger{color:var(--info-text-color)}.data_table_info .data_table_header_cell{background-color:var(--info-color);color:var(--info-text-color)}.data_table_info .data_table_toolbar{background-color:var(--info-color)}.data_table_info.data_table_outline .data_table_header_cell{border:2px solid var(--info-color);background-color:transparent;color:inherit}@media(max-width:479.98px){.data_table_info.data_table_outline .data_table_header_cell{border-width:1.5px}}.data_table_wrapper.data_table_glass{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-saturate));backdrop-filter:blur(18px) saturate(var(--glass-saturate));color:inherit}.data_table_wrapper.data_table_glass .data_table{background:transparent}.data_table_wrapper.data_table_glass .data_table_toolbar{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom:1px solid var(--data-table-glass-border, rgba(255, 255, 255, .28))}.data_table_wrapper.data_table_glass .data_table_toolbar_title{color:inherit}.data_table_wrapper.data_table_glass .data_table_filter_input{background:var(--data-table-glass-bg, rgba(255, 255, 255, .16));border-color:var(--data-table-glass-border, rgba(255, 255, 255, .28));color:inherit}.data_table_wrapper.data_table_glass .data_table_header_cell,.data_table_wrapper.data_table_glass th.data_table_selection_cell{background:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22));color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass .data_table_selection_cell,.data_table_wrapper.data_table_glass .data_table_cell{background:unset;color:inherit;border-bottom-color:var(--data-table-glass-border, var(--text-color-primary))}.data_table_wrapper.data_table_glass tbody tr{background-color:transparent}.data_table_wrapper.data_table_glass .data_table_row_striped:nth-child(2n),.data_table_wrapper.data_table_glass .data_table_row_clickable:hover{background-color:var(--data-table-glass-hover-bg, rgba(255, 255, 255, .22))}.data_table_round-None{border-radius:var(--border-radius-none)}.data_table_round-None .data_table_toolbar{border-top-left-radius:var(--border-radius-none);border-top-right-radius:var(--border-radius-none)}.data_table_round-None .data_table_pagination{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-none)}.data_table_round-None:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-none)}.data_table_round-Small{border-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_toolbar{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small .data_table_pagination{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-sm)}.data_table_round-Small:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-sm)}.data_table_round-Medium{border-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_toolbar{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium .data_table_pagination{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-md)}.data_table_round-Medium:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-md)}.data_table_round-Large{border-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_toolbar{border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large .data_table_pagination{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-lg)}.data_table_round-Large:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-lg)}.data_table_round-Full{border-radius:var(--border-radius-full)}.data_table_round-Full .data_table_toolbar{border-top-left-radius:var(--border-radius-full);border-top-right-radius:var(--border-radius-full)}.data_table_round-Full .data_table_pagination{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:first-child{border-top-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_toolbar)) .data_table thead th:last-child{border-top-right-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:first-child{border-bottom-left-radius:var(--border-radius-full)}.data_table_round-Full:not(:has(.data_table_pagination)) .data_table tbody tr:last-child>*:last-child{border-bottom-right-radius:var(--border-radius-full)}.data_table_shadow-None{box-shadow:var(--box-shadow-none)}.data_table_shadow-Light{box-shadow:var(--box-shadow-light)}.data_table_shadow-Medium{box-shadow:var(--box-shadow-medium)}.data_table_shadow-Strong{box-shadow:var(--box-shadow-heavy)}.data_table_shadow-Intense{box-shadow:var(--box-shadow-intense)}@media(prefers-reduced-motion:reduce){.data_table_wrapper,.data_table_wrapper *{transition:none!important;animation:none!important}}@media(hover:none){.data_table_row_clickable:hover{background-color:transparent}}@media(forced-colors:active){.data_table_wrapper .data_table{color:CanvasText;background:Canvas}.data_table_wrapper.data_table_glass{background:Canvas;border-color:ButtonText;box-shadow:none}.data_table_wrapper .data_table_header_cell,.data_table_wrapper .data_table_cell,.data_table_wrapper .data_table_selection_cell{border-bottom:1px solid ButtonText}.data_table_wrapper .data_table_header_cell{background:Canvas;color:CanvasText;border:1px solid ButtonText}.data_table_wrapper .data_table_row_clickable:focus-visible,.data_table_wrapper .data_table_sort_button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}}
|
package/dist/core/DataTable.js
CHANGED