@verifiedinc-public/shared-ui-elements 5.19.2 → 5.19.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
|
|
1
1
|
import { SxProps } from '@mui/material';
|
2
|
-
import { BrandFilter
|
2
|
+
import { BrandFilter } from './types';
|
3
3
|
export type Value = BrandFilter;
|
4
4
|
interface BrandFilterInputProps {
|
5
5
|
label: string;
|
@@ -9,14 +9,18 @@ interface BrandFilterInputProps {
|
|
9
9
|
brands?: any[];
|
10
10
|
isLoading: boolean;
|
11
11
|
maximumSelectedBrands?: number;
|
12
|
-
/**
|
13
|
-
|
12
|
+
/** If true, brands will be grouped by their live status */
|
13
|
+
groupLiveBrand?: boolean;
|
14
|
+
/** If true, shows a 'Select All' option in multiple select mode */
|
15
|
+
selectAll?: boolean;
|
16
|
+
/** If true, shows a 'Select Live Brands' option in multiple select mode */
|
17
|
+
selectLiveBrands?: boolean;
|
14
18
|
/** Array of brand UUIDs to use as default values when no selection is made */
|
15
19
|
defaultBrandUuids?: string[];
|
16
20
|
/** Debounce time in milliseconds for onChange when in multiple mode. Defaults to 2000ms */
|
17
21
|
debounceMs?: number;
|
18
22
|
sx?: SxProps;
|
19
23
|
}
|
20
|
-
export declare function BrandFilterInput({ label, multiple, value, onChange, brands, isLoading, maximumSelectedBrands,
|
24
|
+
export declare function BrandFilterInput({ label, multiple, value, onChange, brands, isLoading, maximumSelectedBrands, groupLiveBrand, selectAll, selectLiveBrands, defaultBrandUuids, debounceMs, sx, }: Readonly<BrandFilterInputProps>): import("react").JSX.Element;
|
21
25
|
export * from './types';
|
22
26
|
export * from './BrandFilterInput.hook';
|
@@ -14,56 +14,3 @@ export type BrandFilter = {
|
|
14
14
|
value: string;
|
15
15
|
_raw: Brands;
|
16
16
|
};
|
17
|
-
/**
|
18
|
-
* Type representing the display value for a group in the dropdown.
|
19
|
-
* This is what users will see as the group header.
|
20
|
-
*/
|
21
|
-
export type GroupDisplayValue = string;
|
22
|
-
/**
|
23
|
-
* Configuration for grouping brands in the dropdown.
|
24
|
-
*
|
25
|
-
* @template K - The specific key from the Brands type that we want to group by.
|
26
|
-
* TypeScript will ensure type safety based on this key.
|
27
|
-
*
|
28
|
-
* @example
|
29
|
-
* // Group by live status
|
30
|
-
* const liveConfig: BrandGroupConfig<'isLiveBrand'> = {
|
31
|
-
* key: 'isLiveBrand',
|
32
|
-
* transform: (value) => value ? 'Live Brands' : 'Not Live',
|
33
|
-
* sortGroups: (a, b) => a === 'Live Brands' ? -1 : 1
|
34
|
-
* };
|
35
|
-
*
|
36
|
-
* // Group by integration type
|
37
|
-
* const integrationConfig: BrandGroupConfig<'integrationType'> = {
|
38
|
-
* key: 'integrationType',
|
39
|
-
* transform: (value) => `${value} Integration`
|
40
|
-
* };
|
41
|
-
*
|
42
|
-
* // No grouping
|
43
|
-
* const noGrouping: BrandGroupConfig = null;
|
44
|
-
*/
|
45
|
-
export type BrandGroupConfig<K extends keyof Brands = keyof Brands> = {
|
46
|
-
/**
|
47
|
-
* The key from the Brands object to group by.
|
48
|
-
* TypeScript will ensure this is a valid key from the Brands type.
|
49
|
-
*/
|
50
|
-
key: K;
|
51
|
-
/**
|
52
|
-
* Optional function to transform the raw brand value into a display string.
|
53
|
-
* The input type is automatically inferred from the key.
|
54
|
-
* For example, if key is 'isLiveBrand', value will be boolean | undefined.
|
55
|
-
*
|
56
|
-
* If not provided, the raw value will be converted to a string.
|
57
|
-
*/
|
58
|
-
transform?: (value: Brands[K]) => GroupDisplayValue;
|
59
|
-
/**
|
60
|
-
* Optional function to customize the order of groups in the dropdown.
|
61
|
-
* Takes two group display values and returns:
|
62
|
-
* - Negative number if a should come before b
|
63
|
-
* - Positive number if b should come before a
|
64
|
-
* - Zero if the order doesn't matter
|
65
|
-
*
|
66
|
-
* If not provided, groups will be ordered alphabetically.
|
67
|
-
*/
|
68
|
-
sortGroups?: (a: GroupDisplayValue, b: GroupDisplayValue) => number;
|
69
|
-
} | null;
|
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{A as a,c as s,m as e,B as r,o as t,n,C as i,D as o,f as p,E as c,k as d,F as m,I as u,b as h,L as C,O as l,h as S,j as g,e as P,P as B,Q as k,R as I,S as b,d as O,l as T,T as y,g as L,a as f,V as R,i as v,t as E,u as D}from"../shared/index-
|
1
|
+
"use strict";import{A as a,c as s,m as e,B as r,o as t,n,C as i,D as o,f as p,E as c,k as d,F as m,I as u,b as h,L as C,O as l,h as S,j as g,e as P,P as B,Q as k,R as I,S as b,d as O,l as T,T as y,g as L,a as f,V as R,i as v,t as E,u as D}from"../shared/index-B50A4wDg.mjs";import{a as N,b as F,P as A,S as M}from"../shared/PageSectionHeader-DdpDhBZG.mjs";import{B as V,C as w,i as x,E as W,L as j,j as H,M as Q,g as q,O as z,P as U,R as G,e as J,d as K,S as X,a as Y,b as Z,k as _,c as $,f as aa,W as sa,h as ea,m as ra,u as ta}from"../shared/SignupBigNumbers-BRtnxvpN.mjs";import{SnackbarProvider as na}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,V as BigNumber,t as BrandFilterInput,n as Button,i as CredentialRequestsEditor,w as CustomAlertComponent,o as DateInput,p as DateRangeInput,c as EmailInput,x as EmptyChartSection,W as ErrorCodesChart,d as ExactBirthdayBanner,m as FullWidthAlert,u as Image,h as LegalLink,C as LinkButton,j as LoadingChartSection,H as MetricLastUpdated,Q as MonthlySignupsOverviewTable,l as OTPInput,S as OneClickForm,q as OneClickOverTimeChart,z as OneClickPercentageChart,g as OneClickPoweredByVerified,N as PageHeader,F as PageSectionHeader,A as Paragraph,P as PhoneInput,U as PieChart,B as PrivacyPolicyNotice,k as QRCodeDisplay,G as ReasonCodesChart,I as ResendPhoneBanner,J as RiskScoreBarChart,K as RiskScorePieChart,b as SSNInput,M as SectionHeader,O as SelectInput,X as SeriesChart,Y as SeriesChartLegend,Z as SeriesPercentageChart,_ as SignupBigNumbers,$ as SimpleBarChart,aa as SimpleLegend,na as SnackbarProvider,T as TestPhoneNumbersBanner,y as TextButton,L as TimezoneInput,f as Typography,R as VerifiedImage,v as VerifiedIncLogo,sa as When,ea as mapMonthlySignupsOverviewTableData,ra as mapTimeSeriesData,E as toOption,D as useBrandFilterInput,ta as useSnackbar};
|
package/dist/index.mjs
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";import{A as a,c as s,m as e,B as r,o as t,n as o,C as i,D as n,f as m,E as l,k as u,F as p,I as c,b as d,L as h,O as C,h as S,j as g,e as f,P as k,Q as P,R as b,S as y,d as B,l as D,T,g as O,a as v,V as I,i as R,t as w,u as N}from"./shared/index-
|
1
|
+
"use strict";import{A as a,c as s,m as e,B as r,o as t,n as o,C as i,D as n,f as m,E as l,k as u,F as p,I as c,b as d,L as h,O as C,h as S,j as g,e as f,P as k,Q as P,R as b,S as y,d as B,l as D,T,g as O,a as v,V as I,i as R,t as w,u as N}from"./shared/index-B50A4wDg.mjs";import{a as L,b as M,P as E,S as Y}from"./shared/PageSectionHeader-DdpDhBZG.mjs";import{B as x,C as F,i as z,E as A,L as V,j as W,M as G,g as U,O as j,P as H,R as Q,e as q,d as J,S as X,a as K,b as Z,k as _,c as $,f as aa,W as sa,h as ea,m as ra,u as ta}from"./shared/SignupBigNumbers-BRtnxvpN.mjs";import{b as oa,k as ia,a as na,i as ma,u as la,j as ua,d as pa,c as ca,e as da,f as ha,g as Ca,h as Sa}from"./shared/useDebounceCallback-CO7X29ng.mjs";import{u as ga,a as fa}from"./shared/usePrevious-DG_IMu2h.mjs";import{a as ka,b as Pa,u as ba}from"./shared/useOnClickOutside-DgJxDzLx.mjs";import{u as ya}from"./shared/useCounter-BV32zXDQ.mjs";import{u as Ba}from"./shared/useResizeObserver-D434c1uN.mjs";import{b as Da,a as Ta,x as Oa,m as va,e as Ia,d as Ra,q as wa,v as Na,h as La,j as Ma,g as Ea,p as Ya,u as xa,n as Fa,c as za,l as Aa,o as Va,s as Wa,f as Ga,i as Ua,r as ja,A as Ha,t as Qa,z as qa,k as Ja,w as Xa,y as Ka}from"./shared/shadows-DLu0KeAU.mjs";import{wrapPromise as Za}from"./utils/wrapPromise/index.mjs";import{f as _a,b as $a,a as as,c as ss,u as es}from"./shared/uuidColor-LRbEKYAZ.mjs";import{c as rs,g as ts,a as os,p as is,s as ns,v as ms}from"./shared/phone-eqP--V9t.mjs";import{masks as ls}from"./utils/masks/index.mjs";import{o as us}from"./shared/omitProperty-DZYdN2vK.mjs";import{s as ps}from"./shared/ssn-CTUJ2_Vl.mjs";import{toCapitalize as cs,toSentenceCase as ds}from"./utils/string/index.mjs";import{k as hs}from"./shared/formatKebabToPretty-Du43TgPC.mjs";import{contrastColor as Cs,darken as Ss,lighten as gs}from"./utils/color/index.mjs";import{M as fs,S as ks,U as Ps,d as bs,e as ys,f as Bs,g as Ds,a as Ts,s as Os}from"./shared/unix.schema-CMYTtXco.mjs";import{p as vs}from"./shared/phone.schema-XBbyizhq.mjs";import{SnackbarProvider as Is}from"notistack";export{a as AcceptTermsNotice,s as Alert,e as Backdrop,r as Banner,x as BigNumber,t as BrandFilterInput,o as Button,i as CredentialRequestsEditor,F as CustomAlertComponent,n as DateInput,m as DateRangeInput,l as EmailInput,z as EmptyChartSection,A as ErrorCodesChart,u as ExactBirthdayBanner,p as FullWidthAlert,c as Image,d as LegalLink,h as LinkButton,V as LoadingChartSection,fs as MaskedAndUnmaskedSSNSchema,W as MetricLastUpdated,G as MonthlySignupsOverviewTable,C as OTPInput,S as OneClickForm,U as OneClickOverTimeChart,j as OneClickPercentageChart,g as OneClickPoweredByVerified,L as PageHeader,M as PageSectionHeader,E as Paragraph,f as PhoneInput,H as PieChart,k as PrivacyPolicyNotice,P as QRCodeDisplay,Q as ReasonCodesChart,b as ResendPhoneBanner,q as RiskScoreBarChart,J as RiskScorePieChart,y as SSNInput,ks as SSNSchema,Y as SectionHeader,B as SelectInput,X as SeriesChart,K as SeriesChartLegend,Z as SeriesPercentageChart,_ as SignupBigNumbers,$ as SimpleBarChart,aa as SimpleLegend,Is as SnackbarProvider,D as TestPhoneNumbersBanner,T as TextButton,O as TimezoneInput,v as Typography,Ps as USDateSchema,I as VerifiedImage,R as VerifiedIncLogo,sa as When,Da as black,Ta as blue,Oa as colors,Cs as contrastColor,rs as countries,va as dangerContrast,Ia as darkBlue,Ra as darkGreen,wa as darkGrey,Na as darkGreyContrast,La as darkRed,Ma as darkYellow,Ss as darken,bs as descriptionSchema,ys as emailSchema,Bs as fieldSchema,_a as formatDateMMDDYYYY,$a as formatDateMMYY,as as formatDateToTimestamp,ss as formatExtendedDate,Ds as getDateSchemaWithPastValidation,ts as getPhoneData,os as getPhoneDataByFieldName,Ts as getUnixSchema,Ea as green,Ya as grey,xa as greyContrast,Fa as infoContrast,hs as kebabCaseToPretty,za as lightBlue,Aa as lightGreen,Va as lightGrey,Wa as lightGreyContrast,Ga as lightRed,Ua as lightYellow,gs as lighten,ea as mapMonthlySignupsOverviewTableData,ra as mapTimeSeriesData,ls as masks,us as omitProperties,is as parseToPhoneNational,vs as phoneSchema,ja as red,Ha as shadows,ns as sortByCountryName,ps as ssnFormatter,Os as stateSchema,Qa as textDisabled,qa as theme,cs as toCapitalize,w as toOption,ds as toSentenceCase,N as useBrandFilterInput,oa as useCallbackRef,ga as useCopyToClipboard,ya as useCounter,ia as useDebounceCallback,ka as useDebounceValue,na as useDisclosure,ma as useIntersectionObserver,la as useLocalStorage,ua as useNavigatorOnline,Pa as useOnClickOutside,fa as usePrevious,ba as useQRCode,Ba as useResizeObserver,pa as useScript,ca as useSearchParams,ta as useSnackbar,da as useThrottle,ha as useToggle,Ca as useWindowScroll,Sa as useWindowSize,es as uuidToHashedColor,ms as validatePhone,Ja as warningContrast,Xa as white,Za as wrapPromise,Ka as yellow};
|