@zeniai/web-cockpit-ui 1.14.19-dev → 1.14.19-dev-betaSK01

package/dist/assets/LabeledAddressValue-tO6Kg-ki-DIZXgDEF.js

@@ -0,0 +1,49 @@
+import{K as p,j as a,ch as u,x as o,ex as m,n as t,V as x}from"./index-D9zAXs3-.js";import{n as r}from"./vendor-Bs1fkIUX.js";const e={width:new o(343,580,726),height:new o(t[6],t[6]),controlMinHeight:new o(t[4],t[4]),paddingTopBottom:new o(t[2],t[2]),marginRight:new o(t[2],t[2]),labelMarginLeft:new o(t[3],t[4]),labelMarginRight:new o(t[3],t[4]),labelMarginTop:new o(t[2],t[2])},c={infoLabel:new x("extraSmallRegular","smallRegular")};function $({isDisabled:i,label:n,additionalInfoLabel:d,addressValue:s,isOptional:g,style:h}){const l=p();return a.jsxs(w,{size:l,style:h,isDisabled:i!=null,children:[a.jsxs(f,{children:[a.jsx(u,{isOptional:g,isDisabled:i,label:n.label,style:{marginLeft:e.labelMarginLeft.value(l),marginRight:e.labelMarginRight.value(l),marginTop:e.labelMarginTop.value(l),width:n.width??"auto"}}),a.jsx(m,{...s,isDisabled:i,style:{minHeight:e.controlMinHeight.value(l),paddingTop:e.paddingTopBottom.valuePx(l),paddingBottom:e.paddingTopBottom.valuePx(l),maxWidth:n.width!=null?`calc(100% - ${n.width}px)`:"auto",display:"flex",flexGrow:1,...s.style}})]}),d?a.jsx(b,{size:l,children:d}):null]})}const b=r.label`
+  color: ${i=>i.theme.colors.grey1};
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  width: calc(100% - ${i=>e.marginRight.valuePx(i.size)});
+  padding-right: ${i=>e.marginRight.valuePx(i.size)};
+  padding-top: ${i=>e.paddingTopBottom.valuePx(i.size)};
+  padding-bottom: ${i=>e.paddingTopBottom.valuePx(i.size)};
+  ${i=>`${c.infoLabel.style(i.size)}`};
+`,f=r.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+`,w=r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: ${i=>i.theme.colors.grey5};
+  width: ${i=>e.width.valuePx(i.size)};
+  min-height: ${i=>e.height.valuePx(i.size)};
+  padding-right: ${i=>e.marginRight.valuePx(i.size)};
+  padding-top: ${i=>e.paddingTopBottom.valuePx(i.size)};
+  padding-bottom: ${i=>e.paddingTopBottom.valuePx(i.size)};
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${i=>i.theme.colors.primary};
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${i=>i.isDisabled===!0?i.theme.colors.grey3:i.theme.colors.primary};
+    .address-value {
+      background-color: ${i=>i.isDisabled===!0?i.theme.colors.grey5:i.theme.colors.background};
+    }
+  }
+`;export{$};

package/dist/assets/LabeledAddressValueField-CkveEJJG-BEvwzrCB.js

