@verifiedinc-public/shared-ui-elements 12.2.1 → 12.2.2

package/dist/components/DataTable/DataTable.mjs

@@ -1 +1 @@
-"use strict";import{useMemo as V,useState as oe,useRef as D,useEffect as dt}from"react";import{useReactTable as gt,getPaginationRowModel as mt,getSortedRowModel as ft,getCoreRowModel as ct}from"@tanstack/react-table";import{useVirtualizer as ht}from"@tanstack/react-virtual";import{Box as pt,TableContainer as bt,Table as Ct}from"@mui/material";import{useBidirectionalScroll as wt}from"../../hooks/useBidirectionalScroll.mjs";import{DataTableProvider as Rt}from"./DataTable.context.mjs";import{useControllableState as m,useHeaderRowTops as St,useStickyHeaderHeight as Pt,usePinnedOffsets as vt}from"./DataTable.hooks.mjs";import{getLeafAccessorsById as yt,applySearch as Lt}from"./DataTable.filters.mjs";import{buildInitialFilterState as xt,applyFieldFilters as zt}from"./DataTable.filterState.mjs";import{inferColumns as ie,applyMetaWidthsToSizes as Mt,getColumnMeta as ae,measureRowGroup as Tt}from"./DataTable.utils.mjs";import{DataTableBody as Ot}from"./DataTableBody.mjs";import{DataTableFooter as Ft}from"./DataTableFooter.mjs";import{DataTableHead as Ht}from"./DataTableHead.mjs";import{DataTablePanels as Vt}from"./DataTablePanels.mjs";import{DataTableToolbar as Dt}from"./DataTableToolbar.mjs";import{jsx as u,jsxs as le}from"react/jsx-runtime";const It=25,Et=[10,25,50,100],Bt=53,Nt={},re={left:[],right:[]},se=()=>{};function ue(i){for(const l of i??[]){const d=l.columns;if(d!=null&&d.length){const p=ue(d);if(p)return p;continue}if(l.enablePinning===!1)continue;const c=l.accessorKey,h=l.id??(typeof c=="string"?c:void 0);if(h)return h}}function kt({data:i,columns:l,getRowId:d,renderRow:c,initialSorting:h=[],sorting:p,onSortingChange:de,manualSorting:I=!1,initialPageSize:ge=It,pageSizeOptions:me=Et,pagination:fe,onPaginationChange:ce,manualPagination:b=!1,rowCount:S,disableSorting:P=!1,disablePagination:v=!1,bidirectionalScroll:n,enableColumnResizing:g=!1,enableColumnMenu:he=!1,enableColumnPinning:E=!1,pinFirstColumn:pe=!0,showToolbar:be=!1,enableExport:Ce=!1,exportFilename:we="data",additionalExportColumns:Re,manualFiltering:B=!1,filterFields:C,initialFilterState:Se,filterState:Pe,onFilterStateChange:ve,initialSearch:ye="",search:Le,onSearchChange:xe,initialColumnVisibility:N={},columnVisibility:ze,onColumnVisibilityChange:Me,initialColumnPinning:k=re,columnPinning:$,onColumnPinningChange:Te,footerLeft:Oe,estimateRowHeight:Fe=Bt,minWidth:He=650,maxHeight:Ve=800,tableLayout:y="auto",icons:De=Nt,emptyMessage:Ie="No data to display.",isLoading:Ee=!1,renderLoading:Be}){var W,j;const[Ne,ke]=m(h,p,de),[$e,We]=m({pageIndex:0,pageSize:ge},fe,ce),[L,je]=m(Se??xt(C??[]),Pe,ve),[x,Ke]=m(ye,Le,xe),[qe,Ge]=m(N,ze,Me),K=V(()=>ue(l??ie(i)),[l,i]),Je=$===void 0&&k===re&&pe&&K?{left:[K],right:[]}:k,[z,Qe]=m(Je,$,Te),M=E||(((W=z.left)==null?void 0:W.length)??0)>0||(((j=z.right)==null?void 0:j.length)??0)>0,[T,Ue]=oe({}),q=g&&Object.keys(T).length>0,[Xe,w]=oe(null),Ye=()=>{w(null)},G=D(null),J=D(null),Q=(e,t)=>{if(t){const r=t.getBoundingClientRect();return{anchorPosition:{top:r.bottom,left:r.right},transformHorizontal:"right"}}const o=e.getBoundingClientRect();return{anchorPosition:{top:o.bottom,left:o.left},transformHorizontal:"left"}},Ze=(e,t)=>{w({type:"filter",columnId:e,...Q(t,G.current)})},Ae=e=>{w({type:"manageColumns",...Q(e,J.current)})},O=D(null),s=V(()=>{const e=l??ie(i);return g?Mt(e):e},[l,i,g]),_e=V(()=>{if(B)return i;const e=yt(s);return Lt(zt(i,C??[],L,(t,o,r)=>{const f=e[o];return f?f(t,r):t[o]}),x,s)},[i,C,L,x,B,s]),a=gt({data:_e,columns:s,state:{...P?{}:{sorting:Ne},...v?{}:{pagination:$e},...M?{columnPinning:z}:{},columnVisibility:qe,columnSizing:T},initialState:{columnVisibility:N},onSortingChange:ke,onPaginationChange:We,onColumnVisibilityChange:Ge,onColumnPinningChange:Qe,onColumnSizingChange:Ue,enableColumnPinning:E,columnResizeMode:"onChange",enableColumnResizing:g,getCoreRowModel:ct(),defaultColumn:{enableSorting:!1},enableSorting:!P,manualSorting:I,...P||I?{}:{getSortedRowModel:ft()},manualPagination:b,...b&&S!==void 0?{rowCount:S}:{},getRowCanExpand:()=>!0,...v||b?{}:{getPaginationRowModel:mt()},...d?{getRowId:d}:{}}),F=a.getRowModel().rows,et=b?S??i.length:a.getPrePaginationRowModel().rows.length,tt=a.getVisibleLeafColumns().length||1,nt=g&&a.getVisibleLeafColumns().some(e=>{var t;return typeof((t=ae(e.columnDef.meta))==null?void 0:t.width)=="number"}),ot=q||nt,H=M?a.getLeftVisibleLeafColumns().map(e=>e.id):[],U=M?a.getRightVisibleLeafColumns().map(e=>e.id):[],X=a.getHeaderGroups().length,{headerRowRefs:Y,headerRowTops:it}=St(X,s),Z=n!==void 0,at=Pt(Z,Y,X,s),{headerCellRefs:A,pinnedOffsets:_}=vt(H,U,s),lt=(e,t)=>{var o;for(const r of a.getVisibleLeafColumns())if(T[r.id]===void 0){const f=(o=A.current[r.id])==null?void 0:o.getBoundingClientRect().width;f&&(r.columnDef.size=Math.round(f))}e.getResizeHandler()(t)},ee=(e,t)=>e==="left"?H[H.length-1]===t:U[0]===t,te=(e,t)=>{if(e==="left")return{left:_.left[t]??0};if(e==="right")return{right:_.right[t]??0}},ne=y==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:void 0,rt=(e,t)=>e?o=>({...ne,position:"sticky",zIndex:1,bgcolor:"background.paper",".MuiTableRow-hover:hover > &":{backgroundImage:`linear-gradient(${o.palette.action.hover}, ${o.palette.action.hover})`},...ee(e,t)?{boxShadow:`inset ${e==="left"?-1:1}px 0 0 ${o.palette.divider}`}:{}}):ne,st=e=>{var t;const o=e.column.getIsPinned();return{align:(t=ae(e.column.columnDef.meta))==null?void 0:t.align,style:te(o,e.column.id),sx:rt(o,e.column.id)}},R=ht({count:F.length,getScrollElement:()=>O.current,estimateSize:()=>Fe,overscan:5,measureElement:Tt});wt({enabled:Z,scrollContainerRef:O,virtualizer:R,rowCount:F.length,hasNewer:n?.hasNewer,hasOlder:n?.hasOlder,isLoadingNewer:n?.isLoadingNewer,isLoadingOlder:n?.isLoadingOlder,onLoadNewer:n?.onLoadNewer??se,onLoadOlder:n?.onLoadOlder??se,resetKey:n?.resetKey});const{pageIndex:ut}=a.getState().pagination;return dt(()=>{R.scrollToOffset(0)},[ut,R]),u(Rt,{value:{table:a,data:i,rows:F,totalRowCount:et,columnCount:tt,icons:De,isLoading:Ee,emptyMessage:Ie,tableLayout:y,enableColumnResizing:g,enableColumnMenu:he,enableExport:Ce,exportFilename:we,additionalExportColumns:Re,disablePagination:v,pageSizeOptions:me,footerLeft:Oe,bidirectionalScroll:n,renderLoading:Be,renderRow:c,filterFields:C,filterState:L,onFilterStateChange:je,search:x,onSearchChange:Ke,columnPanel:Xe,setColumnPanel:w,closeColumnPanel:Ye,openFilterPanel:Ze,openManageColumnsPanel:Ae,toolbarFilterButtonRef:G,toolbarManageColumnsButtonRef:J,headerRowRefs:Y,headerCellRefs:A,headerRowTops:it,headerHeight:at,isPinnedEdge:ee,getPinnedOffsetStyle:te,getCellProps:st,hasResizedColumns:q,startColumnResize:lt,virtualizer:R},children:le(pt,{sx:{width:"100%"},children:[be&&u(Dt,{}),u(bt,{ref:O,sx:{maxHeight:Ve,width:0,minWidth:"100%"},children:le(Ct,{stickyHeader:!0,sx:{minWidth:He,tableLayout:y},style:ot?{width:`max(${a.getTotalSize()}px, 100%)`}:void 0,"aria-label":"data table",children:[u(Ht,{}),u(Ot,{})]})}),u(Vt,{}),u(Ft,{})]})})}export{kt as DataTable};
+"use strict";import{useMemo as V,useState as ie,useRef as D,useEffect as dt}from"react";import{useReactTable as gt,getPaginationRowModel as mt,getSortedRowModel as ft,getCoreRowModel as ct}from"@tanstack/react-table";import{useVirtualizer as ht}from"@tanstack/react-virtual";import{Box as pt,TableContainer as bt,Table as Ct}from"@mui/material";import{useBidirectionalScroll as wt}from"../../hooks/useBidirectionalScroll.mjs";import{DataTableProvider as Rt}from"./DataTable.context.mjs";import{useControllableState as m,useHeaderRowTops as St,useStickyHeaderHeight as Pt,usePinnedOffsets as vt}from"./DataTable.hooks.mjs";import{getLeafAccessorsById as yt,applySearch as xt}from"./DataTable.filters.mjs";import{buildInitialFilterState as Lt,applyFieldFilters as zt}from"./DataTable.filterState.mjs";import{inferColumns as ae,applyMetaWidthsToSizes as Mt,getColumnMeta as le,measureRowGroup as Tt}from"./DataTable.utils.mjs";import{DataTableBody as Ht}from"./DataTableBody.mjs";import{DataTableFooter as Ot}from"./DataTableFooter.mjs";import{DataTableHead as Ft}from"./DataTableHead.mjs";import{DataTablePanels as Vt}from"./DataTablePanels.mjs";import{DataTableToolbar as Dt}from"./DataTableToolbar.mjs";import{jsx as u,jsxs as re}from"react/jsx-runtime";const It=100,Et=[10,25,50,100],Bt=53,Nt={},se={left:[],right:[]},ue=()=>{};function de(i){for(const l of i??[]){const d=l.columns;if(d!=null&&d.length){const p=de(d);if(p)return p;continue}if(l.enablePinning===!1)continue;const c=l.accessorKey,h=l.id??(typeof c=="string"?c:void 0);if(h)return h}}function kt({data:i,columns:l,getRowId:d,renderRow:c,initialSorting:h=[],sorting:p,onSortingChange:ge,manualSorting:I=!1,initialPageSize:me=It,pageSizeOptions:fe=Et,pagination:ce,onPaginationChange:he,manualPagination:b=!1,rowCount:S,disableSorting:P=!1,disablePagination:v=!1,bidirectionalScroll:n,enableColumnResizing:g=!1,enableColumnMenu:pe=!1,enableColumnPinning:E=!1,pinFirstColumn:be=!0,showToolbar:Ce=!1,enableExport:we=!1,exportFilename:Re="data",additionalExportColumns:Se,manualFiltering:B=!1,filterFields:C,initialFilterState:Pe,filterState:ve,onFilterStateChange:ye,initialSearch:xe="",search:Le,onSearchChange:ze,initialColumnVisibility:N={},columnVisibility:Me,onColumnVisibilityChange:Te,initialColumnPinning:k=se,columnPinning:W,onColumnPinningChange:He,footerLeft:Oe,estimateRowHeight:Fe=Bt,minWidth:Ve=650,maxHeight:j=800,tableLayout:y="auto",icons:De=Nt,emptyMessage:Ie="No data to display.",isLoading:Ee=!1,renderLoading:Be}){var K,$;const[Ne,ke]=m(h,p,ge),[We,je]=m({pageIndex:0,pageSize:me},ce,he),[x,Ke]=m(Pe??Lt(C??[]),ve,ye),[L,$e]=m(xe,Le,ze),[qe,Ge]=m(N,Me,Te),q=V(()=>de(l??ae(i)),[l,i]),Je=W===void 0&&k===se&&be&&q?{left:[q],right:[]}:k,[z,Qe]=m(Je,W,He),M=E||(((K=z.left)==null?void 0:K.length)??0)>0||((($=z.right)==null?void 0:$.length)??0)>0,[T,Ue]=ie({}),G=g&&Object.keys(T).length>0,[Xe,w]=ie(null),Ye=()=>{w(null)},J=D(null),Q=D(null),U=(e,t)=>{if(t){const r=t.getBoundingClientRect();return{anchorPosition:{top:r.bottom,left:r.right},transformHorizontal:"right"}}const o=e.getBoundingClientRect();return{anchorPosition:{top:o.bottom,left:o.left},transformHorizontal:"left"}},Ze=(e,t)=>{w({type:"filter",columnId:e,...U(t,J.current)})},Ae=e=>{w({type:"manageColumns",...U(e,Q.current)})},H=D(null),s=V(()=>{const e=l??ae(i);return g?Mt(e):e},[l,i,g]),_e=V(()=>{if(B)return i;const e=yt(s);return xt(zt(i,C??[],x,(t,o,r)=>{const f=e[o];return f?f(t,r):t[o]}),L,s)},[i,C,x,L,B,s]),a=gt({data:_e,columns:s,state:{...P?{}:{sorting:Ne},...v?{}:{pagination:We},...M?{columnPinning:z}:{},columnVisibility:qe,columnSizing:T},initialState:{columnVisibility:N},onSortingChange:ke,onPaginationChange:je,onColumnVisibilityChange:Ge,onColumnPinningChange:Qe,onColumnSizingChange:Ue,enableColumnPinning:E,columnResizeMode:"onChange",enableColumnResizing:g,getCoreRowModel:ct(),defaultColumn:{enableSorting:!1},enableSorting:!P,manualSorting:I,...P||I?{}:{getSortedRowModel:ft()},manualPagination:b,...b&&S!==void 0?{rowCount:S}:{},getRowCanExpand:()=>!0,...v||b?{}:{getPaginationRowModel:mt()},...d?{getRowId:d}:{}}),O=a.getRowModel().rows,et=b?S??i.length:a.getPrePaginationRowModel().rows.length,tt=a.getVisibleLeafColumns().length||1,nt=g&&a.getVisibleLeafColumns().some(e=>{var t;return typeof((t=le(e.columnDef.meta))==null?void 0:t.width)=="number"}),ot=G||nt,F=M?a.getLeftVisibleLeafColumns().map(e=>e.id):[],X=M?a.getRightVisibleLeafColumns().map(e=>e.id):[],Y=a.getHeaderGroups().length,{headerRowRefs:Z,headerRowTops:it}=St(Y,s),A=n!==void 0,at=Pt(A,Z,Y,s),{headerCellRefs:_,pinnedOffsets:ee}=vt(F,X,s),lt=(e,t)=>{var o;for(const r of a.getVisibleLeafColumns())if(T[r.id]===void 0){const f=(o=_.current[r.id])==null?void 0:o.getBoundingClientRect().width;f&&(r.columnDef.size=Math.round(f))}e.getResizeHandler()(t)},te=(e,t)=>e==="left"?F[F.length-1]===t:X[0]===t,ne=(e,t)=>{if(e==="left")return{left:ee.left[t]??0};if(e==="right")return{right:ee.right[t]??0}},oe=y==="fixed"?{overflow:"hidden",textOverflow:"ellipsis"}:void 0,rt=(e,t)=>e?o=>({...oe,position:"sticky",zIndex:1,bgcolor:"background.paper",".MuiTableRow-hover:hover > &":{backgroundImage:`linear-gradient(${o.palette.action.hover}, ${o.palette.action.hover})`},...te(e,t)?{boxShadow:`inset ${e==="left"?-1:1}px 0 0 ${o.palette.divider}`}:{}}):oe,st=e=>{var t;const o=e.column.getIsPinned();return{align:(t=le(e.column.columnDef.meta))==null?void 0:t.align,style:ne(o,e.column.id),sx:rt(o,e.column.id)}},R=ht({count:O.length,getScrollElement:()=>H.current,estimateSize:()=>Fe,overscan:5,measureElement:Tt});wt({enabled:A,scrollContainerRef:H,virtualizer:R,rowCount:O.length,hasNewer:n?.hasNewer,hasOlder:n?.hasOlder,isLoadingNewer:n?.isLoadingNewer,isLoadingOlder:n?.isLoadingOlder,onLoadNewer:n?.onLoadNewer??ue,onLoadOlder:n?.onLoadOlder??ue,resetKey:n?.resetKey});const{pageIndex:ut}=a.getState().pagination;return dt(()=>{R.scrollToOffset(0)},[ut,R]),u(Rt,{value:{table:a,data:i,rows:O,totalRowCount:et,columnCount:tt,icons:De,isLoading:Ee,emptyMessage:Ie,tableLayout:y,enableColumnResizing:g,enableColumnMenu:pe,enableExport:we,exportFilename:Re,additionalExportColumns:Se,disablePagination:v,pageSizeOptions:fe,footerLeft:Oe,bidirectionalScroll:n,renderLoading:Be,renderRow:c,filterFields:C,filterState:x,onFilterStateChange:Ke,search:L,onSearchChange:$e,columnPanel:Xe,setColumnPanel:w,closeColumnPanel:Ye,openFilterPanel:Ze,openManageColumnsPanel:Ae,toolbarFilterButtonRef:J,toolbarManageColumnsButtonRef:Q,headerRowRefs:Z,headerCellRefs:_,headerRowTops:it,headerHeight:at,isPinnedEdge:te,getPinnedOffsetStyle:ne,getCellProps:st,hasResizedColumns:G,startColumnResize:lt,virtualizer:R},children:re(pt,{sx:{width:"100%",...j==="100%"?{height:"100%",minHeight:0,display:"flex",flexDirection:"column"}:{}},children:[Ce&&u(Dt,{}),u(bt,{ref:H,sx:{maxHeight:j,width:0,minWidth:"100%",flex:"1 1 auto",minHeight:0},children:re(Ct,{stickyHeader:!0,sx:{minWidth:Ve,tableLayout:y},style:ot?{width:`max(${a.getTotalSize()}px, 100%)`}:void 0,"aria-label":"data table",children:[u(Ft,{}),u(Ht,{})]})}),u(Vt,{}),u(Ot,{})]})})}export{kt as DataTable};

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

