@verifiedinc-public/shared-ui-elements 1.3.3 → 2.0.0

package/dist/shared/phone.schema-XBbyizhq.mjs

@@ -0,0 +1 @@
+"use strict";import*as o from"zod";const r=o.string().refine(i=>/\+1\d{3}\d{3}\d{4}/.test(i),"Phone is invalid");export{r as p};

package/dist/shared/shadows-fgmuXym6.mjs

@@ -0,0 +1 @@
+"use strict";import{colors as t,createTheme as C}from"@mui/material";const i="rgba(0,0,0,0.26)",r="#ffffff",a="#000000",n="#0dbc3d",o="#5ef06d",l="#008a01",g="#164fd6",s="#657bff",d="#0028a3",h="#eb0d28",f="#ff5952",p="#b00000",m="#F5D328",u="#5ef06d",y="#bea008",c="#625410",b="#09225E",x="#F9F9FB",S="#bdbdbd",k="#797979",W=t.grey[400],w=t.grey[500],z=t.grey[600],e={textDisabled:i,white:r,black:a,green:n,lightGreen:o,darkGreen:l,blue:g,lightBlue:s,darkBlue:d,red:h,lightRed:f,darkRed:p,yellow:m,lightYellow:u,darkYellow:y,warningContrast:c,infoContrast:b,lightGrey:x,grey:S,darkGrey:k,lightGreyContrast:W,greyContrast:w,darkGreyContrast:z},M={h1:{fontSize:"2.125rem",fontWeight:700,letterSpacing:0,lineHeight:1.35},h2:{fontSize:"1.5rem",fontWeight:700,letterSpacing:0,lineHeight:1.33},h3:{fontSize:"1.25rem",fontWeight:700,letterSpacing:0,lineHeight:1.35},h4:{fontSize:"1.25rem",fontWeight:700,letterSpacing:0,lineHeight:1.2},h5:{fontSize:"1rem",fontWeight:700,letterSpacing:0,lineHeight:1.1875},h6:{fontSize:"1rem",fontWeight:700,letterSpacing:"0.15px"},subtitle1:{fontSize:"1rem",fontWeight:700,letterSpacing:0,lineHeight:1.1875},subtitle2:{fontSize:"0.875rem",fontWeight:700,letterSpacing:.1,lineHeight:1.5},body1:{fontSize:"1.25rem",fontWeight:300,letterSpacing:0,lineHeight:1.2},body2:{fontSize:"1rem",fontWeight:400,letterSpacing:0,lineHeight:1.1875},button:{fontWeight:700,letterSpacing:0,lineHeight:1.2,textTransform:"uppercase"},caption:{fontSize:"0.75rem",fontWeight:400,letterSpacing:0,lineHeight:1.25},overline:{fontSize:"0.75rem",fontWeight:400,letterSpacing:0,lineHeight:1.25},label:{fontSize:"0.75rem",fontWeight:700,letterSpacing:1,textTransform:"uppercase"}},T=({primaryFontFace:v})=>C({breakpoints:{values:{xs:0,sm:600,md:900,lg:1200,xl:1536}},typography:{fontFamily:v.style.fontFamily,...M},palette:{text:{disabled:e.textDisabled},primary:{main:e.green,light:e.lightGreen,dark:e.darkGreen,contrastText:e.white},secondary:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.white},error:{main:e.red,light:e.lightRed,dark:e.darkRed,contrastText:e.white},warning:{main:e.yellow,light:e.yellow,dark:e.darkYellow,contrastText:e.white},success:{main:e.green,light:e.green,dark:e.darkGreen,contrastText:e.white},info:{main:e.blue,light:e.lightBlue,dark:e.darkBlue,contrastText:e.infoContrast},neutral:{main:e.grey,light:e.lightGrey,dark:e.darkGrey},neutralContrast:{main:e.greyContrast,light:e.lightGreyContrast,dark:e.darkGreyContrast},warningContrast:{main:e.warningContrast},infoContrast:{main:e.infoContrast}},components:{MuiAlert:{styleOverrides:{action:{overflowWrap:"normal",display:"flex",alignItems:"center",padding:"8px 0",marginRight:0,"& button, & a":{lineHeight:"0"}}}},MuiAlertTitle:{styleOverrides:{root:{...M.body2,fontSize:"1.1rem",fontWeight:700}}},MuiListItemIcon:{styleOverrides:{root:{minWidth:34}}},MuiListItemText:{styleOverrides:{primary:{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}}},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:`${e.grey} !important`}}}},MuiTableRow:{styleOverrides:{root:{"& th.MuiTableCell-root":{fontSize:12,fontWeight:700,letterSpacing:1},"& td.MuiTableCell-root":{fontSize:20,fontWeight:300}}}},MuiTextField:{defaultProps:{variant:"outlined",size:"small"}}}}),H="0px -2px 4px -1px rgba(0,0,0,0.2), 0px -4px 5px 0px rgba(0,0,0,0.14), 0px -1px 10px 0px rgba(0,0,0,0.12)",B={bottomSheet:H};export{g as a,a as b,s as c,l as d,d as e,f,n as g,p as h,u as i,y as j,c as k,o as l,b as m,x as n,S as o,k as p,W as q,h as r,w as s,i as t,z as u,e as v,r as w,T as x,m as y,B as z};

