@verifiedinc-public/shared-ui-elements 11.1.0 → 11.1.1

package/dist/components/DataTable/DataTable.mjs

@@ -1 +1 @@
-"use strict";import{useState as Y,useRef as x,useMemo as _,useEffect as Ze}from"react";import{useReactTable as Je,getPaginationRowModel as Qe,getSortedRowModel as Xe,getCoreRowModel as en}from"@tanstack/react-table";import{useVirtualizer as nn}from"@tanstack/react-virtual";import{Box as on,TableContainer as tn,Table as an}from"@mui/material";import{useBidirectionalScroll as ln}from"../../hooks/useBidirectionalScroll.mjs";import{DataTableProvider as rn}from"./DataTable.context.mjs";import{useControllableState as g,useHeaderRowTops as sn,useStickyHeaderHeight as gn,usePinnedOffsets as dn}from"./DataTable.hooks.mjs";import{applySearch as un,applyFilters as mn,EMPTY_FILTERS as fn}from"./DataTable.filters.mjs";import{inferColumns as cn,applyMetaWidthsToSizes as hn,measureRowGroup as pn,getColumnMeta as Cn}from"./DataTable.utils.mjs";import{DataTableBody as bn}from"./DataTableBody.mjs";import{DataTableFooter as Rn}from"./DataTableFooter.mjs";import{DataTableHead as wn}from"./DataTableHead.mjs";import{DataTablePanels as Sn}from"./DataTablePanels.mjs";import{DataTableToolbar as Pn}from"./DataTableToolbar.mjs";import{jsx as r,jsxs as q}from"react/jsx-runtime";const yn=25,vn=[10,25,50,100],xn=53,zn={},Ln={left:[],right:[]},A=()=>{};function Mn({data:a,columns:z,getRowId:L,renderRow:U,initialSorting:Z=[],sorting:J,onSortingChange:Q,manualSorting:M=!1,initialPageSize:X=yn,pageSizeOptions:ee=vn,pagination:ne,onPaginationChange:oe,manualPagination:u=!1,rowCount:h,disableSorting:p=!1,disablePagination:C=!1,bidirectionalScroll:o,enableColumnResizing:d=!1,enableColumnMenu:te=!1,enableColumnPinning:m=!1,showToolbar:ie=!1,enableExport:ae=!1,exportFilename:le="data",initialFilters:re=fn,filters:se,onFiltersChange:ge,manualFiltering:T=!1,initialSearch:de="",search:ue,onSearchChange:me,initialColumnVisibility:H={},columnVisibility:fe,onColumnVisibilityChange:ce,initialColumnPinning:he=Ln,columnPinning:pe,onColumnPinningChange:Ce,footerLeft:be,estimateRowHeight:Re=xn,minWidth:we=650,maxHeight:Se=800,tableLayout:b="auto",icons:Pe=zn,emptyMessage:ye="No data to display.",isLoading:ve=!1,renderLoading:xe}){const[ze,Le]=g(Z,J,Q),[Me,Te]=g({pageIndex:0,pageSize:X},ne,oe),[R,He]=g(re,se,ge),[w,Oe]=g(de,ue,me),[Fe,Ve]=g(H,fe,ce),[De,Ee]=g(he,pe,Ce),[S,Ie]=Y({}),O=d&&Object.keys(S).length>0,[Be,f]=Y(null),ke=()=>{f(null)},F=x(null),V=x(null),D=(e,n)=>{if(n){const s=n.getBoundingClientRect();return{anchorPosition:{top:s.bottom,left:s.right},transformHorizontal:"right"}}const t=e.getBoundingClientRect();return{anchorPosition:{top:t.bottom,left:t.left},transformHorizontal:"left"}},Ne=(e,n)=>{f({type:"filter",columnId:e,...D(n,F.current)})},$e=e=>{f({type:"manageColumns",...D(e,V.current)})},P=x(null),l=_(()=>{const e=z??cn(a);return d?hn(e):e},[z,a,d]),je=_(()=>T?a:un(mn(a,R,l),w,l),[a,R,w,T,l]),i=Je({data:je,columns:l,state:{...p?{}:{sorting:ze},...C?{}:{pagination:Me},...m?{columnPinning:De}:{},columnVisibility:Fe,columnSizing:S},initialState:{columnVisibility:H},onSortingChange:Le,onPaginationChange:Te,onColumnVisibilityChange:Ve,onColumnPinningChange:Ee,onColumnSizingChange:Ie,enableColumnPinning:m,columnResizeMode:"onChange",enableColumnResizing:d,getCoreRowModel:en(),defaultColumn:{enableSorting:!1},enableSorting:!p,manualSorting:M,...p||M?{}:{getSortedRowModel:Xe()},manualPagination:u,...u&&h!==void 0?{rowCount:h}:{},getRowCanExpand:()=>!0,...C||u?{}:{getPaginationRowModel:Qe()},...L?{getRowId:L}:{}}),y=i.getRowModel().rows,We=u?h??a.length:i.getPrePaginationRowModel().rows.length,Ge=i.getVisibleLeafColumns().length||1,v=m?i.getLeftVisibleLeafColumns().map(e=>e.id):[],E=m?i.getRightVisibleLeafColumns().map(e=>e.id):[],I=i.getHeaderGroups().length,{headerRowRefs:B,headerRowTops:Ke}=sn(I,l),k=o!==void 0,Ye=gn(k,B,I,l),{headerCellRefs:N,pinnedOffsets:$}=dn(v,E,l),_e=(e,n)=>{var t;for(const s of i.getVisibleLeafColumns())if(S[s.id]===void 0){const K=(t=N.current[s.id])==null?void 0:t.getBoundingClientRect().width;K&&(s.columnDef.size=Math.round(K))}e.getResizeHandler()(n)},j=(e,n)=>e==="left"?v[v.length-1]===n:E[0]===n,W=(e,n)=>{if(e==="left")return{left:$.left[n]??0};if(e==="right")return{right:$.right[n]??0}},G=b==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:void 0,qe=(e,n)=>e?t=>({...G,position:"sticky",zIndex:1,bgcolor:"background.paper",".MuiTableRow-hover:hover > &":{backgroundImage:`linear-gradient(${t.palette.action.hover}, ${t.palette.action.hover})`},...j(e,n)?{boxShadow:`inset ${e==="left"?-1:1}px 0 0 ${t.palette.divider}`}:{}}):G,Ae=e=>{var n;const t=e.column.getIsPinned();return{align:(n=Cn(e.column.columnDef.meta))==null?void 0:n.align,style:W(t,e.column.id),sx:qe(t,e.column.id)}},c=nn({count:y.length,getScrollElement:()=>P.current,estimateSize:()=>Re,overscan:5,measureElement:pn});ln({enabled:k,scrollContainerRef:P,virtualizer:c,rowCount:y.length,hasNewer:o?.hasNewer,hasOlder:o?.hasOlder,isLoadingNewer:o?.isLoadingNewer,isLoadingOlder:o?.isLoadingOlder,onLoadNewer:o?.onLoadNewer??A,onLoadOlder:o?.onLoadOlder??A,resetKey:o?.resetKey});const{pageIndex:Ue}=i.getState().pagination;return Ze(()=>{c.scrollToOffset(0)},[Ue,c]),r(rn,{value:{table:i,data:a,rows:y,totalRowCount:We,columnCount:Ge,icons:Pe,isLoading:ve,emptyMessage:ye,tableLayout:b,enableColumnResizing:d,enableColumnMenu:te,enableExport:ae,exportFilename:le,disablePagination:C,pageSizeOptions:ee,footerLeft:be,bidirectionalScroll:o,renderLoading:xe,renderRow:U,filters:R,onFiltersChange:He,search:w,onSearchChange:Oe,columnPanel:Be,setColumnPanel:f,closeColumnPanel:ke,openFilterPanel:Ne,openManageColumnsPanel:$e,toolbarFilterButtonRef:F,toolbarManageColumnsButtonRef:V,headerRowRefs:B,headerCellRefs:N,headerRowTops:Ke,headerHeight:Ye,isPinnedEdge:j,getPinnedOffsetStyle:W,getCellProps:Ae,hasResizedColumns:O,startColumnResize:_e,virtualizer:c},children:q(on,{sx:{width:"100%"},children:[ie&&r(Pn,{}),r(tn,{ref:P,sx:{maxHeight:Se,width:0,minWidth:"100%"},children:q(an,{stickyHeader:!0,sx:{minWidth:we,tableLayout:b},style:O?{width:`max(${i.getTotalSize()}px, 100%)`}:void 0,"aria-label":"data table",children:[r(wn,{}),r(bn,{})]})}),r(Sn,{}),r(Rn,{})]})})}export{Mn as DataTable};
+"use strict";import{useState as Y,useRef as x,useMemo as _,useEffect as Xe}from"react";import{useReactTable as en,getPaginationRowModel as nn,getSortedRowModel as on,getCoreRowModel as tn}from"@tanstack/react-table";import{useVirtualizer as an}from"@tanstack/react-virtual";import{Box as ln,TableContainer as rn,Table as sn}from"@mui/material";import{useBidirectionalScroll as dn}from"../../hooks/useBidirectionalScroll.mjs";import{DataTableProvider as un}from"./DataTable.context.mjs";import{useControllableState as u,useHeaderRowTops as gn,useStickyHeaderHeight as mn,usePinnedOffsets as fn}from"./DataTable.hooks.mjs";import{applySearch as hn,applyFilters as cn,EMPTY_FILTERS as pn}from"./DataTable.filters.mjs";import{inferColumns as bn,applyMetaWidthsToSizes as Cn,getColumnMeta as q,measureRowGroup as Rn}from"./DataTable.utils.mjs";import{DataTableBody as wn}from"./DataTableBody.mjs";import{DataTableFooter as Sn}from"./DataTableFooter.mjs";import{DataTableHead as Pn}from"./DataTableHead.mjs";import{DataTablePanels as vn}from"./DataTablePanels.mjs";import{DataTableToolbar as yn}from"./DataTableToolbar.mjs";import{jsx as r,jsxs as A}from"react/jsx-runtime";const xn=25,Ln=[10,25,50,100],zn=53,Mn={},Tn={left:[],right:[]},J=()=>{};function Hn({data:a,columns:L,getRowId:z,renderRow:U,initialSorting:Z=[],sorting:Q,onSortingChange:X,manualSorting:M=!1,initialPageSize:ee=xn,pageSizeOptions:ne=Ln,pagination:oe,onPaginationChange:te,manualPagination:g=!1,rowCount:c,disableSorting:p=!1,disablePagination:b=!1,bidirectionalScroll:o,enableColumnResizing:s=!1,enableColumnMenu:ie=!1,enableColumnPinning:m=!1,showToolbar:ae=!1,enableExport:le=!1,exportFilename:re="data",initialFilters:se=pn,filters:de,onFiltersChange:ue,manualFiltering:T=!1,initialSearch:ge="",search:me,onSearchChange:fe,initialColumnVisibility:H={},columnVisibility:he,onColumnVisibilityChange:ce,initialColumnPinning:pe=Tn,columnPinning:be,onColumnPinningChange:Ce,footerLeft:Re,estimateRowHeight:we=zn,minWidth:Se=650,maxHeight:Pe=800,tableLayout:C="auto",icons:ve=Mn,emptyMessage:ye="No data to display.",isLoading:xe=!1,renderLoading:Le}){const[ze,Me]=u(Z,Q,X),[Te,He]=u({pageIndex:0,pageSize:ee},oe,te),[R,Oe]=u(se,de,ue),[w,Ve]=u(ge,me,fe),[Fe,Ee]=u(H,he,ce),[Ie,Be]=u(pe,be,Ce),[S,De]=Y({}),O=s&&Object.keys(S).length>0,[Ne,f]=Y(null),ke=()=>{f(null)},V=x(null),F=x(null),E=(e,n)=>{if(n){const d=n.getBoundingClientRect();return{anchorPosition:{top:d.bottom,left:d.right},transformHorizontal:"right"}}const t=e.getBoundingClientRect();return{anchorPosition:{top:t.bottom,left:t.left},transformHorizontal:"left"}},$e=(e,n)=>{f({type:"filter",columnId:e,...E(n,V.current)})},We=e=>{f({type:"manageColumns",...E(e,F.current)})},P=x(null),l=_(()=>{const e=L??bn(a);return s?Cn(e):e},[L,a,s]),je=_(()=>T?a:hn(cn(a,R,l),w,l),[a,R,w,T,l]),i=en({data:je,columns:l,state:{...p?{}:{sorting:ze},...b?{}:{pagination:Te},...m?{columnPinning:Ie}:{},columnVisibility:Fe,columnSizing:S},initialState:{columnVisibility:H},onSortingChange:Me,onPaginationChange:He,onColumnVisibilityChange:Ee,onColumnPinningChange:Be,onColumnSizingChange:De,enableColumnPinning:m,columnResizeMode:"onChange",enableColumnResizing:s,getCoreRowModel:tn(),defaultColumn:{enableSorting:!1},enableSorting:!p,manualSorting:M,...p||M?{}:{getSortedRowModel:on()},manualPagination:g,...g&&c!==void 0?{rowCount:c}:{},getRowCanExpand:()=>!0,...b||g?{}:{getPaginationRowModel:nn()},...z?{getRowId:z}:{}}),v=i.getRowModel().rows,Ge=g?c??a.length:i.getPrePaginationRowModel().rows.length,Ke=i.getVisibleLeafColumns().length||1,Ye=s&&i.getVisibleLeafColumns().some(e=>{var n;return typeof((n=q(e.columnDef.meta))==null?void 0:n.width)=="number"}),_e=O||Ye,y=m?i.getLeftVisibleLeafColumns().map(e=>e.id):[],I=m?i.getRightVisibleLeafColumns().map(e=>e.id):[],B=i.getHeaderGroups().length,{headerRowRefs:D,headerRowTops:qe}=gn(B,l),N=o!==void 0,Ae=mn(N,D,B,l),{headerCellRefs:k,pinnedOffsets:$}=fn(y,I,l),Je=(e,n)=>{var t;for(const d of i.getVisibleLeafColumns())if(S[d.id]===void 0){const K=(t=k.current[d.id])==null?void 0:t.getBoundingClientRect().width;K&&(d.columnDef.size=Math.round(K))}e.getResizeHandler()(n)},W=(e,n)=>e==="left"?y[y.length-1]===n:I[0]===n,j=(e,n)=>{if(e==="left")return{left:$.left[n]??0};if(e==="right")return{right:$.right[n]??0}},G=C==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:void 0,Ue=(e,n)=>e?t=>({...G,position:"sticky",zIndex:1,bgcolor:"background.paper",".MuiTableRow-hover:hover > &":{backgroundImage:`linear-gradient(${t.palette.action.hover}, ${t.palette.action.hover})`},...W(e,n)?{boxShadow:`inset ${e==="left"?-1:1}px 0 0 ${t.palette.divider}`}:{}}):G,Ze=e=>{var n;const t=e.column.getIsPinned();return{align:(n=q(e.column.columnDef.meta))==null?void 0:n.align,style:j(t,e.column.id),sx:Ue(t,e.column.id)}},h=an({count:v.length,getScrollElement:()=>P.current,estimateSize:()=>we,overscan:5,measureElement:Rn});dn({enabled:N,scrollContainerRef:P,virtualizer:h,rowCount:v.length,hasNewer:o?.hasNewer,hasOlder:o?.hasOlder,isLoadingNewer:o?.isLoadingNewer,isLoadingOlder:o?.isLoadingOlder,onLoadNewer:o?.onLoadNewer??J,onLoadOlder:o?.onLoadOlder??J,resetKey:o?.resetKey});const{pageIndex:Qe}=i.getState().pagination;return Xe(()=>{h.scrollToOffset(0)},[Qe,h]),r(un,{value:{table:i,data:a,rows:v,totalRowCount:Ge,columnCount:Ke,icons:ve,isLoading:xe,emptyMessage:ye,tableLayout:C,enableColumnResizing:s,enableColumnMenu:ie,enableExport:le,exportFilename:re,disablePagination:b,pageSizeOptions:ne,footerLeft:Re,bidirectionalScroll:o,renderLoading:Le,renderRow:U,filters:R,onFiltersChange:Oe,search:w,onSearchChange:Ve,columnPanel:Ne,setColumnPanel:f,closeColumnPanel:ke,openFilterPanel:$e,openManageColumnsPanel:We,toolbarFilterButtonRef:V,toolbarManageColumnsButtonRef:F,headerRowRefs:D,headerCellRefs:k,headerRowTops:qe,headerHeight:Ae,isPinnedEdge:W,getPinnedOffsetStyle:j,getCellProps:Ze,hasResizedColumns:O,startColumnResize:Je,virtualizer:h},children:A(ln,{sx:{width:"100%"},children:[ae&&r(yn,{}),r(rn,{ref:P,sx:{maxHeight:Pe,width:0,minWidth:"100%"},children:A(sn,{stickyHeader:!0,sx:{minWidth:Se,tableLayout:C},style:_e?{width:`max(${i.getTotalSize()}px, 100%)`}:void 0,"aria-label":"data table",children:[r(Pn,{}),r(wn,{})]})}),r(vn,{}),r(Sn,{})]})})}export{Hn as DataTable};