@@ -321,7 +321,7 @@ export interface DataTableProps<TData extends DataTableData> {
      * client-side.
      */
     manualSorting?: boolean;
-    /** Rows per page when the table mounts. Defaults to 25. */
+    /** Rows per page when the table mounts. Defaults to 100. */
     initialPageSize?: number;
     /** Options for the rows-per-page select. Defaults to [10, 25, 50, 100]. */
     pageSizeOptions?: number[];
@@ -541,7 +541,15 @@ export interface DataTableProps<TData extends DataTableData> {
      * gives pinned columns something to stick over. Defaults to 650.
      */
     minWidth?: number | string;
-    /** Max height of the scroll container. Defaults to 800. */
+    /**
+     * Max height of the scroll container. Defaults to 800.
+     *
+     * Pass `'100%'` to have the table grow to fill the available height of its
+     * parent instead of using a fixed pixel max height — the parent (and its
+     * ancestors, up to a sized element) must have a definite height (e.g. via
+     * an explicit `height`, or via a flex/grid layout whose container has a
+     * bounded height).
+     */
     maxHeight?: number | string;
     /**
      * Table layout algorithm. With the default 'auto', column widths are

package/dist/styles/theme.mjs

@@ -1 +1 @@
-"use strict";import{createTheme as s}from"@mui/material";import{colors as t}from"./colors.mjs";import{typography as o}from"./typography.mjs";import{ensureWcagAAContrast as n}from"../utils/color/index.mjs";function l(r){return typeof r=="object"&&r!==null&&typeof r.main=="string"}function d(r){const{palette:i}=r,a=i.background.default;return i.text.primary=n(i.text.primary,a),i.text.secondary=n(i.text.secondary,a),i.text.disabled=n(i.text.disabled,a),Object.values(i).forEach(e=>{l(e)&&(e.main=n(e.main,a),typeof e.dark=="string"&&(e.dark=n(e.dark,a)),typeof e.contrastText=="string"&&(e.contrastText=n(e.contrastText,e.main)))}),r}const u=({primaryFontFace:r,wcagAAEnabled:i,...a})=>{const e=s({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:r.style.fontFamily,...o},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...o.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiButton:{styleOverrides:{root:{fontWeight:800,"&.MuiButton-contained.Mui-focused, &.MuiButton-contained:focus":{boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.25),0px 6px 7px 0px rgba(0,0,0,0.18),0px 1px 12px 0px rgba(0,0,0,0.16)"}}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input):not(.MuiInputBase-inputMultiline)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium",InputLabelProps:{shrink:!0}},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}}},MuiAutocomplete:{defaultProps:{size:"medium"}},MuiFormHelperText:{styleOverrides:{root:{wordBreak:"break-word"}}}},...a});return i?d(e):e};export{u as theme};
+"use strict";import{createTheme as s}from"@mui/material";import{colors as t}from"./colors.mjs";import{typography as o}from"./typography.mjs";import{ensureWcagAAContrast as n}from"../utils/color/index.mjs";function l(r){return typeof r=="object"&&r!==null&&typeof r.main=="string"}function d(r){const{palette:i}=r,a=i.background.default;return i.text.primary=n(i.text.primary,a),i.text.secondary=n(i.text.secondary,a),i.text.disabled=n(i.text.disabled,a),Object.values(i).forEach(e=>{l(e)&&(e.main=n(e.main,a),typeof e.dark=="string"&&(e.dark=n(e.dark,a)),typeof e.contrastText=="string"&&(e.contrastText=n(e.contrastText,e.main)))}),r}const u=({primaryFontFace:r,wcagAAEnabled:i,...a})=>{const e=s({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:r.style.fontFamily,...o},palette:{text:{disabled:t.textDisabled},primary:{main:t.green,light:t.lightGreen,dark:t.darkGreen,contrastText:t.white},secondary:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.white},error:{main:t.red,light:t.lightRed,dark:t.darkRed,contrastText:t.white},warning:{main:t.yellow,light:t.yellow,dark:t.darkYellow,contrastText:t.white},success:{main:t.green,light:t.green,dark:t.darkGreen,contrastText:t.white},info:{main:t.blue,light:t.lightBlue,dark:t.darkBlue,contrastText:t.infoContrast},neutral:{main:t.grey,light:t.lightGrey,dark:t.darkGrey},neutralContrast:{main:t.greyContrast,light:t.lightGreyContrast,dark:t.darkGreyContrast},warningContrast:{main:t.warningContrast},infoContrast:{main:t.infoContrast},dangerContrast:{main:t.dangerContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...o.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{fontSize:"1rem",fontWeight:800}}},MuiFab:{styleOverrides:{circular:{width:42,height:42},sizeSmall:{width:40,height:40}}},MuiIconButton:{styleOverrides:{root:{"&.Mui-disabled":{svg:{opacity:.4}}}}},MuiButton:{styleOverrides:{root:{fontWeight:800,"&.MuiButton-contained.Mui-focused, &.MuiButton-contained:focus":{boxShadow:"0px 3px 5px -1px rgba(0,0,0,0.25),0px 6px 7px 0px rgba(0,0,0,0.18),0px 1px 12px 0px rgba(0,0,0,0.16)"}}}},MuiDialog:{defaultProps:{maxWidth:"xs"}},MuiDialogTitle:{styleOverrides:{root:{fontSize:20,fontWeight:800,textAlign:"center"}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px!important",paddingBottom:8}}},MuiDialogActions:{styleOverrides:{root:{paddingLeft:24,paddingRight:24,paddingBottom:24,justifyContent:"space-between","& .MuiButton-root":{marginTop:0}}}},MuiRadio:{styleOverrides:{root:{"&.Mui-disabled":{color:`${t.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiInputBase:{styleOverrides:{root:{"& .MuiInputBase-input":{fontSize:20,fontWeight:300},"& .MuiInputBase-input:not(.MuiInputBase-inputSizeSmall):not(.MuiAutocomplete-input):not(.MuiInputBase-inputMultiline)":{paddingTop:13.625,paddingBottom:13.625},"& .MuiInputBase-input.MuiAutocomplete-input:not(.MuiInputBase-inputSizeSmall)":{paddingTop:4.625,paddingBottom:4.625},"&.MuiInputBase-multiline.MuiInputBase-sizeSmall":{paddingRight:"14px!important"}}}},MuiInputLabel:{defaultProps:{shrink:!0},styleOverrides:{root:{'&[data-shrink="false"]':{fontSize:20,fontWeight:300,transform:"translate(14px, 14px) scale(1)","& span[data-asterisk]":{display:"none"},"&.MuiInputLabel-sizeSmall":{transform:"translate(14px, 9px) scale(1)"}}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"medium",InputLabelProps:{shrink:!0}},styleOverrides:{root:{"& .MuiInputBase-multiline textarea":{minHeight:28.75}}}},MuiSelect:{defaultProps:{variant:"outlined",size:"medium",MenuProps:{disableScrollLock:!0}},styleOverrides:{select:{display:"flex",alignItems:"center"}}},MuiAutocomplete:{defaultProps:{size:"medium"}},MuiFormHelperText:{styleOverrides:{root:{wordBreak:"break-word"}}}},...a});return i?d(e):e};export{u as theme};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.2.1",
+  "version": "12.2.2",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,
@@ -80,16 +80,16 @@
   "devDependencies": {
     "@babel/plugin-transform-react-jsx": "^7.27.1",
     "@chromatic-com/storybook": "^2.0.2",
-    "@storybook/addon-essentials": "^8.3.1",
-    "@storybook/addon-interactions": "^8.3.1",
-    "@storybook/addon-links": "^8.3.1",
-    "@storybook/addon-onboarding": "^8.3.1",
-    "@storybook/addon-themes": "^8.3.1",
-    "@storybook/addon-viewport": "^8.3.1",
-    "@storybook/blocks": "^8.3.1",
-    "@storybook/react": "^8.3.1",
-    "@storybook/react-vite": "^8.3.1",
-    "@storybook/test": "^8.3.1",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/addon-onboarding": "^8.6.18",
+    "@storybook/addon-themes": "^8.6.18",
+    "@storybook/addon-viewport": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
     "@testing-library/dom": "^10.3.0",
     "@testing-library/react": "^16.0.0",
     "@types/lodash": "^4.17.16",
@@ -101,7 +101,7 @@
     "@vitejs/plugin-react": "^4.3.1",
     "ajv": "^8.17.1",
     "eslint": "^8.27.0",
-    "eslint-config-prettier": "^8.6.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-config-standard-with-typescript": "^43.0.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-node": "^11.1.0",
@@ -109,10 +109,10 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-vitest": "^0.0.53",
+    "eslint-plugin-vitest": "^0.5.4",
     "jsdom": "^24.1.0",
     "prettier": "^3.3.3",
-    "storybook": "^8.3.1",
+    "storybook": "^8.6.18",
     "tsconfig-paths": "^4.2.0",
     "tsx": "^4.21.0",
     "typescript": "^5.2.2",
@@ -156,9 +156,10 @@
     "zod": ">=3.23.8 <4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.9.5"
+    "@rollup/rollup-linux-x64-gnu": "4.62.3"
   },
   "overrides": {
-    "minimatch": "^9.0.7"
+    "minimatch": "^9.0.7",
+    "sharp": "^0.35.1"
   }
 }