package/dist/shared/unix.schema-CMYTtXco.mjs

@@ -0,0 +1 @@
+"use strict";import*as n from"zod";import{z as t}from"zod";const r=n.string().refine(s=>{if(/^\d{2}\/\d{2}\/\d{4}$/.test(s)){const e=Date.parse(String(new Date(s)));return!isNaN(e)}return!1},"Date is invalid"),a=s=>n.date().refine(e=>e.getTime()<Date.now(),{message:s}),d=n.string().min(3,"Must have enough description"),g=t.string().email(),m=t.string().min(1),o=t.string().regex(/^(?!666|000|9\d{2})\d{3}(?!00)\d{2}(?!0{4})\d{4}$/),f=t.string().refine(s=>{const e=/^•••-••-(\d{4})$/,i=/^(?!666|000|9\d{2})\d{3}(?!00)\d{2}(?!0{4})\d{4}$/;return e.test(s)||i.test(s)},{message:"Invalid SSN"}),l=t.string().min(2).max(2),p=(s="Invalid Unix string timestamp")=>t.string().refine(e=>/^\d+$/.test(e)&&!isNaN(Number(e))&&e.length>=10&&e.length<=13,s);export{f as M,o as S,r as U,p as a,d,g as e,m as f,a as g,l as s};

package/dist/shared/useQRCode-DXiPIj-D.mjs

@@ -0,0 +1 @@
+"use strict";import{useMemo as $}from"react";import*as f from"qrcode";function u(t){const r=$(()=>f.create(t.data),[t.data]).modules.data;return $(()=>{const s=t.size/Math.sqrt(r.length);let i=`<svg viewBox="0 0 ${t.size} ${t.size}" xmlns="http://www.w3.org/2000/svg">`;const a=t.imageSize,n=(t.size-a)/2,h=(t.size-a)/2;for(let o=0;o<r.length;o++){const e=o%Math.sqrt(r.length)*s,l=Math.floor(o/Math.sqrt(r.length))*s,g=s/2,m=r[o]===1,c=e+s>=n&&e<n+a&&l+s>=h&&l<h+a;!m||c||(i+=`<rect x="${e}" y="${l}" width="${s}" height="${s}" rx="${g}" ry="${g}" fill='${t.fill||"#000000"}' />`)}return i+="</svg>",i},[r,t])}export{u};

package/dist/shared/useSearchParams-CW9y02Ym.mjs

@@ -0,0 +1 @@
+"use strict";import{useRef as S,useInsertionEffect as I,useCallback as s,useState as B,useId as O}from"react";function k(n){return{set:e=>{const r=typeof e=="string"?e:JSON.stringify(e);localStorage.setItem(n,r)},get:()=>{const e=localStorage.getItem(n);if(e)try{return JSON.parse(e)}catch{return e}return null},remove:()=>{localStorage.removeItem(n)}}}function P({type:n="text/plain"}){return{copy:async e=>{var r;if((r=navigator.clipboard)!=null&&r.write){const t={};switch(n){case"text/html":t["text/plain"]=new Blob([e],{type:"text/plain"}),t[n]=new Blob([e],{type:n});break;default:t[n]=new Blob([e],{type:n})}const o=[new ClipboardItem(t)];await navigator.clipboard.write(o)}else{const t=document.createElement("textarea");e instanceof Blob?t.value=await e.text():t.value=e.toString(),t.select(),document.execCommand("copy")}}}}function f(n,e=[]){const r=S(()=>{throw new Error("Cannot call an event handler while rendering.")});return I(()=>{r.current=n}),s((...t)=>{var o;return(o=r.current)==null?void 0:o.call(r,...t)},e)}function E(n={}){const{onClose:e,onOpen:r,open:t,id:o}=n,i=f(r),u=f(e),[b,g]=B(n.defaultOpen??!1),a=t??b,l=t!==void 0,y=O(),m=o??`disclosure-${y}`,p=s(()=>{l||g(!1),u?.()},[l,u]),d=s(()=>{l||g(!0),i?.()},[l,i]),w=s(()=>{a?p():d()},[a,d,p]);function x(c={}){return{...c,"aria-expanded":a,"aria-controls":m,onClick(h){var v;(v=c.onClick)==null||v.call(c,h),w()}}}function C(c={}){return{...c,hidden:!a,id:m}}return{open:a,onOpen:d,onClose:p,onToggle:w,isControlled:l,getButtonProps:x,getDisclosureProps:C}}function J(n){return new URLSearchParams(n??window.location.search)}export{P as a,E as b,f as c,J as d,k as u};