package/dist/components/DataTable/DataTable.types.d.ts

@@ -60,6 +60,12 @@ export interface DataTableColumnMeta {
      * Column width — any CSS width value: a number for px (e.g. 140) or a
      * string for percentage fill (e.g. '40%'). Applied to the header cell,
      * which sizes the whole column.
+     *
+     * With `enableColumnResizing`, a numeric (px) width behaves like a
+     * drag-resize: the table grows to the sum of the column widths and
+     * scrolls horizontally rather than shrinking the other columns to fit,
+     * so a large width never reflows its neighbors. Percentage widths still
+     * split the available space.
      */
     width?: number | string;
     /**
@@ -69,6 +75,13 @@ export interface DataTableColumnMeta {
      * current page, so supply the full set here.
      */
     filterOptions?: string[];
+    /**
+     * Hides the hover kebab (column menu) on this column even when the table
+     * has `enableColumnMenu`. Use for utility columns with nothing to act on
+     * (e.g. an expand/select column) so they don't show a menu offering only
+     * the global "Manage columns" action.
+     */
+    disableColumnMenu?: boolean;
 }
 /**
  * Replacement component for one of the table's built-in MUI icons. Slots
@@ -347,7 +360,8 @@ export interface DataTableProps<TData extends DataTableData> {
      *
      * Every accessor column is filterable through the operator-based filter
      * panel by default — opt a column out with `enableColumnFilter: false`
-     * on its def.
+     * on its def. Hide the kebab on a specific column (e.g. a utility
+     * expand/select column) with `meta.disableColumnMenu`.
      */
     enableColumnMenu?: boolean;
     /**

package/dist/components/DataTable/DataTableHeaderCell.mjs

@@ -1 +1 @@
-"use strict";import{flexRender as W}from"@tanstack/react-table";import{Typography as q,TableSortLabel as G,TableCell as J,Box as x,Tooltip as C,IconButton as w}from"@mui/material";import{FilterAlt as K,MoreVert as Q}from"@mui/icons-material";import{useDataTableContext as U}from"./DataTable.context.mjs";import{isFilterRowActive as X}from"./DataTable.filters.mjs";import{getColumnMeta as Y,getColumnLabel as v}from"./DataTable.utils.mjs";import{jsx as n,jsxs as S}from"react/jsx-runtime";const _={left:"flex-start",center:"center",right:"flex-end"};function Z({header:o,rowIndex:s,headerRowCount:T}){const{icons:f,isLoading:y,filters:z,tableLayout:D,enableColumnResizing:I,enableColumnMenu:R,hasResizedColumns:M,columnPanel:c,setColumnPanel:B,openFilterPanel:P,startColumnResize:p,getPinnedOffsetStyle:$,isPinnedEdge:k,headerRowTops:j,headerCellRefs:L}=U(),{columnMenu:A=Q,filter:F=K}=f,{column:e}=o,i=Y(e.columnDef.meta),l=e.columns.length>0,h=l?1:T-s,d=i?.align??(l?"center":"left"),E=e.getCanSort(),a=e.getIsSorted(),H=I&&!l&&e.getCanResize(),N=e.getIsResizing(),r=l?!1:e.getIsPinned(),u=R&&!l,O=c?.type==="menu"&&c.columnId===e.id,m=u?z.rows.filter(t=>t.columnId===e.id&&X(t)).length:0,V=m>0,g=n(q,{component:"span",variant:"subtitle2",sx:{textTransform:"uppercase",fontSize:12,fontWeight:900},children:W(e.columnDef.header,o.getContext())}),b=E?n(G,{active:a!==!1,direction:a===!1?"asc":a,disabled:y,onClick:e.getToggleSortingHandler(),IconComponent:f.sort,children:g}):g;return S(J,{ref:t=>{l||(L.current[e.id]=t)},align:d,colSpan:o.colSpan>1?o.colSpan:void 0,rowSpan:h>1?h:void 0,sortDirection:a,style:{...M?{width:o.getSize()}:{},...$(r,e.id)},sx:{width:i?.width,...D==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:{},...l?{borderBottom:"none"}:{},...s>0?{top:j[s]??0}:{},...r?{zIndex:3,...k(r,e.id)?{boxShadow:t=>`inset ${r==="left"?-1:1}px 0 0 ${t.palette.divider}`}:{}}:{},...u?{"& .DataTable-columnMenuButton":{opacity:O?1:0,transition:"opacity .2s"},"&:hover .DataTable-columnMenuButton, &:focus-within .DataTable-columnMenuButton":{opacity:1}}:{}},children:[u?S(x,{sx:{display:"flex",alignItems:"center",gap:.5,justifyContent:_[d]},children:[b,V&&n(C,{title:`${m} active ${m===1?"filter":"filters"}`,placement:"bottom",arrow:!0,children:n(w,{size:"small","aria-label":`${v(e)} filter`,onClick:t=>P(e.id,t.currentTarget),children:n(F,{sx:{fontSize:16}})})}),n(C,{title:"Menu",placement:"bottom",arrow:!0,children:n(w,{size:"small",className:"DataTable-columnMenuButton","aria-label":`${v(e)} column menu`,onClick:t=>B({type:"menu",columnId:e.id,anchorEl:t.currentTarget}),sx:d!=="right"?{ml:"auto"}:void 0,children:n(A,{fontSize:"small"})})})]}):b,H&&n(x,{className:"DataTable-columnResizer","aria-hidden":!0,onMouseDown:t=>p(o,t),onTouchStart:t=>p(o,t),onDoubleClick:()=>e.resetSize(),sx:{position:"absolute",top:0,bottom:0,right:0,width:9,cursor:"col-resize",touchAction:"none",userSelect:"none",display:"flex",alignItems:"center",justifyContent:"center","&::after":{content:'""',transition:"background-color .2s",width:"1px",height:"50%",bgcolor:"divider"},"&:hover::after":{width:"4px",bgcolor:"primary.main"},...N?{"&::after, &:hover::after":{width:"4px",bgcolor:"primary.main"}}:{}}})]})}export{Z as DataTableHeaderCell};
+"use strict";import{flexRender as W}from"@tanstack/react-table";import{Typography as q,TableSortLabel as G,TableCell as J,Box as C,Tooltip as w,IconButton as v}from"@mui/material";import{FilterAlt as K,MoreVert as Q}from"@mui/icons-material";import{useDataTableContext as U}from"./DataTable.context.mjs";import{isFilterRowActive as X}from"./DataTable.filters.mjs";import{getColumnMeta as Y,getColumnLabel as y}from"./DataTable.utils.mjs";import{jsx as o,jsxs as S}from"react/jsx-runtime";const _={left:"flex-start",center:"center",right:"flex-end"};function Z({header:l,rowIndex:s,headerRowCount:T}){const{icons:f,isLoading:z,filters:D,tableLayout:I,enableColumnResizing:p,enableColumnMenu:M,hasResizedColumns:R,columnPanel:c,setColumnPanel:B,openFilterPanel:P,startColumnResize:h,getPinnedOffsetStyle:$,isPinnedEdge:k,headerRowTops:j,headerCellRefs:L}=U(),{columnMenu:A=Q,filter:F=K}=f,{column:e}=l,n=Y(e.columnDef.meta),a=e.columns.length>0,g=a?1:T-s,d=n?.align??(a?"center":"left"),E=e.getCanSort(),i=e.getIsSorted(),H=p&&!a&&e.getCanResize(),N=e.getIsResizing(),r=a?!1:e.getIsPinned(),u=M&&!a&&!(n!=null&&n.disableColumnMenu),O=c?.type==="menu"&&c.columnId===e.id,m=u?D.rows.filter(t=>t.columnId===e.id&&X(t)).length:0,V=m>0,b=o(q,{component:"span",variant:"subtitle2",sx:{textTransform:"uppercase",fontSize:12,fontWeight:900},children:W(e.columnDef.header,l.getContext())}),x=E?o(G,{active:i!==!1,direction:i===!1?"asc":i,disabled:z,onClick:e.getToggleSortingHandler(),IconComponent:f.sort,children:b}):b;return S(J,{ref:t=>{a||(L.current[e.id]=t)},align:d,colSpan:l.colSpan>1?l.colSpan:void 0,rowSpan:g>1?g:void 0,sortDirection:i,style:{...R||p&&typeof n?.width=="number"?{width:l.getSize()}:{},...$(r,e.id)},sx:{width:n?.width,...I==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:{},...a?{borderBottom:"none"}:{},...s>0?{top:j[s]??0}:{},...r?{zIndex:3,...k(r,e.id)?{boxShadow:t=>`inset ${r==="left"?-1:1}px 0 0 ${t.palette.divider}`}:{}}:{},...u?{"& .DataTable-columnMenuButton":{opacity:O?1:0,transition:"opacity .2s"},"&:hover .DataTable-columnMenuButton, &:focus-within .DataTable-columnMenuButton":{opacity:1}}:{}},children:[u?S(C,{sx:{display:"flex",alignItems:"center",gap:.5,justifyContent:_[d]},children:[x,V&&o(w,{title:`${m} active ${m===1?"filter":"filters"}`,placement:"bottom",arrow:!0,children:o(v,{size:"small","aria-label":`${y(e)} filter`,onClick:t=>P(e.id,t.currentTarget),children:o(F,{sx:{fontSize:16}})})}),o(w,{title:"Menu",placement:"bottom",arrow:!0,children:o(v,{size:"small",className:"DataTable-columnMenuButton","aria-label":`${y(e)} column menu`,onClick:t=>B({type:"menu",columnId:e.id,anchorEl:t.currentTarget}),sx:d!=="right"?{ml:"auto"}:void 0,children:o(A,{fontSize:"small"})})})]}):x,H&&o(C,{className:"DataTable-columnResizer","aria-hidden":!0,onMouseDown:t=>h(l,t),onTouchStart:t=>h(l,t),onDoubleClick:()=>e.resetSize(),sx:{position:"absolute",top:0,bottom:0,right:0,width:9,cursor:"col-resize",touchAction:"none",userSelect:"none",display:"flex",alignItems:"center",justifyContent:"center","&::after":{content:'""',transition:"background-color .2s",width:"1px",height:"50%",bgcolor:"divider"},"&:hover::after":{width:"4px",bgcolor:"primary.main"},...N?{"&::after, &:hover::after":{width:"4px",bgcolor:"primary.main"}}:{}}})]})}export{Z as DataTableHeaderCell};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "11.1.0",
+  "version": "11.1.1",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,