@verifiedinc-public/shared-ui-elements 12.2.0 → 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/components/form/NewOneClickForm/react/ui/fields/input/healthInsurance.field.mjs

@@ -1 +1 @@
-"use strict";import{useState as P,useRef as O,useCallback as S,createElement as j}from"react";import{Stack as U,Autocomplete as K,TextField as W,Box as Q,Avatar as G,Typography as z,InputAdornment as J,IconButton as N}from"@mui/material";import{Close as X}from"@mui/icons-material";import{useQuery as Y}from"@tanstack/react-query";import{useDebounceValue as Z}from"../../../../../../../hooks/useDebounceValue.mjs";import{MemberIdInput as $}from"../../../../../MemberIdInput/index.mjs";import{useFormField as _}from"../../../core/field.hook.mjs";import{useOneClickForm as ee}from"../../form.context.mjs";import{jsxs as M,jsx as n,Fragment as B}from"react/jsx-runtime";const k=20;function re(d){const{options:a}=ee(),t=Z(d,300),[b,h]=P([]),[u,i]=P(!0),[v,f]=P(!1),c=O(0),{isLoading:x}=Y({queryKey:["insurance-providers",t],queryFn:async({signal:m})=>{var o,l;const s=await((l=(o=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:l.call(o,{search:t||void 0,limit:k,skip:0},m))??[];return c.current=s.length,h(s),i(s.length>=k),s},refetchOnMount:!0,enabled:!!a.servicePaths.oneClickHealthProviderPayers}),y=S(async()=>{var m,o;if(!(v||!u)){f(!0);try{const l=await((o=(m=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:o.call(m,{search:t||void 0,limit:k,skip:c.current}))??[];h(s=>[...s,...l]),c.current+=l.length,i(l.length>=k)}finally{f(!1)}}},[v,u,t,a.servicePaths]);return{providers:b,isLoading:x,isLoadingMore:v,hasMore:u,loadMore:y}}function V({children:d,required:a}){return a?M(B,{children:[d," ",n(z,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):n(B,{children:d})}function ie({fieldKey:d}){var a,t,b,h,u;const{field:i,setValue:v,setTouched:f}=_({key:d}),[c,x]=P(""),{providers:y,isLoading:m,isLoadingMore:o,hasMore:l,loadMore:s}=re(c),w=O(null),E=S(e=>{const r=e.currentTarget;r.scrollTop+r.clientHeight>=r.scrollHeight-50&&l&&!o&&s()},[l,o,s]);if(!i)return null;const p=i.value;if(!p)return null;const C=e=>{v({...p,...e})},q=(i.touched||i.isDirty)&&!i.isValid,T=((t=(a=i.errors)==null?void 0:a.error)==null?void 0:t.issues)??[],D=((b=T.find(e=>e.path.join(".")==="payer.name"))==null?void 0:b.message)??((h=T.find(e=>e.path[0]==="payer"))==null?void 0:h.message),F=(u=T.find(e=>e.path[0]==="memberId"))==null?void 0:u.message,L=q&&!!D,A=q&&!!F,H=y.find(e=>e.verifiedId===p.payer.verifiedId)??p.payer;return M(U,{spacing:2,children:[n(K,{fullWidth:!0,disabled:i.isDisabled,options:y,loading:m||o,filterOptions:e=>e,value:H.verifiedId?H:null,inputValue:c,onInputChange:(e,r)=>{x(r)},onChange:(e,r)=>{C(r?{payer:{name:r.name,logoUrl:r.logoUrl,verifiedId:r.verifiedId},memberId:""}:{payer:{name:"",logoUrl:void 0,verifiedId:""},memberId:""})},isOptionEqualToValue:(e,r)=>!!e&&!!r&&e.verifiedId===r.verifiedId,getOptionLabel:e=>e.name,ListboxProps:{ref:w,onScroll:E},renderOption:(e,r)=>{var g,I;return j(Q,{component:"li",...e,key:r.verifiedId},M(U,{direction:"row",spacing:1.5,alignItems:"center",children:[n(G,{src:r.logoUrl??void 0,alt:(g=r.name[0])==null?void 0:g.toUpperCase(),sx:{width:32,height:32,borderRadius:1,bgcolor:"primary.main"},slotProps:{img:{onError:R=>{R.currentTarget.style.display="none"}}},children:(I=r.name[0])==null?void 0:I.toUpperCase()}),n(z,{sx:{textAlign:"left"},children:r.name})]}))},renderInput:e=>n(W,{...e,label:n(V,{required:i.isRequired,children:"Insurer"}),error:L,helperText:L?D:"The company that provides your health insurance",placeholder:"Search...",size:"small",InputLabelProps:{shrink:!0},InputProps:{...e.InputProps,"data-mask-me":!0,endAdornment:e.InputProps.endAdornment},inputProps:{...e.inputProps,onBlur:r=>{var g,I;(I=(g=e.inputProps).onBlur)==null||I.call(g,r),f(!0)}}})}),n($,{fullWidth:!0,label:n(V,{required:i.isRequired,children:"Member ID"}),placeholder:"Enter member ID",size:"small",disabled:i.isDisabled,value:p.memberId,onChange:e=>C({memberId:e.target.value}),onBlur:()=>f(!0),error:A,helperText:A?F:"From your health insurance ID card",InputProps:{"data-mask-me":!0,endAdornment:p.memberId?n(J,{position:"end",children:n(N,{tabIndex:-1,"aria-label":"clear member id",edge:"end",size:"small",disabled:i.isDisabled,onClick:()=>C({memberId:""}),children:n(X,{fontSize:"small"})})}):null}})]})}export{ie as HealthInsuranceInputField};
+"use strict";import{useState as I,useRef as H,useCallback as O,createElement as R}from"react";import{Stack as S,Autocomplete as j,TextField as K,Box as W,Typography as z,InputAdornment as Q,IconButton as $,Avatar as G}from"@mui/material";import{Close as J}from"@mui/icons-material";import{useQuery as N}from"@tanstack/react-query";import{useDebounceValue as X}from"../../../../../../../hooks/useDebounceValue.mjs";import{MemberIdInput as Y}from"../../../../../MemberIdInput/index.mjs";import{useFormField as Z}from"../../../core/field.hook.mjs";import{useOneClickForm as _}from"../../form.context.mjs";import{jsxs as C,jsx as n,Fragment as B}from"react/jsx-runtime";const y=20;function ee(o){const{options:a}=_(),l=X(o,300),[m,c]=I([]),[s,i]=I(!0),[f,g]=I(!1),p=H(0),{isLoading:P}=N({queryKey:["insurance-providers",l],queryFn:async({signal:h})=>{var t,d;const u=await((d=(t=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:d.call(t,{search:l||void 0,limit:y,skip:0},h))??[];return p.current=u.length,c(u),i(u.length>=y),u},refetchOnMount:!0,enabled:!!a.servicePaths.oneClickHealthProviderPayers}),b=O(async()=>{var h,t;if(!(f||!s)){g(!0);try{const d=await((t=(h=a.servicePaths).oneClickHealthProviderPayers)==null?void 0:t.call(h,{search:l||void 0,limit:y,skip:p.current}))??[];c(u=>[...u,...d]),p.current+=d.length,i(d.length>=y)}finally{g(!1)}}},[f,s,l,a.servicePaths]);return{providers:m,isLoading:P,isLoadingMore:f,hasMore:s,loadMore:b}}function V({children:o,required:a}){return a?C(B,{children:[o," ",n(z,{"data-asterisk":!0,component:"span",color:"error",variant:"subtitle2",sx:{fontSize:"inherit"},children:"\u273D"})]}):n(B,{children:o})}function re({name:o,logoUrl:a}){var l;const[m,c]=I(!1),s=m?void 0:a||void 0;return n(G,{src:s,alt:`${o} logo`,sx:{width:32,height:32,borderRadius:1,bgcolor:s?"transparent":"primary.main"},slotProps:{img:{onError:()=>c(!0)}},children:(l=o[0])==null?void 0:l.toUpperCase()})}function ie({fieldKey:o}){var a,l,m,c,s;const{field:i,setValue:f,setTouched:g}=Z({key:o}),[p,P]=I(""),{providers:b,isLoading:h,isLoadingMore:t,hasMore:d,loadMore:u}=ee(p),w=H(null),E=O(e=>{const r=e.currentTarget;r.scrollTop+r.clientHeight>=r.scrollHeight-50&&d&&!t&&u()},[d,t,u]);if(!i)return null;const v=i.value;if(!v)return null;const k=e=>{f({...v,...e})},M=(i.touched||i.isDirty)&&!i.isValid,x=((l=(a=i.errors)==null?void 0:a.error)==null?void 0:l.issues)??[],T=((m=x.find(e=>e.path.join(".")==="payer.name"))==null?void 0:m.message)??((c=x.find(e=>e.path[0]==="payer"))==null?void 0:c.message),q=(s=x.find(e=>e.path[0]==="memberId"))==null?void 0:s.message,D=M&&!!T,F=M&&!!q,L=b.find(e=>e.verifiedId===v.payer.verifiedId)??v.payer;return C(S,{spacing:2,children:[n(j,{fullWidth:!0,disabled:i.isDisabled,options:b,loading:h||t,filterOptions:e=>e,value:L.verifiedId?L:null,inputValue:p,onInputChange:(e,r)=>{P(r)},onChange:(e,r)=>{k(r?{payer:{name:r.name,logoUrl:r.logoUrl,verifiedId:r.verifiedId},memberId:""}:{payer:{name:"",logoUrl:void 0,verifiedId:""},memberId:""})},isOptionEqualToValue:(e,r)=>!!e&&!!r&&e.verifiedId===r.verifiedId,getOptionLabel:e=>e.name,ListboxProps:{ref:w,onScroll:E},renderOption:(e,r)=>R(W,{component:"li",...e,key:r.verifiedId},C(S,{direction:"row",spacing:1.5,alignItems:"center",children:[n(re,{name:r.name,logoUrl:r.logoUrl}),n(z,{sx:{textAlign:"left"},children:r.name})]})),renderInput:e=>n(K,{...e,label:n(V,{required:i.isRequired,children:"Insurer"}),error:D,helperText:D?T:"The company that provides your health insurance",placeholder:"Search...",size:"small",InputLabelProps:{shrink:!0},InputProps:{...e.InputProps,"data-mask-me":!0,endAdornment:e.InputProps.endAdornment},inputProps:{...e.inputProps,onBlur:r=>{var A,U;(U=(A=e.inputProps).onBlur)==null||U.call(A,r),g(!0)}}})}),n(Y,{fullWidth:!0,label:n(V,{required:i.isRequired,children:"Member ID"}),placeholder:"Enter member ID",size:"small",disabled:i.isDisabled,value:v.memberId,onChange:e=>k({memberId:e.target.value}),onBlur:()=>g(!0),error:F,helperText:F?q:"From your health insurance ID card",InputProps:{"data-mask-me":!0,endAdornment:v.memberId?n(Q,{position:"end",children:n($,{tabIndex:-1,"aria-label":"clear member id",edge:"end",size:"small",disabled:i.isDisabled,onClick:()=>k({memberId:""}),children:n(J,{fontSize:"small"})})}):null}})]})}export{ie as HealthInsuranceInputField};

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.0",
+  "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"
   }
 }