@mmb-digital/design-system-web 0.1.176 → 0.1.178

package/dist/index.d.ts

@@ -886,7 +886,7 @@ interface RadioFieldProps extends Omit<RadioProps, 'onChange'> {
 declare const RadioField: (props: RadioFieldProps) => React__default.JSX.Element;
 
 interface RadioGroupItem {
-    id: string;
+    id?: string;
     label: RadioLabel;
     value: string;
 }
@@ -1535,7 +1535,7 @@ interface RadioButtonProps extends RadioGeneralProps, DesignSystemBaseProps {
 declare const RadioButton: React__default.ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 interface RadioButtonGroupItem {
-    id: string;
+    id?: string;
     label: RadioButtonLabel;
     value: string;
 }
@@ -2158,6 +2158,7 @@ interface SelectItemOrder {
 }
 type SelectItem = boolean | number | object | string | null;
 interface SelectControlProps<TItem extends SelectItem> extends FieldControlProps {
+    ariaLabel?: string;
     disabled?: boolean;
     formatter?: Formatter<TItem, ReactNode, number | string>;
     getItemKey?: (item: TItem | null) => number | string;

package/dist/index.esm.js

@@ -77,5 +77,5 @@ object-assign
 			background-color: ${e.theme.colors.bg.brand.default.light};
 		`),(e=>e.$selected&&k`
 			background-color: ${e.theme.colors.bg.brand.bold.light};
-		`)),iS=(e,t)=>String(e).localeCompare(String(t));var aS;!function(e){e.formatter="formatter",e.value="value"}(aS||(aS={}));const sS=c(((e,n)=>{var o;const{describedBy:a,disabled:s=!1,formatter:l=WC,getItemKey:u,hasError:c=!1,id:d,invalid:p=!1,itemOrder:h,items:f,labelledBy:m,name:g,nilMessage:v="",onBlur:b,onChange:y,required:w,value:k}=e,C=p||c,E=x(),I=((e,t)=>r((()=>e.wrap(((e,n)=>{if(null==n)return t;const r=e(n);return null==r||""===r?"":r}))),[e,t]))(l,v),S=i((e=>String(I.formatAsPrimitive(e))),[I]),_=null==h?void 0:h.source,M=null!==(o=null==h?void 0:h.compareFn)&&void 0!==o?o:iS,L=r((()=>{if(void 0===_)return f;const[e,t]=YI.partition(f,(e=>null===e));switch(_){case aS.formatter:return[...e,...Array.from(t).sort(((e,t)=>M(I.formatAsPrimitive(e,["comparable"]),I.formatAsPrimitive(t,["comparable"]))))];case aS.value:return[...e,...Array.from(t).sort(((e,t)=>M(e,t)))];default:return f}}),[I,M,_,f]),{getItemProps:D,getMenuProps:A,getToggleButtonProps:N,highlightedIndex:T,isOpen:O}=$I(Object.assign({id:d,items:L,itemToString:S,labelId:m,onSelectedItemChange:({selectedItem:e})=>y(e),selectedItem:k},u&&{itemToKey:u}));return t.createElement(KI,null,t.createElement(eS,Object.assign({$disabled:s,$invalid:C,$open:O},N({"aria-describedby":a,"aria-invalid":C,"aria-required":w,"data-name":g,disabled:s,onBlur:b,ref:n})),t.createElement(tS,null,t.createElement(ge,{color:E.colors.fg.neutral.default,variant:R.textMd,weight:W.regular400},I.format(k))),t.createElement(QI,{open:O})),t.createElement(nS,{$open:O},t.createElement(rS,Object.assign({},A()),O&&L.map(((e,n)=>{var r;return t.createElement(oS,Object.assign({key:null!==(r=null==u?void 0:u(e))&&void 0!==r?r:`index-${n}`,$highlighted:n===T,$selected:e===k},D({item:e,index:n})),t.createElement(ge,{color:e===k?E.colors.fg.neutral.white:E.colors.fg.neutral.subtle,variant:R.textSm,weight:W.medium500},I.format(e)))})))))}));sS.displayName="SelectControl";const lS=sS,uS=Dm(lS),cS=e=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:a=!1}=e,s=kl(e,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=A(),{field:d,fieldState:{error:p}}=N({name:o,control:u,rules:i,defaultValue:n}),h=d.value;return l((()=>{a&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,a,h]),t.createElement(uS,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,s))};var dS,pS,hS;!function(e){e.center="center",e.end="end",e.spaceBetween="spaceBetween",e.start="start",e.stretch="stretch"}(dS||(dS={})),function(e){e.column="column",e.columnReverse="columnReverse",e.row="row",e.rowReverse="rowReverse"}(pS||(pS={})),function(e){e.noWrap="noWrap",e.wrap="wrap",e.wrapReverse="wrapReverse"}(hS||(hS={}));const fS=w.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>V(t,e)),(({$wrap:e})=>{switch(e){case hS.wrap:return k(["flex-wrap:wrap;"]);case hS.noWrap:return k(["flex-wrap:nowrap;"]);case hS.wrapReverse:return k(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case pS.row:return k(["flex-direction:row;align-items:center;"]);case pS.rowReverse:return k(["flex-direction:row-reverse;align-items:center;"]);case pS.column:return k(["flex-direction:column;"]);case pS.columnReverse:return k(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:t})=>t!==pS.column&&t!==pS.columnReverse||e!==dS.stretch?(t!==pS.column&&t!==pS.columnReverse||e!==dS.center)&&(t!==pS.column&&t!==pS.columnReverse||e!==dS.spaceBetween)?t!==pS.column&&t!==pS.columnReverse||e!==dS.start?t!==pS.column&&t!==pS.columnReverse||e!==dS.end?t!==pS.row&&t!==pS.rowReverse||e!==dS.stretch?t!==pS.row&&t!==pS.rowReverse||e!==dS.center?t!==pS.row&&t!==pS.rowReverse||e!==dS.spaceBetween?t!==pS.row&&t!==pS.rowReverse||e!==dS.start?t!==pS.row&&t!==pS.rowReverse||e!==dS.end?void 0:k(["justify-content:end;"]):k(["justify-content:start;"]):k(["justify-content:space-between;"]):k(["justify-content:center;"]):k(["button{flex-basis:0;flex-grow:1;}"]):k(["align-items:end;"]):k(["align-items:start;"]):k(["align-items:center;"]):k(["align-items:stretch;"]))),mS=e=>{const{align:n,buttons:r,direction:o,gap:i=P.md,suppressHydrationWarning:a=!1,wrap:s=hS.noWrap}=e;return t.createElement(fS,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(gi).map(((e,n)=>t.createElement(d,{key:n},e))))};export{Pt as Accordion,Wt as AccordionContent,Bt as AccordionItem,jt as AccordionKeyValue,Lt as AccordionVariant,uC as AsyncReactSelect,bi as Button,zt as ButtonSize,Gt as ButtonStyle,Zt as ButtonType,mS as ButtonsLayout,dS as ButtonsLayoutAlign,pS as ButtonsLayoutDirection,hS as ButtonsLayoutWrap,Du as CalculatorResult,yu as CalculatorResultInfoPosition,Pv as Checkbox,Mv as CheckboxPosition,te as ColorScheme,ee as ColorSchemeProvider,Sv as DatePicker,Ev as DatePickerControl,_v as DatePickerField,ae as DesignSystemProvider,Nm as EmailInput,Da as ErrorBox,he as FieldConfigProvider,_m as FieldControlAddonPosition,ue as FieldLabelStoreProvider,Sm as FieldRequirement,Mm as FieldWrapper,Gf as FieldWrapperLayout,W as FontWeight,ju as FormatAmountCurrencyDisplay,Gu as FormatAmountGrouping,Uu as FormattedAmount,Gl as FormattedHtmlMessage,jl as FormattedMessage,zu as FormattedPercentage,Es as IconProduct,Ga as IconProductSize,ja as IconProductType,za as IconProductVariant,Mt as IconSystem,be as IconSystemSize,ve as IconSystemType,Is as Infobox,Na as InfoboxSize,Aa as InfoboxVariant,hm as InputBase,vm as InputLabel,fm as InputLabelSize,Hf as InputSize,jf as InputTextAlign,Vu as Loader,Fu as LoaderOverlayBox,Nu as LoaderSize,Xg as MaskedInput,$g as MaskedInputBase,Ug as MaskedInputField,J as MediaType,U as MediaTypeProvider,yl as Modal,sl as ModalVerticalPosition,al as ModalWidthType,Jg as NumberInput,Qg as NumberInputField,z as Overflow,AC as Paper,LC as PaperShadow,qg as PhoneInput,rv as PhoneInputField,nv as PhoneInputNext,PC as ProgressPaper,Uv as Radio,Gv as RadioBase,lb as RadioButton,hb as RadioButtonGroup,db as RadioButtonGroupControl,fb as RadioButtonGroupField,Jv as RadioField,nb as RadioGroup,eb as RadioGroupControl,Qv as RadioGroupDirection,rb as RadioGroupField,zv as RadioPosition,rC as ReactSelect,eC as ReactSelectBase,nC as ReactSelectField,ll as ReasonForClosing,iv as SearchInput,uS as Select,lS as SelectControl,cS as SelectField,aS as SelectItemOrderSource,Ea as Slider,fv as SliderInput,av as SliderInputRoundingType,da as SliderStepType,P as Spacing,wi as SpanButton,xu as Stack,wu as StackDirection,Ls as Table,Ds as TableBody,Ns as TableData,Os as TableHead,Bs as TableHeadData,Vs as TableRow,_s as TableTextAlign,Ss as TableVariant,il as Tabs,Hs as TabsActiveTabDefaultPosition,Ys as TabsItem,Fs as TabsSize,Ws as TabsVariant,MC as Tag,IC as TagIconPosition,CC as TagSize,EC as TagTextTransform,xC as TagType,pC as TextArea,gv as TextInput,kC as Toggle,Ql as TooltipGeneral,tu as TooltipInfo,ru as TooltipInfoConditional,ql as TooltipInfoDisplayMethod,nu as TooltipInfoDisplayableCheck,Kl as TooltipPlacement,bv as TrailingTextInput,ge as Typography,B as TypographyTextAlign,R as TypographyVariant,Yu as VisuallyHidden,Iv as datePickerValueFormat,ne as getColor,WC as identityFormatter,gi as isRenderable,F as resolveFontWeightValue,Z as resolveOverflowValue,V as resolveSpacingValue,G as theme,re as useChooseColor,ie as useColorScheme,ou as useCreateTooltipInfoDescriptor,se as useDesignSystem,fe as useFieldConfig,ce as useFieldLabels,$u as useFormatAmount,Hu as useFormattedPercentage,zl as useIsMessageDisplayable,K as useMediaType,FC as useMessageFormatter,de as useRegisterFieldLabel,Dm as withFieldWrapper,Yg as withMaskedInputField};
+		`)),iS=(e,t)=>String(e).localeCompare(String(t));var aS;!function(e){e.formatter="formatter",e.value="value"}(aS||(aS={}));const sS=c(((e,n)=>{var o;const{ariaLabel:a,describedBy:s,disabled:l=!1,formatter:u=WC,getItemKey:c,hasError:d=!1,id:p,invalid:h=!1,itemOrder:f,items:m,labelledBy:g,name:v,nilMessage:b="",onBlur:y,onChange:w,required:k,value:C}=e,E=h||d,I=x(),S=((e,t)=>r((()=>e.wrap(((e,n)=>{if(null==n)return t;const r=e(n);return null==r||""===r?"":r}))),[e,t]))(u,b),_=i((e=>String(S.formatAsPrimitive(e))),[S]),M=null==f?void 0:f.source,L=null!==(o=null==f?void 0:f.compareFn)&&void 0!==o?o:iS,D=r((()=>{if(void 0===M)return m;const[e,t]=YI.partition(m,(e=>null===e));switch(M){case aS.formatter:return[...e,...Array.from(t).sort(((e,t)=>L(S.formatAsPrimitive(e,["comparable"]),S.formatAsPrimitive(t,["comparable"]))))];case aS.value:return[...e,...Array.from(t).sort(((e,t)=>L(e,t)))];default:return m}}),[S,L,M,m]),{getItemProps:A,getMenuProps:N,getToggleButtonProps:T,highlightedIndex:O,isOpen:B}=$I(Object.assign({id:p,items:D,itemToString:_,labelId:g,onSelectedItemChange:({selectedItem:e})=>w(e),selectedItem:C},c&&{itemToKey:c}));return t.createElement(KI,null,t.createElement(eS,Object.assign({$disabled:l,$invalid:E,$open:B},T({"aria-describedby":s,"aria-invalid":E,"aria-required":k,"data-name":v,"aria-label":a,disabled:l,onBlur:y,ref:n})),t.createElement(tS,null,t.createElement(ge,{color:I.colors.fg.neutral.default,variant:R.textMd,weight:W.regular400},S.format(C))),t.createElement(QI,{open:B})),t.createElement(nS,{$open:B},t.createElement(rS,Object.assign({},N()),B&&D.map(((e,n)=>{var r;return t.createElement(oS,Object.assign({key:null!==(r=null==c?void 0:c(e))&&void 0!==r?r:`index-${n}`,$highlighted:n===O,$selected:e===C},A({item:e,index:n})),t.createElement(ge,{color:e===C?I.colors.fg.neutral.white:I.colors.fg.neutral.subtle,variant:R.textSm,weight:W.medium500},S.format(e)))})))))}));sS.displayName="SelectControl";const lS=sS,uS=Dm(lS),cS=e=>{const{defaultValue:n=null,items:r,name:o,options:i,shouldResetInvalidValues:a=!1}=e,s=kl(e,["defaultValue","items","name","options","shouldResetInvalidValues"]),{control:u,resetField:c}=A(),{field:d,fieldState:{error:p}}=N({name:o,control:u,rules:i,defaultValue:n}),h=d.value;return l((()=>{a&&null!==h&&!r.includes(h)&&c(o)}),[r,o,c,a,h]),t.createElement(uS,Object.assign({errorMessage:null==p?void 0:p.message,items:r},d,s))};var dS,pS,hS;!function(e){e.center="center",e.end="end",e.spaceBetween="spaceBetween",e.start="start",e.stretch="stretch"}(dS||(dS={})),function(e){e.column="column",e.columnReverse="columnReverse",e.row="row",e.rowReverse="rowReverse"}(pS||(pS={})),function(e){e.noWrap="noWrap",e.wrap="wrap",e.wrapReverse="wrapReverse"}(hS||(hS={}));const fS=w.div.withConfig({displayName:"ButtonsLayoutStyled",componentId:"sc-8lj3e5-0"})(["display:flex;gap:",";width:100%;",";"," ",";"],(({$gap:e,theme:t})=>V(t,e)),(({$wrap:e})=>{switch(e){case hS.wrap:return k(["flex-wrap:wrap;"]);case hS.noWrap:return k(["flex-wrap:nowrap;"]);case hS.wrapReverse:return k(["flex-wrap:wrap-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutWrap in ButtonsLayout.style.ts")}}),(({$direction:e})=>{switch(e){case pS.row:return k(["flex-direction:row;align-items:center;"]);case pS.rowReverse:return k(["flex-direction:row-reverse;align-items:center;"]);case pS.column:return k(["flex-direction:column;"]);case pS.columnReverse:return k(["flex-direction:column-reverse;"]);default:throw new Error("Unexpected enum values ButtonsLayoutDirection in ButtonsLayout.style.ts")}}),(({$align:e,$direction:t})=>t!==pS.column&&t!==pS.columnReverse||e!==dS.stretch?(t!==pS.column&&t!==pS.columnReverse||e!==dS.center)&&(t!==pS.column&&t!==pS.columnReverse||e!==dS.spaceBetween)?t!==pS.column&&t!==pS.columnReverse||e!==dS.start?t!==pS.column&&t!==pS.columnReverse||e!==dS.end?t!==pS.row&&t!==pS.rowReverse||e!==dS.stretch?t!==pS.row&&t!==pS.rowReverse||e!==dS.center?t!==pS.row&&t!==pS.rowReverse||e!==dS.spaceBetween?t!==pS.row&&t!==pS.rowReverse||e!==dS.start?t!==pS.row&&t!==pS.rowReverse||e!==dS.end?void 0:k(["justify-content:end;"]):k(["justify-content:start;"]):k(["justify-content:space-between;"]):k(["justify-content:center;"]):k(["button{flex-basis:0;flex-grow:1;}"]):k(["align-items:end;"]):k(["align-items:start;"]):k(["align-items:center;"]):k(["align-items:stretch;"]))),mS=e=>{const{align:n,buttons:r,direction:o,gap:i=P.md,suppressHydrationWarning:a=!1,wrap:s=hS.noWrap}=e;return t.createElement(fS,{$align:n,$direction:o,$gap:i,$wrap:s,suppressHydrationWarning:a},r.filter(gi).map(((e,n)=>t.createElement(d,{key:n},e))))};export{Pt as Accordion,Wt as AccordionContent,Bt as AccordionItem,jt as AccordionKeyValue,Lt as AccordionVariant,uC as AsyncReactSelect,bi as Button,zt as ButtonSize,Gt as ButtonStyle,Zt as ButtonType,mS as ButtonsLayout,dS as ButtonsLayoutAlign,pS as ButtonsLayoutDirection,hS as ButtonsLayoutWrap,Du as CalculatorResult,yu as CalculatorResultInfoPosition,Pv as Checkbox,Mv as CheckboxPosition,te as ColorScheme,ee as ColorSchemeProvider,Sv as DatePicker,Ev as DatePickerControl,_v as DatePickerField,ae as DesignSystemProvider,Nm as EmailInput,Da as ErrorBox,he as FieldConfigProvider,_m as FieldControlAddonPosition,ue as FieldLabelStoreProvider,Sm as FieldRequirement,Mm as FieldWrapper,Gf as FieldWrapperLayout,W as FontWeight,ju as FormatAmountCurrencyDisplay,Gu as FormatAmountGrouping,Uu as FormattedAmount,Gl as FormattedHtmlMessage,jl as FormattedMessage,zu as FormattedPercentage,Es as IconProduct,Ga as IconProductSize,ja as IconProductType,za as IconProductVariant,Mt as IconSystem,be as IconSystemSize,ve as IconSystemType,Is as Infobox,Na as InfoboxSize,Aa as InfoboxVariant,hm as InputBase,vm as InputLabel,fm as InputLabelSize,Hf as InputSize,jf as InputTextAlign,Vu as Loader,Fu as LoaderOverlayBox,Nu as LoaderSize,Xg as MaskedInput,$g as MaskedInputBase,Ug as MaskedInputField,J as MediaType,U as MediaTypeProvider,yl as Modal,sl as ModalVerticalPosition,al as ModalWidthType,Jg as NumberInput,Qg as NumberInputField,z as Overflow,AC as Paper,LC as PaperShadow,qg as PhoneInput,rv as PhoneInputField,nv as PhoneInputNext,PC as ProgressPaper,Uv as Radio,Gv as RadioBase,lb as RadioButton,hb as RadioButtonGroup,db as RadioButtonGroupControl,fb as RadioButtonGroupField,Jv as RadioField,nb as RadioGroup,eb as RadioGroupControl,Qv as RadioGroupDirection,rb as RadioGroupField,zv as RadioPosition,rC as ReactSelect,eC as ReactSelectBase,nC as ReactSelectField,ll as ReasonForClosing,iv as SearchInput,uS as Select,lS as SelectControl,cS as SelectField,aS as SelectItemOrderSource,Ea as Slider,fv as SliderInput,av as SliderInputRoundingType,da as SliderStepType,P as Spacing,wi as SpanButton,xu as Stack,wu as StackDirection,Ls as Table,Ds as TableBody,Ns as TableData,Os as TableHead,Bs as TableHeadData,Vs as TableRow,_s as TableTextAlign,Ss as TableVariant,il as Tabs,Hs as TabsActiveTabDefaultPosition,Ys as TabsItem,Fs as TabsSize,Ws as TabsVariant,MC as Tag,IC as TagIconPosition,CC as TagSize,EC as TagTextTransform,xC as TagType,pC as TextArea,gv as TextInput,kC as Toggle,Ql as TooltipGeneral,tu as TooltipInfo,ru as TooltipInfoConditional,ql as TooltipInfoDisplayMethod,nu as TooltipInfoDisplayableCheck,Kl as TooltipPlacement,bv as TrailingTextInput,ge as Typography,B as TypographyTextAlign,R as TypographyVariant,Yu as VisuallyHidden,Iv as datePickerValueFormat,ne as getColor,WC as identityFormatter,gi as isRenderable,F as resolveFontWeightValue,Z as resolveOverflowValue,V as resolveSpacingValue,G as theme,re as useChooseColor,ie as useColorScheme,ou as useCreateTooltipInfoDescriptor,se as useDesignSystem,fe as useFieldConfig,ce as useFieldLabels,$u as useFormatAmount,Hu as useFormattedPercentage,zl as useIsMessageDisplayable,K as useMediaType,FC as useMessageFormatter,de as useRegisterFieldLabel,Dm as withFieldWrapper,Yg as withMaskedInputField};
 //# sourceMappingURL=index.esm.js.map