@@ -0,0 +1,45 @@
+import{K as f,cd as w,cj as v,F as y,j as r,Z as $,ch as z,x as l,fa as B,h,n as i,V as R}from"./index-D9zAXs3-.js";import{n}from"./vendor-Bs1fkIUX.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),controlMinHeight:new l(i[4],i[4]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},T={infoLabel:new R("extraSmallRegular","smallRegular")},j=y.getLocalizedStrings();function E({isDisabled:e,label:d,addressValueField:o,additionalInfoLabel:g,showAdditionalInfoLabel:m=!1,style:p,hasHoverBorder:u,isOptional:b}){const a=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?g:j.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(L,{size:a,style:p,isDisabled:e!=null,isError:s,hasHoverBorder:u??!0,"data-testid":$("labeled-address-value-field",o.name),children:[r.jsx(z,{isDisabled:e,isOptional:b,label:d.label,htmlFor:o.name,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:d.width??"auto"}}),r.jsxs(M,{labelWidth:d.width,children:[r.jsx(B,{...o,isDisabled:e,style:{minHeight:t.controlMinHeight.value(a),paddingTop:t.paddingTopBottom.valuePx(a),paddingBottom:t.paddingTopBottom.valuePx(a),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(m||s)&&r.jsx(D,{size:a,isError:s,children:c})]})]})}const L=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>t.width.valuePx(e.size)};
+  min-height: ${e=>t.height.valuePx(e.size)};
+  padding-right: ${e=>t.marginRight.valuePx(e.size)};
+  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
+
+  &:focus-within {
+    z-index: 1;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.hasHoverBorder?`1px solid ${e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary}`:"none"};
+    .address-value {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?h.importantLight:e.theme.colors.background};
+    }
+  }
+`,M=n.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,D=n.label`
+  display: flex;
+  color: ${e=>e.isError?h.important:e.theme.colors.grey1};
+  ${e=>`${T.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{E as W};

package/dist/assets/LabeledControlledCheckBoxField-B50HdRDc-BPCXXpG-.js

@@ -0,0 +1,16 @@
+import{K as o,j as l,Z as d,ch as r,o as i,x as n}from"./index-D9zAXs3-.js";import{i as c,n as h}from"./vendor-Bs1fkIUX.js";import{R as b}from"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";const m={width:new n(343,580,726)};function w({label:e,checkBoxField:s,style:t}){const a=o();return l.jsxs(x,{size:a,style:t,isDisabled:s.isDisabled,"data-testid":d(s.name,"labeled-check-box-field"),isSelected:s.defaultChecked??!1,children:[l.jsx(b,{...s,style:{...s.style}}),l.jsx(r,{isDisabled:s.isDisabled,label:e.label,labelStyle:e.style,htmlFor:s.name,style:{display:"flex",flex:1,minHeight:i.sp4,marginLeft:i.sp2,width:e.width,backgroundColor:"inherit",...e.style}})]})}const x=h.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: ${e=>m.width.valuePx(e.size)};
+  min-height: ${i.sp4};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&c`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+`;export{w as x};

package/dist/assets/{LabeledCreatableSingleSelectField-CTwToXIo-Cle-L6Nt.js → LabeledCreatableSingleSelectField-CIhXQBns-C3KOt5qj.js}

@@ -1,4 +1,4 @@
-import{e as _,ck as z,cs as F,j as t,_ as j,cq as B,C as f,c as u,q as s,ct as q,b as G,o as i,u as Q,M as J,eP as K,eQ as X,dk as Z,bX as A,b3 as C,cu as U,dK as Y,v as D,b0 as ee,a3 as le}from"./index-CyJdCOlu.js";import{n as a}from"./vendor-CnQcJ2Lu.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=Q(),y=Ce(e,b),I=J.getLocalizedStrings().dropDowns,O=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?P(r,b):void 0,R={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(U,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${I.createOption} "${l}"`})]}),M=l=>{const{menuIsOpen:p,isFocused:L,isDisabled:k,selectProps:H}=l,{value:W}=H;return t.jsx(se,{menuIsOpen:p,isFocused:L,isDisabled:k,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(C.Control,{...l,className:"select-control",children:l.children})})},T=l=>t.jsx(ye,{children:t.jsxs(C.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),N=l=>{const{selectProps:p}=l,{placeholder:L,value:k}=p;return t.jsx(C.Input,{...l,autoComplete:"new-password",placeholder:k==null?L:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(K,{isMulti:!1,onCreateOption:l=>{const p=X(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${I.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:M,Option:ae,Input:N,SingleValue:T,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:R,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},Z())},ie=e=>t.jsx(C.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(A,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(C.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
+import{K as B,cd as F,cj as z,j as t,Z as j,ch as _,x as f,h as u,n as s,ck as G,V as K,o as i,u as U,F as Z,eu as q,ev as A,cI as J,bT as Q,b3 as I,cl as X,dr as Y,y as D,b0 as ee,a3 as le}from"./index-D9zAXs3-.js";import{n as a}from"./vendor-Bs1fkIUX.js";const te=({allValues:e,selectedValue:r,name:o,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:S,style:c})=>{const w=U(),y=Ie(e,b),C=Z.getLocalizedStrings().dropDowns,O=y.sort((l,p)=>l.label.localeCompare(p.label)),v=r!=null&&r?R(r,b):void 0,P={container:l=>({...l,width:"100%",...c}),menu:l=>({...l,backgroundColor:w.colors.grey5,borderRadius:i.sp1,boxShadow:`${i.sp0} 2px ${i.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${i.sp0} ${i.sp0} ${i.sp0}`,overflow:"hidden"}),menuList:l=>({...l,borderRadius:i.sp1}),input:(l,{selectProps:p})=>({...l,":after":{width:p.inputValue.length>0?i.sp0:"unset"}})},E=l=>t.jsxs(xe,{children:[t.jsx(be,{children:t.jsx(X,{fill:"currentColor",height:i.sp3,width:i.sp3})}),t.jsx(fe,{children:`${C.createOption} "${l}"`})]}),T=l=>{const{menuIsOpen:p,isFocused:L,isDisabled:V,selectProps:N}=l,{value:W}=N;return t.jsx(se,{menuIsOpen:p,isFocused:L,isDisabled:V,selectedValue:W,hasError:S,"data-testid":j("creatable-single-select-control",o),children:t.jsx(I.Control,{...l,className:"select-control",children:l.children})})},M=l=>t.jsx(ye,{children:t.jsxs(I.SingleValue,{...l,children:[l.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(l.data.value)===!0&&t.jsx($e,{children:t.jsx(we,{style:x.style,children:x.tagName})}),l.children]})}),H=l=>{const{selectProps:p}=l,{placeholder:L,value:V}=p;return t.jsx(I.Input,{...l,autoComplete:"new-password",placeholder:V==null?L:void 0,"data-testid":j("creatable-single-select-input",o),children:l.children})};return t.jsx(q,{isMulti:!1,onCreateOption:l=>{const p=A(l);n(p)},onChange:l=>{$!==!1&&l?.value!=null&&v?.value===l.value?n(void 0):n(l?.value)},formatCreateLabel:l=>m===!0?E(l):`${C.otherOption} ${l}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":j("creatable-single-select",o),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:v,value:v,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:T,Option:ae,Input:H,SingleValue:M,ValueContainer:ie,DropdownIndicator:ve,IndicatorSeparator:je,ClearIndicator:Se,Placeholder:oe,MenuList:re},hideSelectedOptions:!1,styles:P,options:O,isClearable:!0,isSearchable:!0,isDisabled:d!=null},J())},ie=e=>t.jsx(I.ValueContainer,{...e,className:"select-value-container",children:e.children}),re=e=>{const{options:r,children:o,maxHeight:n,getValue:d}=e,[h]=d(),$=r.indexOf(h)*40;return t.jsx(Q,{height:o.length>7?n:o.length*40,width:"100%",itemCount:o.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>t.jsx(pe,{style:b,children:o[m]})})},oe=()=>null,ae=e=>{const{isSelected:r,isDisabled:o,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return t.jsx(ne,{isFocused:n,isSelected:r,isDisabled:o,children:t.jsx(I.Option,{...e,className:"select-option",children:t.jsxs(de,{"data-testid":j("creatable-single-select-option",h),children:[t.jsx(he,{children:t.jsx(ce,{isSelected:r,isDisabled:o,children:e.label})}),r?t.jsxs(ue,{children:[t.jsx(ge,{className:"right-tick-icon"}),t.jsx(me,{className:"close-tick-icon"})]}):null]})})})},se=a.div`
   width: 100%;
   background-color: ${e=>e.theme.colors.grey5};
   cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
@@ -153,7 +153,7 @@ import{e as _,ck as z,cs as F,j as t,_ as j,cq as B,C as f,c as u,q as s,ct as q
   justify-content: inherit;
   align-items: center;
   width: 100%;
-`,ve=()=>null,je=()=>null,Se=()=>null,Ce=(e,r)=>e.map(o=>P(o,r)),P=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ie=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=z(),y=F(w,e??"");return t.jsx(q,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:I,onChange:O}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),O({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:I.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,hasError:y,name:e})})})},g={width:new f(343,580,726),height:new f(s[6],s[6]),controlHeight:new f(s[6],s[6]),paddingTopBottom:new f(s[2],s[2]),marginRight:new f(s[2],s[2]),labelMarginLeft:new f(s[3],s[4]),labelMarginRight:new f(s[3],s[4]),labelMarginTop:new f(s[2],s[2])},Oe={infoLabel:new G("extraSmallRegular","smallRegular")};function ze({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=_(),{formState:{errors:w}}=z(),y=F(w,o.name??"");return t.jsxs(Le,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(B,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(ke,{labelWidth:r.width,children:[t.jsx(Ie,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(V,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(V,{size:c,hasError:y,children:h})]})]})}const Le=a.div`
+`,ve=()=>null,je=()=>null,Se=()=>null,Ie=(e,r)=>e.map(o=>R(o,r)),R=(e,r)=>({value:e,label:r!==void 0?r(e):e}),Ce=({name:e,registerOptions:r,defaultValue:o,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:S})=>{const{control:c,formState:{errors:w}}=F(),y=z(w,e??"");return t.jsx(G,{name:e,control:c,defaultValue:o,"data-testid":j("creatable-single-select-field",e),rules:r,render:({field:{value:C,onChange:O}})=>t.jsx(t.Fragment,{children:t.jsx(te,{onSelectedValueChanged:v=>{x?.(v??""),O({allOptions:o.allOptions,selectedOption:v})},placeholder:n,style:h,isDisabled:d,selectedValue:C.selectedOption,allValues:o.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:S,tagProperties:b,hasError:y,name:e})})})},g={width:new f(343,580,726),height:new f(s[6],s[6]),controlHeight:new f(s[6],s[6]),paddingTopBottom:new f(s[2],s[2]),marginRight:new f(s[2],s[2]),labelMarginLeft:new f(s[3],s[4]),labelMarginRight:new f(s[3],s[4]),labelMarginTop:new f(s[2],s[2])},Oe={infoLabel:new K("extraSmallRegular","smallRegular")};function Fe({isDisabled:e,label:r,creatableSingleSelectField:o,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:S}){const c=B(),{formState:{errors:w}}=F(),y=z(w,o.name??"");return t.jsxs(Le,{size:c,style:n,isDisabled:e!=null,hasError:y,"data-testid":j("labeled-creatable-single-select-field",o.name),children:[t.jsx(_,{isDisabled:e,label:r.label,htmlFor:o.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:r.width??"auto"}}),t.jsxs(Ve,{labelWidth:r.width,children:[t.jsx(Ce,{...o,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:r.width!==null&&m===!1?`calc(100% - ${r.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:S}),t.jsx(k,{size:c,additionalInfoTextColor:b,children:d}),y&&t.jsx(k,{size:c,hasError:y,children:h})]})]})}const Le=a.div`
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -189,16 +189,16 @@ import{e as _,ck as z,cs as F,j as t,_ as j,cq as B,C as f,c as u,q as s,ct as q
       background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
     }
   }
-`,ke=a.div`
+`,Ve=a.div`
   display: flex;
   width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
   justify-content: flex-end;
   flex-direction: column;
   position: relative;
-`,V=a.label`
+`,k=a.label`
   color: ${e=>e.hasError===!0?u.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
   width: auto;
   ${e=>`${Oe.infoLabel.style(e.size)}`};
   padding-right: ${i.sp3};
   text-align: right;
-`;export{ze as D};
+`;export{Fe as D};

package/dist/assets/LabeledDocumentField-B8uyJA2N-B3iZ1bpr.js

@@ -0,0 +1,41 @@
+import{K as I,cd as U,cj as g,j as o,Z as W,ch as N,x as l,ew as O,F as V,n as i,o as s,h as k,V as A}from"./index-D9zAXs3-.js";import{n as d}from"./vendor-Bs1fkIUX.js";const t={width:new l(343,580,726),height:new l(i[6],i[6]),paddingTopBottom:new l(i[2],i[2]),marginRight:new l(i[2],i[2]),labelMarginLeft:new l(i[3],i[4]),labelMarginRight:new l(i[3],i[4]),labelMarginTop:new l(i[2],i[2])},K={infoLabel:new A("extraSmallRegular","smallRegular")};function H({label:e,isDisabled:r,isOptional:u,style:c,file:h,name:n,registerOptions:b,additionalInfoLabel:f,acceptableTypes:x,sizeLimit:y,filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,filesEndPoint:P,authParams:F,hasError:E=!1,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showUploadSuccessAnimation:B,showWebCamPopUpCloseIcon:L,updateFilesEntity:R,onDeleteFile:j,onEditFileName:D,onFileSizeError:M}){const a=I(),{formState:{errors:m}}=U(),p=g(m,n),C=g(m,`${n}.fileName`);return o.jsxs(q,{size:a,style:c,isDisabled:r!=null,"data-testid":W("document-field",n),children:[o.jsx(N,{isDisabled:r,label:e.label,isOptional:u,style:{marginLeft:t.labelMarginLeft.value(a),marginRight:t.labelMarginRight.value(a),marginTop:t.labelMarginTop.value(a),width:e.width??"auto",...e.style}}),o.jsxs(J,{labelWidth:e.width,size:a,children:[o.jsx(O,{name:n,filesEndPoint:P,authParams:F,registerOptions:b,file:h,sizeLimit:y,acceptableTypes:x,isDisabled:r==="disabled"||r==="readonly",filemetadataPayload:w,deleteFileStatusById:$,updateFileStatusById:z,hasError:E,updateFilesEntity:R,onFileSizeError:M,onDeleteFile:j,onEditFileName:D,placeholderText:S,showPhotoPicker:v,useMobileCam:T,showWebCamPopUpCloseIcon:L,showUploadSuccessAnimation:B}),p&&o.jsx(Y,{size:a,isError:p,children:C&&h!=null?V.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:f})]})]})}const q=d.div`
+  display: flex;
+  flex-direction: ${e=>e.size==="small"?"column":"row"};
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>t.width.valuePx(e.size)};
+  min-height: ${e=>t.height.valuePx(e.size)};
+  padding-right: ${e=>t.marginRight.valuePx(e.size)};
+  padding-top: ${e=>t.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>t.paddingTopBottom.valuePx(e.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
+  }
+`,J=d.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.size==="small"?"100%":e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  padding: ${e=>e.size==="small"?`${s.sp1} ${s.sp2} ${s.sp0} ${s.sp3}`:s.sp0};
+  box-sizing: ${e=>e.size==="small"?"border-box":"inherit"};
+  align-items: flex-end;
+  flex-grow: 1;
+`,Y=d.label`
+  display: flex;
+  color: ${e=>e.isError?k.important:e.theme.colors.grey1};
+  ${e=>`${K.infoLabel.style(e.size)}`};
+  padding-right: ${s.sp3};
+  text-align: right;
+`;export{H as Y};

package/dist/assets/{LabeledDropDownFormattedTextField-mOxkCT-G-CFeF0x5h.js → LabeledDropDownFormattedTextField-pClUx8A9-Dtg8BoKW.js}

@@ -1,4 +1,4 @@
-import{e as R,u as T,ck as p,cs as V,j as r,o,ct as P,bm as O,v as q,fK as A,c as s,b as F,b0 as K}from"./index-CyJdCOlu.js";import{n as i}from"./vendor-CnQcJ2Lu.js";const M={infoLabel:new F("extraSmallRegular","smallRegular")};function W({isDisabled:e,label:m,formattedText:l,dropdownStyle:b,style:f,additionalInfoLabel:x,showAdditionalInfoLabel:y=!0,isSaveError:n=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:L,registerOptions:j,defaultValue:u,isSelectDisabled:k,menuPlacement:v,name:E,placeholderLabel:S}){const a=R(),h=T(),{formState:{errors:D}}=p(),d=V(D,l.name),{control:z}=p(),C=t=>typeof t=="string"?t.toLocaleUpperCase():t.toString().toLocaleUpperCase();return r.jsxs(U,{size:a,style:f,isDisabled:e!=null,isError:d||n,children:[r.jsx(G,{windowSize:a,style:{width:m?.width??"auto",marginRight:o.sp2},children:r.jsx(H,{style:{width:"auto",...b},children:r.jsx(P,{name:E,control:z,defaultValue:u.dropDownValue,rules:j,render:({field:{value:t,onChange:I}})=>r.jsx(O,{pickerValues:u.dropDownList.map(c=>c.code),valueToLabel:C,selectedValue:t??void 0,isDisabled:e!=null||k,onPickerSelectionChanged:c=>{I(c)},menuPlacement:v,titleTextStyle:q.standardRegular,titleColor:h.colors.hero,valueOpacity:1,backgroundColor:h.colors.grey5,placeholder:S})})})}),r.jsxs(B,{children:[r.jsx(A,{...l,style:l.style,isDisabled:l.isDisabled,isMasked:!0}),(y||d||n)&&r.jsxs(g,{size:a,isError:d||n,children:[w===!0?r.jsx(J,{children:r.jsx(Y,{})}):null,x]}),$===!0&&r.jsx(g,{size:a,isError:!0,children:L})]})]})}const U=i.div`
+import{K as I,u as R,cd as p,cj as T,j as r,o,ck as P,bm as K,y as O,eJ as A,h as s,V as F,b0 as J}from"./index-D9zAXs3-.js";import{n as i}from"./vendor-Bs1fkIUX.js";const M={infoLabel:new F("extraSmallRegular","smallRegular")};function W({isDisabled:e,label:m,formattedText:l,dropdownStyle:b,style:f,additionalInfoLabel:x,showAdditionalInfoLabel:y=!0,isSaveError:n=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:j,registerOptions:L,defaultValue:h,isSelectDisabled:k,menuPlacement:v,name:E,placeholderLabel:S}){const a=I(),u=R(),{formState:{errors:D}}=p(),d=T(D,l.name),{control:z}=p(),C=t=>typeof t=="string"?t.toLocaleUpperCase():t.toString().toLocaleUpperCase();return r.jsxs(U,{size:a,style:f,isDisabled:e!=null,isError:d||n,children:[r.jsx(G,{windowSize:a,style:{width:m?.width??"auto",marginRight:o.sp2},children:r.jsx(H,{style:{width:"auto",...b},children:r.jsx(P,{name:E,control:z,defaultValue:h.dropDownValue,rules:L,render:({field:{value:t,onChange:V}})=>r.jsx(K,{pickerValues:h.dropDownList.map(c=>c.code),valueToLabel:C,selectedValue:t??void 0,isDisabled:e!=null||k,onPickerSelectionChanged:c=>{V(c)},menuPlacement:v,titleTextStyle:O.standardRegular,titleColor:u.colors.hero,valueOpacity:1,backgroundColor:u.colors.grey5,placeholder:S})})})}),r.jsxs(Y,{children:[r.jsx(A,{...l,style:l.style,isDisabled:l.isDisabled,isMasked:!0}),(y||d||n)&&r.jsxs(g,{size:a,isError:d||n,children:[w===!0?r.jsx(q,{children:r.jsx(B,{})}):null,x]}),$===!0&&r.jsx(g,{size:a,isError:!0,children:j})]})]})}const U=i.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -33,7 +33,7 @@ import{e as R,u as T,ck as p,cs as V,j as r,o,ct as P,bm as O,v as q,fK as A,c a
       background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?s.importantLight:e.theme.colors.background};
     }
   }
-`,B=i.div`
+`,Y=i.div`
   display: flex;
   flex-direction: column;
   align-items: flex-end;
@@ -44,11 +44,11 @@ import{e as R,u as T,ck as p,cs as V,j as r,o,ct as P,bm as O,v as q,fK as A,c a
   ${e=>`${M.infoLabel.style(e.size)}`};
   padding-right: ${o.sp3};
   text-align: right;
-`,J=i.div`
+`,q=i.div`
   display: flex;
   margin-right: ${o.sp1};
   align-items: center;
-`,Y=i(K)`
+`,B=i(J)`
   width: ${o.sp3};
   height: ${o.sp3};
   color: ${s.successDark};

package/dist/assets/LabeledEmailInputField-D5OBo0RU-Cn7DEiyr.js

@@ -0,0 +1,182 @@
+import{cd as U,K as V,cj as W,F as q,j as r,ck as G,ey as N,h as m,x as F,o,k as H,V as J,b0 as Q,bs as X,n as L,d as Y,ap as O,y as Z,ez as _,a3 as B,cg as ee,ae as re}from"./index-D9zAXs3-.js";import{b as C,n as i,w as K}from"./vendor-Bs1fkIUX.js";const oe=i.div`
+  display: flex;
+  align-items: center;
+  padding: ${o.sp1} ${o.sp2};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.selected?e.theme.colors.primary:e.theme.colors.grey1}`};
+  column-gap: ${o.sp2};
+  border-radius: ${o.sp1};
+  height: ${o.sp5};
+  margin-right: ${o.sp3};
+  box-sizing: border-box;
+`,te=i(O)`
+  color: ${e=>e.error?e.theme.colors.hero:e.theme.colors.primary};
+`,ie=i.button`
+  border: none;
+  color: ${e=>e.error?e.theme.colors.hero:e.theme.colors.primary};
+  background: none;
+  cursor: pointer;
+  display: flex;
+`,le=i(B)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: inherit;
+`;function ne(e){const{label:l,error:g,handleDelete:w,selected:b}=e;return r.jsxs(oe,{selected:b,error:g,children:[r.jsx(te,{selected:b,error:g,children:l}),r.jsx(ie,{onClick:w,error:g,children:r.jsx(le,{})})]})}const se=i.div`
+  width: 100%;
+  position: relative;
+`,ae=i.div`
+  display: flex;
+  flex-wrap: wrap;
+  flex-flow: row wrap;
+  cursor: text;
+  border-radius: ${o.sp1};
+  padding: 0 ${o.sp3};
+  min-height: ${o.sp6};
+  align-items: center;
+  background-color: ${e=>e.isFocused&&!e.error?e.theme.colors.background:e.disabled?e.theme.colors.grey5:e.error?m.importantLight:"transparent"};
+  &:hover {
+    background-color: ${e=>e.error?m.importantLight:e.disabled?e.theme.colors.grey5:e.theme.colors.background};
+    & input {
+      background-color: ${e=>e.error?"transparent":e.disabled?e.theme.colors.grey5:e.theme.colors.background};
+    }
+  }
+`,de=i.div`
+  display: flex;
+  flex-flow: row wrap;
+  flex-wrap: wrap;
+  width: 100%;
+  gap: ${o.sp2} 0;
+  overflow-x: auto;
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`,ce=i.div`
+  width: 100%;
+  border-radius: 0;
+  display: inline-flex;
+  flex-wrap: wrap;
+  flex: 1;
+  padding: ${o.sp0};
+  margin-top: ${o.sp0};
+  min-width: 20;
+  background-color: transparent;
+  & input {
+    background-color: ${e=>e.isFocused&&!e.error?e.theme.colors.background:e.error?"transparent":""};
+  }
+  &:hover {
+    background-color: transparent;
+  }
+`,he=i(_)`
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  appearance: none;
+  border: none;
+  outline: none;
+  width: 100%;
+  float: left;
+  flex: 1;
+  background-color: transparent;
+  color: ${e=>e.theme.colors.hero};
+  ::placeholder {
+    font-size: ${Z.standardRegular.fontSize};
+    color: ${e=>e.error?m.important:e.theme.colors.grey1};
+    text-align: ${e=>e.isFocused?"left":"right"};
+  }
+`,pe=i.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  margin-top: ${o.sp1};
+`,ue=i(ee)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${m.important};
+`,ge=i(re)`
+  color: ${m.important};
+  padding-left: ${o.sp1};
+`,P=i(O)`
+  color: ${e=>e.error?e.theme.colors.hero:e.theme.colors.primary};
+  max-width: 500px;
+  text-align: ${e=>e.windowSize==="small"?"start":"end"};
+`,me=i.button`
+  border: none;
+  color: ${e=>e.error?e.theme.colors.hero:e.theme.colors.primary};
+  background: none;
+  cursor: pointer;
+  position: absolute;
+  right: 0;
+  display: flex;
+`,xe=i(B)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: inherit;
+`,T={BACKSPACE:8,DELETE:46},fe=[9,13,32],we=["Enter","Tab","Space"," "],be=e=>{const l=Y;return!!e.match(l)};function $e(e){const{error:l,helpText:g,inputValue:w,placeholder:b,chips:s,disableInputWithChips:j=!1,onUpdateInput:I,onAdd:S,onDelete:R,onInvalidEmailAdd:z,onDeleteAll:$}=e,[a,y]=K.useState(!1),[c,p]=K.useState(-1),x=C.useRef(null),f=C.useRef(null),d=V(),k=t=>{I(t)},v=t=>{R(t)},u=C.useCallback(t=>t.trim().length>0?(be(t)?S(t):z?.(t),!0):!1,[S,z]),E=t=>{p(t),n()},n=()=>{j===!1&&(y(!0),f?.current?.focus())},A=t=>{if(fe.indexOf(t.keyCode)>=0||we.indexOf(t.key)>=0){u(t.target.value)===!0&&t.preventDefault();return}switch(t.keyCode===37?c>0?p(c-1):c===-1&&p(s.length-1):t.keyCode===39&&c!==s.length-1&&p(c+1),t.keyCode){case T.BACKSPACE:case T.DELETE:if(t.target.value===""){let h=s.length-1;c!==-1&&(h=c),v(h),p(-1)}break}};return C.useEffect(()=>{const t=h=>{x.current!=null&&!x.current.contains(h.target)&&a&&(f?.current?.value!=null&&f?.current?.value.trim().length>0?u(f.current.value):(y(!1),p(-1)))};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[u,a]),r.jsxs(se,{windowSize:d,ref:x,children:[r.jsxs(ae,{isFocused:a,error:l,disabled:j,children:[r.jsxs(de,{chips:s,windowSize:d,children:[a&&r.jsx(r.Fragment,{children:s.map((t,h)=>r.jsx(ne,{handleClick:()=>{E(h)},handleDelete:()=>v(h),label:t,selected:h===c,error:l},t))}),!a&&d==="small"&&r.jsx(P,{onClick:n,error:l,windowSize:d,children:s.join(", ")}),r.jsx(ce,{isFocused:a,error:l,disabled:!1,children:r.jsx(he,{id:"inputField",isFocused:a,error:l,ref:f,value:w,onChange:k,onKeyDown:A,onFocus:n,disabled:j,autoComplete:"off",placeholder:w.length===0&&s.length===0?b:void 0})}),!a&&d!=="small"&&r.jsx(P,{onClick:n,error:l,windowSize:d,children:s.join(", ")})]}),a&&r.jsx(me,{onClick:$,error:l,children:r.jsx(xe,{})})]},"inputChips"),g!=null?r.jsxs(pe,{children:[r.jsx(ue,{}),r.jsx(ge,{children:g})]}):""]})}const D={width:new F(110,150),labelMarginLeft:new F(L[3],L[4]),labelMarginRight:new F(L[3],L[4])},ye={infoLabel:new J("extraSmallRegular","smallRegular")},ve=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  width: 100%;
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: 1px solid
+      ${e=>e.isDisabled?"transparent":e.theme.colors.primary};
+    .emailInputContainer {
+      background-color: ${e=>e.isDisabled?"transparent":e.isError?m.importantLight:e.theme.colors.background};
+    }
+  }
+`,je=i(H)`
+  color: ${e=>e.theme.colors.hero};
+  width: ${e=>D.width.valuePx(e.windowSize)};
+  margin-left: ${e=>D.labelMarginLeft.valuePx(e.windowSize)};
+  margin-right: ${e=>D.labelMarginRight.valuePx(e.windowSize)};
+  margin-top: ${o.sp2};
+  margin-bottom: ${o.sp2};
+`,ke=i.div`
+  width: calc(100% - ${e=>D.width.valuePx(e.windowSize)});
+  margin-right: ${o.sp2};
+`,Ee=i(X)`
+  color: ${e=>e.theme.colors.grey1};
+  padding-right: ${o.sp2};
+  margin: 0;
+`,Ce=i.div`
+  display: flex;
+  width: 100%;
+  align-items: center;
+`,Se=i.div`
+  display: flex;
+  width: calc(100% - 150px);
+  justify-content: flex-end;
+  align-items: center;
+  text-align: end;
+  margin-top: ${o.sp1};
+`,M=i.label`
+  display: flex;
+  color: ${e=>e.isError?m.important:e.theme.colors.grey1};
+  ${e=>`${ye.infoLabel.style(e.size)}`};
+  padding-right: ${o.sp3};
+  text-align: right;
+`,ze=i.div`
+  display: flex;
+  margin-right: ${o.sp1};
+  align-items: center;
+`,Le=i(Q)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${m.successDark};
+`;function Re({name:e,label:l,style:g,additionalInfoLabel:w,showAdditionalInfoLabel:b=!0,isSaveError:s=!1,showErrorInfoLabel:j,errorInfoLabel:I,showTickIcon:S,description:R,placeholder:z,registerOptions:$}){const[a,y]=C.useState(""),{control:c,formState:{errors:p},setError:x,clearErrors:f}=U(),d=V(),k=W(p,e),{cockpit:v}=q.getLocalizedStrings();return r.jsx(G,{name:e,control:c,defaultValue:[],rules:$,render:({field:{value:u,onChange:E}})=>r.jsxs(ve,{isError:k,isDisabled:$?.disabled===!0,style:g,children:[r.jsxs(Ce,{children:[r.jsx(je,{windowSize:d,children:l}),r.jsx(ke,{windowSize:d,className:"emailInputContainer",children:r.jsx($e,{placeholder:z??v.monthEndReport.addEmailAddress,inputValue:a,disableInputWithChips:$?.disabled===!0,chips:u,error:N(p,e,void 0)!=null,onUpdateInput:n=>{n.target.value.length===0&&u.length===0&&$?.required===!0?x(e,{type:"validate"}):f(e),y(n.target.value)},onInvalidEmailAdd:()=>{x(e,{message:v.monthEndReport.invalidEmail,type:"validate"})},onAdd:n=>{if(u.indexOf(n)>-1){x(e,{message:v.monthEndReport.duplicateEmail,type:"duplicate"});return}E([...u,n]),y("")},onDelete:n=>{const A=u.filter((t,h)=>n!==h);E(A)},onDeleteAll:()=>{E([]),y("")}})})]}),(b||k||s)&&r.jsxs(M,{size:d,isError:k||s,children:[S===!0?r.jsx(ze,{children:r.jsx(Le,{})}):null,w]}),j===!0&&r.jsx(M,{size:d,isError:!0,children:I}),r.jsx(Se,{children:r.jsx(Ee,{children:R})})]})})}export{Re as K};

package/dist/assets/LabeledGroupedCheckBoxField-DLSgfRui-CIvqEp4U.js

@@ -0,0 +1,82 @@
+import{K as _,cd as E,j as a,ck as M,x as A,bw as H,o as u,ch as K,b5 as N,eZ as z}from"./index-D9zAXs3-.js";import{b as F,n as g,i as m}from"./vendor-Bs1fkIUX.js";import{u as O}from"./ControlledCheckBoxField-BIqM2o6X-Ml88Uf7U.js";const P={width:new A(343,580,726)};function ee({name:e,checkBoxes:t,mode:i,isDisabled:o,style:c,labelStyle:n,labelCheckBoxStyle:r,checkBoxStyle:s,width:d,registerOptions:v,checkedIconColor:k,checkBoxIconStyle:S,checkBoxContainerStyle:C,draggable:$=!1,selectionLimit:y,infoIconContainerStyle:B,onDragStart:w}){const D=_(),{control:j}=E(),f=t.find(l=>l.groupLabel),b=[];for(const l of t)if(l.isException||b.push(l.value),y!=null&&b.length===y+1)break;const I=t.filter(l=>l.defaultChecked).map(l=>l.value);return a.jsx(M,{control:j,name:e,rules:v,defaultValue:I,render:({field:{value:l,ref:L,onChange:x}})=>a.jsx(q,{style:c,windowSize:D,children:t.map((p,T)=>a.jsx(V,{checkBox:p,index:T,value:l,allCheckBoxValues:b,mode:i,name:e,checkBoxContainerStyle:C,checkBoxIconStyle:S,checkBoxStyle:s,labelCheckBoxStyle:r,labelStyle:n,width:d,draggable:$,groupLabelCheckBox:f,infoIconContainerStyle:B,checkedIconColor:k,isDisabled:o,selectionLimit:y,onDragStart:w,ref:L,onChangeHandler:h=>R({event:h,value:l,allCheckBoxValues:b,groupLabelCheckBox:f,onChange:x})},p.value))})})}const V=F.forwardRef((e,t)=>{const{value:i,checkBox:o,groupLabelCheckBox:c,allCheckBoxValues:n,selectionLimit:r,mode:s,checkBoxStyle:d,labelCheckBoxStyle:v,isDisabled:k,draggable:S,checkBoxContainerStyle:C,infoIconContainerStyle:$,name:y,index:B,width:w,checkedIconColor:D,checkBoxIconStyle:j,labelStyle:f,onDragStart:b,onChangeHandler:I}=e,l=_(),L=h=>{typeof t=="function"?t(h):t&&(t.current=h)};let x=i.includes(o.value);const p=Array.from(new Set([...i,o.value]));c?.value===o.value&&i.length>0&&(r!=null?x=p.length===n.length||p.length===r+1:x=n.every(h=>p.includes(h)===!0));const T=()=>s==="off"||o.isException?l==="small"?{display:"none",...d}:{visibility:"hidden",...d}:o.groupLabel?n.length===1&&n[0]===c?.value?{visibility:"hidden",...v}:v:d;return a.jsxs(J,{mode:s,draggable:S===!0,onDragStart:h=>{b?.(h,o.value)},style:C,isDisabled:k,isSelected:x,exceptionMode:o.exceptionMode,children:[o.prefix?a.jsx(G,{className:"prefix-box",children:o.prefix}):null,o.isException?a.jsx(Q,{style:$,className:"checkbox-alert",children:a.jsx(H,{style:{padding:`12px ${u.sp3}`},title:o.exceptionInfo??"",placement:"bottom-start",children:o.exceptionType==="info"?a.jsx(U,{}):a.jsx(W,{})})}):a.jsx(O,{name:`${y}.${o.value}`,checkBoxValue:o.value,value:x,checkedIconColor:D,isDisabled:k||!o.groupLabel&&!x&&r!=null&&p.length===r+1?"disabled":void 0,checkBoxStyle:T(),checkBoxIconStyle:j,ref:L,onChange:I}),typeof o.label=="string"&&o.label?a.jsx(K,{isDisabled:k,label:o.label,labelStyle:f,htmlFor:`${y}.${o.value}`,style:{display:"flex",flex:1,minHeight:u.sp4,marginLeft:u.sp2,width:w,backgroundColor:"inherit",...f}}):o.label]},`${o.value}_${B}`)});V.displayName="CheckBoxWithLabel";const R=({event:e,value:t,allCheckBoxValues:i,groupLabelCheckBox:o,onChange:c})=>{const n=[...t];if(e.currentTarget.value===o?.value){e.currentTarget.checked===!0?c(i):c([]);return}if(e.currentTarget.checked===!0){const r=Array.from(new Set([...n,e.currentTarget.value]));if(o!=null&&r.length+1===i.length){c([o.value,...r]);return}c(Array.from(new Set([...n,e.currentTarget.value])))}else{if(o!=null){const s=n.filter(d=>d!==o.value&&d!==e.currentTarget.value);c(s);return}const r=n.filter(s=>s!==e.currentTarget.value);c(r)}},q=g.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>P.width.valuePx(e.windowSize)};
+`,G=g.div`
+  opacity: 0;
+`,J=g.div`
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  min-height: ${u.sp4};
+
+  ${e=>e.mode==="checked_or_hover"&&m`
+      input:not(:checked) ~ .unchecked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  ${e=>e.mode==="hover_only"&&m`
+      input:not(:checked) ~ .unchecked-icon,
+      input:checked ~ .checked-icon {
+        opacity: 0;
+      }
+
+      :hover {
+        input:not(:checked) ~ .unchecked-icon,
+        input:checked ~ .checked-icon,
+        .prefix-box {
+          opacity: 1;
+        }
+      }
+    `};
+
+  label {
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.hero};
+    ${e=>e.isDisabled==="disabled"&&m`
+        color: ${e.theme.colors.grey2};
+      `};
+    cursor: ${e=>e.isDisabled==="disabled"?"not-allowed":"pointer"};
+    pointer-events: ${e=>e.isDisabled==="disabled"||e.isDisabled==="readonly"?"none":"initial"};
+  }
+
+  .checkbox-alert {
+    opacity: 0;
+  }
+
+  ${e=>e.exceptionMode==="hover_only"&&m`
+      :hover {
+        .checkbox-alert {
+          opacity: 1;
+        }
+      }
+    `}
+
+  ${e=>e.exceptionMode==="checked_or_hover"&&m`
+      .checkbox-alert {
+        opacity: 1;
+      }
+    `}
+`,Q=g.div`
+  cursor: pointer;
+`,U=g(N)`
+  height: ${u.sp3};
+  width: ${u.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`,W=g(z)`
+  height: ${u.sp3};
+  width: ${u.sp3};
+  color: ${e=>e.theme.colors.hero};
+  background-color: ${e=>e.theme.colors.grey4};
+  border-radius: 50%;
+`;export{R as P,V as _,ee as t};

package/dist/assets/LabeledItemWithButton-CNlRAl-1-D8RdmCNz.js

@@ -0,0 +1,21 @@
+import{K as d,j as l,ch as g,x as a,en as h,n as e}from"./index-D9zAXs3-.js";import{n as p}from"./vendor-Bs1fkIUX.js";const i={width:new a(343,580,726),height:new a(e[6],e[6]),controlHeight:new a(e[6],e[6]),paddingTopBottom:new a(e[2],e[2]),marginRight:new a(e[2],e[2]),labelMarginLeft:new a(e[3],e[4]),labelMarginRight:new a(e[3],e[4]),labelMarginTop:new a(e[2],e[2])};function f({isDisabled:t,label:n,button:r,style:s}){const o=d();return l.jsxs(b,{size:o,style:s,children:[l.jsx(g,{isDisabled:t,label:n.label,style:{marginLeft:i.labelMarginLeft.value(o),marginRight:i.labelMarginRight.value(o),marginTop:i.labelMarginTop.value(o),width:n.width??"auto"}}),l.jsx(h,{...r,style:{minHeight:i.controlHeight.value(o),display:"flex",flexGrow:1,...r.style}})]})}const b=p.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${t=>t.theme.colors.grey5};
+  width: ${t=>i.width.valuePx(t.size)};
+  min-height: ${t=>i.height.valuePx(t.size)};
+  padding-right: ${t=>i.marginRight.valuePx(t.size)};
+  padding-top: ${t=>i.paddingTopBottom.valuePx(t.size)};
+  padding-bottom: ${t=>i.paddingTopBottom.valuePx(t.size)};
+
+  :first-of-type {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+`;export{f};