package/dist/styles/index.mjs

@@ -0,0 +1 @@
+"use strict";import{b as a,a as s,v as e,e as r,d as t,p as l,u as o,h as d,j as i,g as n,o as g,s as h,m as k,c as y,l as w,n as G,q as C,f as b,i as m,r as u,z as c,t as f,x as p,k as x,w as B,y as R}from"../shared/shadows-fgmuXym6.mjs";export{a as black,s as blue,e as colors,r as darkBlue,t as darkGreen,l as darkGrey,o as darkGreyContrast,d as darkRed,i as darkYellow,n as green,g as grey,h as greyContrast,k as infoContrast,y as lightBlue,w as lightGreen,G as lightGrey,C as lightGreyContrast,b as lightRed,m as lightYellow,u as red,c as shadows,f as textDisabled,p as theme,x as warningContrast,B as white,R as yellow};

package/dist/utils/masks/index.mjs

@@ -0,0 +1 @@
+"use strict";const s={DOB_MASK:"99/99/9999"};export{s as masks};

package/dist/utils/string/index.mjs

@@ -0,0 +1 @@
+"use strict";function a(e){return e.split(" ").map(t=>`${t.charAt(0).toUpperCase()}${t.slice(1).toLowerCase()}`).join(" ")}function o(e){return`${e.charAt(0).toUpperCase()}${e.slice(1).toLowerCase()}`}export{a as toCapitalize,o as toSentenceCase};

package/dist/validations/index.mjs

@@ -0,0 +1 @@
+"use strict";import{M as a,S as s,U as e,d as m,e as S,f as t,g as h,a as c,s as i}from"../shared/unix.schema-CMYTtXco.mjs";import{p as o}from"../shared/phone.schema-XBbyizhq.mjs";export{a as MaskedAndUnmaskedSSNSchema,s as SSNSchema,e as USDateSchema,m as descriptionSchema,S as emailSchema,t as fieldSchema,h as getDateSchemaWithPastValidation,c as getUnixSchema,o as phoneSchema,i as stateSchema};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "1.3.3",
+  "version": "2.0.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "keywords": [],
@@ -9,19 +9,40 @@
     "node": ">=20.10.0",
     "npm": ">=10.x.x"
   },
-  "main": "/dist/shared-ui-elements.mjs",
+  "main": "/dist/index.mjs",
   "types": "/dist/index.d.ts",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/shared-ui-elements.mjs",
-      "require": "./dist/shared-ui-elements.mjs"
+      "import": "./dist/index.mjs"
     },
-    "./src": "./src/index.ts"
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.mjs"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.mjs"
+    },
+    "./styles": {
+      "types": "./dist/styles/index.d.ts",
+      "import": "./dist/styles/index.mjs"
+    },
+    "./validations": {
+      "types": "./dist/validations/index.d.ts",
+      "import": "./dist/validations/index.mjs"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.mjs"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*/index.d.ts",
+      "import": "./dist/utils/*/index.mjs"
+    }
   },
   "scripts": {
     "vitest": "vitest",
@@ -33,7 +54,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "prebuild": "rm -rf dist",
-    "build": "tsc && vite build && esbuild dist/shared-ui-elements.mjs --minify --outfile=dist/shared-ui-elements.mjs --allow-overwrite",
+    "build": "tsc && vite build && find dist -name '*.mjs' -type f -exec esbuild {} --minify --outfile={} --allow-overwrite \\;",
     "prepublishOnly": "npm run build",
     "publish:prerelease": "npm version prerelease --preid=beta && npm publish --tag beta"
   },