@verifiedinc-public/shared-ui-elements 3.3.1 → 3.4.0

package/dist/components/chart/SeriesChart/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+import { SxProps } from '@mui/material';
+interface ChartDataPoint {
+    date: number;
+    value: number;
+}
+interface SeriesChartData {
+    uuid: string;
+    name: string;
+    color: string;
+    chartData: ChartDataPoint[];
+}
+interface SeriesChartProps {
+    label: string;
+    data: SeriesChartData[];
+    filter: {
+        timezone: string;
+    };
+    sx?: SxProps;
+}
+export declare function SeriesChart(props: SeriesChartProps): ReactElement;
+export {};

package/dist/components/chart/SeriesChartLegend/index.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { LegendProps } from 'recharts';
+export declare function SeriesChartLegend(props: LegendProps): ReactElement;

package/dist/index.mjs

@@ -1 +1 @@
-"use strict";import{A as n,f as i,p as u,B as l,q as m,C as c,m as d,D as h,j as p,E as g,n as S,F as k,I as f,e as y,L as P,O as D,a as C,b,P as w,i as B,d as T,Q as I,R as N,g as R,S as v,h as Y,o as x,T as A,k as F,c as G,V as L,l as M,W,r as O,t as U,v as V,y as j,s as E,w as H,u as z,x as q}from"./shared/index-CmfEgJAn.mjs";import{c as Q,a as $,e as J,b as K,k as X,u as Z,f as _,d as aa,g as sa,h as ea,i as ta,j as ra}from"./shared/useIntersectionObserver-BX_TdOtC.mjs";import{a as oa,b as na,u as ia}from"./shared/useOnClickOutside-1j2klMbE.mjs";import{u as ua}from"./shared/useCounter-BV32zXDQ.mjs";import{b as la,a as ma,v as ca,e as da,d as ha,p as pa,u as ga,h as Sa,j as ka,g as fa,o as ya,s as Pa,m as Da,c as Ca,l as ba,n as wa,q as Ba,f as Ta,i as Ia,r as Na,z as Ra,t as va,x as Ya,k as xa,w as Aa,y as Fa}from"./shared/shadows-Dhd7FrwF.mjs";import{masks as Ga}from"./utils/masks/index.mjs";import{M as La,S as Ma,U as Wa,d as Oa,e as Ua,f as Va,g as ja,a as Ea,s as Ha}from"./shared/unix.schema-CMYTtXco.mjs";import{p as za}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as qa}from"notistack";async function Qa(s){try{return[await s,null]}catch(a){return[null,a]}}const $a=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Ja=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Ka=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,u as Backdrop,l as Banner,m as Button,c as CredentialRequestsEditor,d as CustomAlertComponent,h as DateInput,p as DateRangeInput,g as EmailInput,S as ExactBirthdayBanner,k as FullWidthAlert,f as Image,y as LegalLink,P as LinkButton,La as MaskedAndUnmaskedSSNSchema,D as OTPInput,C as PageHeader,b as PageSectionHeader,w as Paragraph,B as PhoneInput,T as PrivacyPolicyNotice,I as QRCodeDisplay,N as ResendPhoneBanner,R as SSNInput,Ma as SSNSchema,v as SectionHeader,Y as SelectInput,qa as SnackbarProvider,x as TestPhoneNumbersBanner,A as TextButton,F as TimezoneInput,G as Typography,Wa as USDateSchema,L as VerifiedImage,M as VerifiedIncLogo,W as When,la as black,ma as blue,ca as colors,O as countries,da as darkBlue,ha as darkGreen,pa as darkGrey,ga as darkGreyContrast,Sa as darkRed,ka as darkYellow,Oa as descriptionSchema,Ua as emailSchema,Va as fieldSchema,$a as formatDateMMDDYYYY,Ja as formatDateToTimestamp,ja as getDateSchemaWithPastValidation,U as getPhoneData,V as getPhoneDataByFieldName,Ea as getUnixSchema,fa as green,ya as grey,Pa as greyContrast,Da as infoContrast,Ca as lightBlue,ba as lightGreen,wa as lightGrey,Ba as lightGreyContrast,Ta as lightRed,Ia as lightYellow,Ga as masks,j as omitProperties,E as parseToPhoneNational,za as phoneSchema,Na as red,Ra as shadows,H as sortByCountryName,Ka as ssnFormatter,Ha as stateSchema,va as textDisabled,Ya as theme,Q as useCallbackRef,$ as useCopyToClipboard,ua as useCounter,J as useDebounceValue,K as useDisclosure,X as useIntersectionObserver,Z as useLocalStorage,oa as useOnClickOutside,na as usePrevious,ia as useQRCode,_ as useScript,aa as useSearchParams,z as useSnackbar,sa as useThrottle,ea as useToggle,ta as useWindowScroll,ra as useWindowSize,q as validatePhone,xa as warningContrast,Aa as white,Qa as wrapPromise,Fa as yellow};
+"use strict";import{A as n,f as i,p as u,B as m,q as l,C as c,m as d,D as h,j as g,E as p,n as S,F as D,I as f,e as y,L as k,O as P,a as w,b,P as C,i as B,d as T,Q as I,R as N,g as Y,S as R,h as v,o as x,T as L,k as M,c as U,V as A,l as F,W as G,r as W,t as E,v as O,y as V,s as j,w as H,u as q,x as z}from"./shared/index-CmfEgJAn.mjs";import{c as Q,a as $,e as K,b as X,k as Z,u as _,f as J,d as aa,g as sa,h as ea,i as ta,j as ra}from"./shared/useIntersectionObserver-BX_TdOtC.mjs";import{a as oa,b as na,u as ia}from"./shared/useOnClickOutside-1j2klMbE.mjs";import{u as ua}from"./shared/useCounter-BV32zXDQ.mjs";import{b as ma,a as la,v as ca,e as da,d as ha,p as ga,u as pa,h as Sa,j as Da,g as fa,o as ya,s as ka,m as Pa,c as wa,l as ba,n as Ca,q as Ba,f as Ta,i as Ia,r as Na,z as Ya,t as Ra,x as va,k as xa,w as La,y as Ma}from"./shared/shadows-Dhd7FrwF.mjs";import{masks as Ua}from"./utils/masks/index.mjs";import{M as Aa,S as Fa,U as Ga,d as Wa,e as Ea,f as Oa,g as Va,a as ja,s as Ha}from"./shared/unix.schema-CMYTtXco.mjs";import{p as qa}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as za}from"notistack";async function Qa(s){try{return[await s,null]}catch(a){return[null,a]}}const $a=s=>{let a=new Date(Number(s));if(!s){const e=new Date;a=new Date(e.getFullYear(),e.getMonth(),e.getDate())}const t=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0"),o=a.getFullYear();return[r,t,o].join("/")},Ka=s=>{const a=new Date(s);return a.setUTCHours(12),String(+a)},Xa=(s,a)=>new Date(Number(s)).toLocaleDateString("en-US",{month:"short",day:"numeric",hour12:!1,...a}),Za=(s,a)=>new Date(Number(s)).toLocaleDateString("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric",...a}),_a=s=>s.replace(/(\d{3})-?(\d{2})-?(\d{4})/,"\u2022\u2022\u2022-\u2022\u2022-$3");export{n as AcceptTermsNotice,i as Alert,u as Backdrop,m as Banner,l as Button,c as CredentialRequestsEditor,d as CustomAlertComponent,h as DateInput,g as DateRangeInput,p as EmailInput,S as ExactBirthdayBanner,D as FullWidthAlert,f as Image,y as LegalLink,k as LinkButton,Aa as MaskedAndUnmaskedSSNSchema,P as OTPInput,w as PageHeader,b as PageSectionHeader,C as Paragraph,B as PhoneInput,T as PrivacyPolicyNotice,I as QRCodeDisplay,N as ResendPhoneBanner,Y as SSNInput,Fa as SSNSchema,R as SectionHeader,v as SelectInput,za as SnackbarProvider,x as TestPhoneNumbersBanner,L as TextButton,M as TimezoneInput,U as Typography,Ga as USDateSchema,A as VerifiedImage,F as VerifiedIncLogo,G as When,ma as black,la as blue,ca as colors,W as countries,da as darkBlue,ha as darkGreen,ga as darkGrey,pa as darkGreyContrast,Sa as darkRed,Da as darkYellow,Wa as descriptionSchema,Ea as emailSchema,Oa as fieldSchema,$a as formatDateMMDDYYYY,Xa as formatDateMMYY,Ka as formatDateToTimestamp,Za as formatExtendedDate,Va as getDateSchemaWithPastValidation,E as getPhoneData,O as getPhoneDataByFieldName,ja as getUnixSchema,fa as green,ya as grey,ka as greyContrast,Pa as infoContrast,wa as lightBlue,ba as lightGreen,Ca as lightGrey,Ba as lightGreyContrast,Ta as lightRed,Ia as lightYellow,Ua as masks,V as omitProperties,j as parseToPhoneNational,qa as phoneSchema,Na as red,Ya as shadows,H as sortByCountryName,_a as ssnFormatter,Ha as stateSchema,Ra as textDisabled,va as theme,Q as useCallbackRef,$ as useCopyToClipboard,ua as useCounter,K as useDebounceValue,X as useDisclosure,Z as useIntersectionObserver,_ as useLocalStorage,oa as useOnClickOutside,na as usePrevious,ia as useQRCode,J as useScript,aa as useSearchParams,q as useSnackbar,sa as useThrottle,ea as useToggle,ta as useWindowScroll,ra as useWindowSize,z as validatePhone,xa as warningContrast,La as white,Qa as wrapPromise,Ma as yellow};

package/dist/utils/date.d.ts

@@ -5,3 +5,17 @@
  */
 export declare const formatDateMMDDYYYY: (timestamp?: string) => string;
 export declare const formatDateToTimestamp: (dateValue: number | string | Date) => string;
+/**
+ * Formats a timestamp into a pretty format of MM/YY.
+ * @param date - date to format
+ * @param options - Intl.DateTimeFormatOptions
+ * @returns formatted date
+ */
+export declare const formatDateMMYY: (date: number | string, options?: Intl.DateTimeFormatOptions) => string;
+/**
+ * Formats a date into an extended format including weekday, year, month, day, hour, and minute.
+ * @param date - date to format
+ * @param options - Intl.DateTimeFormatOptions
+ * @returns formatted date in extended format
+ */
+export declare const formatExtendedDate: (date: number | string, options?: Intl.DateTimeFormatOptions) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "keywords": [],
@@ -115,6 +115,7 @@
     "@mona-health/react-input-mask": "^3.0.3",
     "@mui/icons-material": "^5 || ^6",
     "@mui/material": "^5 || ^6",
+    "decimal.js": ">=10.4.3",
     "framer-motion": ">=11.15.0",
     "libphonenumber-js": "^1.11.11",
     "notistack": "^3.0.1",
@@ -125,6 +126,7 @@
     "react-dom": "^18",
     "react-hook-form": "^7.52.1",
     "react-imask": "^7.6.1",
+    "recharts": ">=2.15.0",
     "zod": "^3.23.8"
   }
 }