@zeniai/web-cockpit-ui 1.14.82-qa → 1.14.83-dev

package/dist/assets/LabeledAddressValueField-C74ZzWQ3-j8ky07qz.js

@@ -0,0 +1,45 @@
+import{u as f,dF as w,dN as v,a as y,j as r,bm as $,dL as z,R as l,gh as L,C as g,s as i,d as R}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";const a={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")},B=y.getLocalizedStrings();function H({isDisabled:e,label:d,addressValueField:o,additionalInfoLabel:h,showAdditionalInfoLabel:p=!1,style:m,hasHoverBorder:u,isOptional:b}){const t=f(),{formState:{errors:x}}=w(),s=v(x,o.name),c=s?h:B.commonSetUp.businessVerification.addressAdditionInfo;return r.jsxs(S,{size:t,style:m,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:a.labelMarginLeft.value(t),marginRight:a.labelMarginRight.value(t),marginTop:a.labelMarginTop.value(t),width:d.width??"auto"}}),r.jsxs(M,{labelWidth:d.width,children:[r.jsx(L,{...o,isDisabled:e,style:{minHeight:a.controlMinHeight.value(t),paddingTop:a.paddingTopBottom.valuePx(t),paddingBottom:a.paddingTopBottom.valuePx(t),width:"-webkit-fill-available",display:"flex",flexGrow:1,...o.style}}),(p||s)&&r.jsx(j,{size:t,isError:s,children:c})]})]})}const S=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>a.width.valuePx(e.size)};
+  min-height: ${e=>a.height.valuePx(e.size)};
+  padding-right: ${e=>a.marginRight.valuePx(e.size)};
+  padding-top: ${e=>a.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>a.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?g.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;
+`,j=n.label`
+  display: flex;
+  color: ${e=>e.isError?g.important:e.theme.colors.grey1};
+  ${e=>`${T.infoLabel.style(e.size)}`};
+  padding-right: 12px;
+  text-align: right;
+`;export{H as c};

package/dist/assets/LabeledControlledCheckBoxField-D7yxgfu0-DldJVWKR.js

@@ -0,0 +1,16 @@
+import{u as o,j as l,bm as d,fZ as n,dL as r,b as i,R as c}from"./index-2CdI-B2B.js";import{c as b,n as h}from"./mui-kiGMfX4-.js";const m={width:new c(343,580,726)};function f({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(n,{...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"&&b`
+        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{f as c};

package/dist/assets/LabeledCreatableSingleSelectField-BoymBi06-CmNh4XiF.js

@@ -0,0 +1,204 @@
+import{u as M,dF as V,dN as z,j as l,bm as S,dL as N,R as f,C as u,s,dO as B,d as W,b as t,i as H,a as _,gc as G,cp as C,dP as A,c as q,eB as J,dj as K,f2 as Q,t as R,cn as U,f as X}from"./index-2CdI-B2B.js";import{n as a}from"./mui-kiGMfX4-.js";const Y=({allValues:e,selectedValue:o,name:r,onSelectedValueChanged:n,isDisabled:d,placeholder:h,isOptionRemovable:$=!0,addIconInCreateLabel:m,getLabelForId:b,tagProperties:x,hasError:j,style:c})=>{const w=H(),v=ve(e,b),I=_.getLocalizedStrings().dropDowns,L=v.sort((i,p)=>i.label.localeCompare(p.label)),y=o!=null&&o?F(o,b):void 0,P={container:i=>({...i,width:"100%",...c}),menu:i=>({...i,backgroundColor:w.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${w.colors.dropShadowHover}`,border:`1px solid ${w.colors.grey3}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:`1px ${t.sp0} ${t.sp0} ${t.sp0}`,overflow:"hidden"}),menuList:i=>({...i,borderRadius:t.sp1}),input:(i,{selectProps:p})=>({...i,":after":{width:p.inputValue.length>0?t.sp0:"unset"}})};return l.jsx(G,{isMulti:!1,onCreateOption:i=>{const p=q(i);n(p)},onChange:i=>{$!==!1&&i?.value!=null&&y?.value===i.value?n(void 0):n(i?.value)},formatCreateLabel:i=>m===!0?(p=>l.jsxs(ue,{children:[l.jsx(he,{children:l.jsx(A,{fill:"currentColor",height:t.sp3,width:t.sp3})}),l.jsx(ge,{children:`${I.createOption} "${p}"`})]}))(i):`${I.otherOption} ${i}`,tabSelectsValue:!1,openMenuOnFocus:!0,"data-testid":S("creatable-single-select",r),classNamePrefix:"creatable-single-select-field",createOptionPosition:"last",allowCreateWhileLoading:!0,controlShouldRenderValue:!0,placeholder:h,menuPlacement:"auto",maxMenuHeight:288,defaultValue:y,value:y,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:i=>{const{menuIsOpen:p,isFocused:O,isDisabled:D,selectProps:E}=i,{value:T}=E;return l.jsx(ie,{menuIsOpen:p,isFocused:O,isDisabled:D,selectedValue:T,hasError:j,"data-testid":S("creatable-single-select-control",r),children:l.jsx(C.Control,{...i,className:"select-control",children:i.children})})},Option:te,Input:i=>{const{selectProps:p}=i,{placeholder:O,value:D}=p;return l.jsx(C.Input,{...i,autoComplete:"new-password",placeholder:D==null?O:void 0,"data-testid":S("creatable-single-select-input",r),children:i.children})},SingleValue:i=>l.jsx(xe,{children:l.jsxs(C.SingleValue,{...i,children:[i.selectProps.menuIsOpen===!1&&x!=null&&x.isTagShownForOption(i.data.value)===!0&&l.jsx(me,{children:l.jsx(be,{style:x.style,children:x.tagName})}),i.children]})}),ValueContainer:Z,DropdownIndicator:fe,IndicatorSeparator:$e,ClearIndicator:we,Placeholder:le,MenuList:ee},hideSelectedOptions:!1,styles:P,options:L,isClearable:!0,isSearchable:!0,isDisabled:d!=null},J())},Z=e=>l.jsx(C.ValueContainer,{...e,className:"select-value-container",children:e.children}),ee=e=>{const{options:o,children:r,maxHeight:n,getValue:d}=e,[h]=d(),$=40*o.indexOf(h);return l.jsx(K,{height:r.length>7?n:40*r.length,width:"100%",itemCount:r.length,itemSize:()=>40,initialScrollOffset:$,children:({index:m,style:b})=>l.jsx(ne,{style:b,children:r[m]})})},le=()=>null,te=e=>{const{isSelected:o,isDisabled:r,isFocused:n,data:d}=e,h=typeof d.label=="string"?d.label:d.value;return l.jsx(oe,{isFocused:n,isSelected:o,isDisabled:r,children:l.jsx(C.Option,{...e,className:"select-option",children:l.jsxs(re,{"data-testid":S("creatable-single-select-option",h),children:[l.jsx(se,{children:l.jsx(ae,{isSelected:o,isDisabled:r,children:e.label})}),o?l.jsxs(de,{children:[l.jsx(ce,{className:"right-tick-icon"}),l.jsx(pe,{className:"close-tick-icon"})]}):null]})})})},ie=a.div`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: ${t.sp6};
+    background-color: ${e=>e.hasError===!0?u.importantLight:e.menuIsOpen?e.theme.colors.background:e.theme.colors.grey5};
+    box-shadow: none;
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
+      border-color: none;
+    }
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+  }
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    margin: ${t.sp0} ${t.sp3};
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: ${e=>e.menuIsOpen===!1?"flex-end":"flex-start"};
+
+    .creatable-single-select-field__single-value {
+      display: flex;
+      border-radius: ${t.sp0};
+      margin: ${t.sp0};
+      color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
+      ${R.standardRegular.css};
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .creatable-single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1&&e.selectedValue!=null?t.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${R.standardRegular.css};
+      color: ${e=>e.hasError===!0?u.important:e.theme.colors.primary};
+      margin: ${t.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.hasError===!0?u.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+`,oe=a.div`
+  border-radius: inherit;
+  .select-option {
+    ${R.smallRegular.css};
+    height: ${t.sp6};
+    padding: 9px ${t.sp3};
+    color: ${e=>e.isSelected?e.theme.colors.primary:e.theme.colors.champion};
+    background-color: ${e=>e.isSelected||e.isFocused?e.theme.colors.background:e.theme.colors.grey5};
+    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+    border-top: none;
+    border-radius: inherit;
+    .close-tick-icon {
+      display: none;
+    }
+
+    &:hover {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+      color: ${e=>e.isDisabled?e.theme.colors.champion:e.theme.colors.primary};
+      .right-tick-icon {
+        display: none;
+      }
+      .close-tick-icon {
+        display: inline-block;
+      }
+    }
+  }
+`,re=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+`,ae=a.label`
+  padding-right: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
+`,se=a.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+`,ne=a.div`
+  :first-of-type {
+    border-top-left-radius: ${t.sp1};
+    border-top-right-radius: ${t.sp1};
+  }
+
+  :last-of-type {
+    border-bottom-left-radius: ${t.sp1};
+    border-bottom-right-radius: ${t.sp1};
+  }
+`,de=a.div`
+  display: flex;
+`,ce=a(U)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,pe=a(X)`
+  width: ${t.sp3};
+  height: ${t.sp3};
+  color: ${e=>e.theme.colors.primary};
+`,he=a.div`
+  display: flex;
+  width: ${t.sp3};
+  align-items: center;
+  margin-right: ${t.sp2};
+`,ue=a.div`
+  display: flex;
+  flex-direction: row;
+`,ge=a.div``,me=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 3px 6px;
+  margin-right: ${t.sp2};
+`,be=a(Q)`
+  color: ${u.neutralGrey5Light};
+  border-radius: ${t.sp2};
+  padding: 3px 6px;
+  margin-left: 12px;
+  letter-spacing: 0.04em;
+`,xe=a.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: inherit;
+  align-items: center;
+  width: 100%;
+`,fe=()=>null,$e=()=>null,we=()=>null,ve=(e,o)=>e.map(r=>F(r,o)),F=(e,o)=>({value:e,label:o!==void 0?o(e):e}),ye=({name:e,registerOptions:o,defaultValue:r,placeholder:n,isDisabled:d,style:h,addIconInCreateLabel:$,isOptionRemovable:m,tagProperties:b,onSelectChange:x,getLabelForId:j})=>{const{control:c,formState:{errors:w}}=V(),v=z(w,e??"");return l.jsx(B,{name:e,control:c,defaultValue:r,"data-testid":S("creatable-single-select-field",e),rules:o,render:({field:{value:I,onChange:L}})=>l.jsx(l.Fragment,{children:l.jsx(Y,{onSelectedValueChanged:y=>{x?.(y??""),L({allOptions:r.allOptions,selectedOption:y})},placeholder:n,style:h,isDisabled:d,selectedValue:I.selectedOption,allValues:r.allOptions,addIconInCreateLabel:$,isOptionRemovable:m,getLabelForId:j,tagProperties:b,hasError:v,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])},Se={infoLabel:new W("extraSmallRegular","smallRegular")};function Oe({isDisabled:e,label:o,creatableSingleSelectField:r,style:n,additionalInfoLabel:d,errorInfoLabel:h,isOptionRemovable:$,addIconInCreateLabel:m,additionalInfoTextColor:b,onSelectChange:x,getLabelForId:j}){const c=M(),{formState:{errors:w}}=V(),v=z(w,r.name??"");return l.jsxs(je,{size:c,style:n,isDisabled:e!=null,hasError:v,"data-testid":S("labeled-creatable-single-select-field",r.name),children:[l.jsx(N,{isDisabled:e,label:o.label,htmlFor:r.name,style:{marginLeft:g.labelMarginLeft.value(c),marginRight:g.labelMarginRight.value(c),marginTop:g.labelMarginTop.value(c),width:o.width??"auto"}}),l.jsxs(Ce,{labelWidth:o.width,children:[l.jsx(ye,{...r,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:o.width!==null&&m===!1?`calc(100% - ${o.width}px)`:"auto",height:g.controlHeight.value(c)},onSelectChange:x,isOptionRemovable:$,addIconInCreateLabel:m,getLabelForId:j}),l.jsx(k,{size:c,additionalInfoTextColor:b,children:d}),v&&l.jsx(k,{size:c,hasError:v,children:h})]})]})}const je=a.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>g.width.valuePx(e.size)};
+  min-height: ${e=>g.height.valuePx(e.size)};
+  padding-right: ${e=>g.marginRight.valuePx(e.size)};
+  padding-top: ${e=>g.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>g.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;
+  }
+
+  &:focus-within {
+    z-index: 2;
+    outline: 1px solid ${e=>e.theme.colors.primary};
+    .select-control {
+      background-color: ${e=>e.hasError===!0?u.importantLight:e.theme.colors.background};
+    }
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.hasError===!0?u.importantLight:e.theme.colors.background};
+    }
+  }
+`,Ce=a.div`
+  display: flex;
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
+  justify-content: flex-end;
+  flex-direction: column;
+  position: relative;
+`,k=a.label`
+  color: ${e=>e.hasError===!0?u.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
+  width: auto;
+  ${e=>`${Se.infoLabel.style(e.size)}`};
+  padding-right: ${t.sp3};
+  text-align: right;
+`;export{Oe as Z};

package/dist/assets/LabeledDocumentField-BEg2KNOF-CXhVMSrJ.js

@@ -0,0 +1,41 @@
+import{u as j,dF as B,dN as u,j as o,bm as N,dL as U,R as t,gd as O,a as k,s as i,b as s,C as A,d as q}from"./index-2CdI-B2B.js";import{n as d}from"./mui-kiGMfX4-.js";const a={width:new t(343,580,726),height:new t(i[6],i[6]),paddingTopBottom:new t(i[2],i[2]),marginRight:new t(i[2],i[2]),labelMarginLeft:new t(i[3],i[4]),labelMarginRight:new t(i[3],i[4]),labelMarginTop:new t(i[2],i[2])},V={infoLabel:new q("extraSmallRegular","smallRegular")};function X({label:e,isDisabled:r,isOptional:g,style:b,file:p,name:n,registerOptions:c,additionalInfoLabel:f,acceptableTypes:x,sizeLimit:y,filemetadataPayload:w,deleteFileStatusById:z,updateFileStatusById:$,filesEndPoint:P,authParams:S,hasError:F=!1,placeholderText:E,showPhotoPicker:v,useMobileCam:L,showUploadSuccessAnimation:R,showWebCamPopUpCloseIcon:T,updateFilesEntity:C,onDeleteFile:D,onEditFileName:I,onFileSizeError:M}){const l=j(),{formState:{errors:m}}=B(),h=u(m,n),W=u(m,`${n}.fileName`);return o.jsxs(G,{size:l,style:b,isDisabled:r!=null,"data-testid":N("document-field",n),children:[o.jsx(U,{isDisabled:r,label:e.label,isOptional:g,style:{marginLeft:a.labelMarginLeft.value(l),marginRight:a.labelMarginRight.value(l),marginTop:a.labelMarginTop.value(l),width:e.width??"auto",...e.style}}),o.jsxs(H,{labelWidth:e.width,size:l,children:[o.jsx(O,{name:n,filesEndPoint:P,authParams:S,registerOptions:c,file:p,sizeLimit:y,acceptableTypes:x,isDisabled:r==="disabled"||r==="readonly",filemetadataPayload:w,deleteFileStatusById:z,updateFileStatusById:$,hasError:F,updateFilesEntity:C,onFileSizeError:M,onDeleteFile:D,onEditFileName:I,placeholderText:E,showPhotoPicker:v,useMobileCam:L,showWebCamPopUpCloseIcon:T,showUploadSuccessAnimation:R}),h&&o.jsx(J,{size:l,isError:h,children:W&&p!=null?k.getLocalizedStrings().commonSetUp.businessVerification.fileNameRequired:f})]})]})}const G=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=>a.width.valuePx(e.size)};
+  min-height: ${e=>a.height.valuePx(e.size)};
+  padding-right: ${e=>a.marginRight.valuePx(e.size)};
+  padding-top: ${e=>a.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>a.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};
+  }
+`,H=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;
+`,J=d.label`
+  display: flex;
+  color: ${e=>e.isError?A.important:e.theme.colors.grey1};
+  ${e=>`${V.infoLabel.style(e.size)}`};
+  padding-right: ${s.sp3};
+  text-align: right;
+`;export{X as c};

package/dist/assets/LabeledDropDownFormattedTextField-B4_WiAaD-BNmJ6YJs.js

@@ -0,0 +1,59 @@
+import{u as R,i as F,dF as h,dN as I,j as r,b as o,dO as P,cF as V,t as O,hB as U,C as s,d as A,cn as B}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";const K={infoLabel:new A("extraSmallRegular","smallRegular")};function X({isDisabled:e,label:m,formattedText:l,dropdownStyle:x,style:b,additionalInfoLabel:f,showAdditionalInfoLabel:y=!0,isSaveError:n=!1,showTickIcon:w,showErrorInfoLabel:$,errorInfoLabel:S,registerOptions:L,defaultValue:u,isSelectDisabled:j,menuPlacement:v,name:k,placeholderLabel:C}){const a=R(),p=F(),{formState:{errors:D}}=h(),d=I(D,l.name),{control:E}=h(),z=t=>typeof t=="string"?t.toLocaleUpperCase():t.toString().toLocaleUpperCase();return r.jsxs(M,{size:a,style:b,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",...x},children:r.jsx(P,{name:k,control:E,defaultValue:u.dropDownValue,rules:L,render:({field:{value:t,onChange:T}})=>r.jsx(V,{pickerValues:u.dropDownList.map(c=>c.code),valueToLabel:z,selectedValue:t??void 0,isDisabled:e!=null||j,onPickerSelectionChanged:c=>{T(c)},menuPlacement:v,titleTextStyle:O.standardRegular,titleColor:p.colors.hero,valueOpacity:1,backgroundColor:p.colors.grey5,placeholder:C})})})}),r.jsxs(N,{children:[r.jsx(U,{...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(W,{children:r.jsx(q,{})}):null,f]}),$===!0&&r.jsx(g,{size:a,isError:!0,children:S})]})]})}const M=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background-color: ${e=>e.theme.colors.grey5};
+  min-height: ${o.sp6};
+  padding-top: ${o.sp2};
+  padding-bottom: ${o.sp2};
+  padding-right: ${o.sp2};
+
+  :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: 1;
+
+    input {
+      background-color: ${e=>e.isError?s.importantLight:e.theme.colors.background};
+    }
+  }
+  input {
+    background-color: ${e=>e.isError?s.importantLight:e.theme.colors.grey5};
+  }
+  &:hover {
+    input {
+      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.isError?s.importantLight:e.theme.colors.background};
+    }
+  }
+`,N=i.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  flex-grow: 1;
+`,g=i.label`
+  display: flex;
+  color: ${e=>e.isError?s.important:e.theme.colors.grey1};
+  ${e=>`${K.infoLabel.style(e.size)}`};
+  padding-right: ${o.sp3};
+  text-align: right;
+`,W=i.div`
+  display: flex;
+  margin-right: ${o.sp1};
+  align-items: center;
+`,q=i(B)`
+  width: ${o.sp3};
+  height: ${o.sp3};
+  color: ${s.successDark};
+`,G=i.div`
+  display: flex;
+  width: 100%;
+  flex-direction: ${e=>e.windowSize==="small"?"column":"row"};
+`,H=i.div``;export{X as m};

package/dist/assets/LabeledText-iHeu8MCf-BqC7UtSs.js

@@ -0,0 +1,42 @@
+import{u as b,j as r,bm as d,dL as u,R as a,s as t,b as l,ah as m,d as x}from"./index-2CdI-B2B.js";import{n}from"./mui-kiGMfX4-.js";const i={width:new a(343,580,726),height:new a(t[6],t[6]),paddingTopBottom:new a(t[2],t[2]),marginRight:new a(t[2],t[2]),labelMarginLeft:new a(t[3],t[4]),labelMarginRight:new a(t[3],t[4]),labelMarginTop:new a(t[2],t[2])},f={infoLabel:new x("extraSmallRegular","smallRegular")};function z({label:e,value:g,additionalInfoLabel:s,style:h,infoLabelStyle:p}){const o=b();return r.jsxs(c,{size:o,style:h,"data-testid":d("labeled-text",e.label),children:[r.jsx(u,{label:e.label,style:{marginLeft:i.labelMarginLeft.value(o),marginRight:i.labelMarginRight.value(o),marginTop:i.labelMarginTop.value(o),width:e.width??"auto"}}),r.jsxs($,{labelWidth:e.width,children:[r.jsx(w,{"data-testid":d("labeled-text-input",e.label),children:g}),s!=null?r.jsx(y,{size:o,style:p,children:s}):null]})]})}const c=n.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>i.width.valuePx(e.size)};
+  min-height: ${e=>i.height.valuePx(e.size)};
+  padding-right: ${e=>i.marginRight.valuePx(e.size)};
+  padding-top: ${e=>i.paddingTopBottom.valuePx(e.size)};
+  padding-bottom: ${e=>i.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;
+  }
+`,w=n(m)`
+  display: flex;
+  border-width: ${l.sp0};
+  outline-width: ${l.sp0};
+  color: ${e=>e.theme.colors.primary};
+  background-color: ${e=>e.theme.colors.grey5};
+  border-radius: ${l.sp1};
+  text-align: right;
+  padding: 0 ${l.sp3};
+  width: 100%;
+  justify-content: flex-end;
+  margin-top: ${l.sp2};
+  margin-bottom: ${l.sp2};
+`,$=n.label`
+  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"100%"};
+`,y=n.label`
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  color: ${e=>e.theme.colors.hero};
+  ${e=>`${f.infoLabel.style(e.size)}`};
+  padding-right: ${l.sp3};
+  text-align: right;
+`;export{z as p};

package/dist/assets/LabeledUserSingleSelectWithSubtitlesField-O_tz5mgs-3DtmJ9nC.js

@@ -0,0 +1,229 @@
+import{u as U,j as l,bm as X,dL as te,b as s,R as C,s as m,dF as Y,dO as ie,dN as re,i as ne,hk as oe,a as V,cp as B,hl as q,al as H,hm as _,cn as G,d as ae,C as F,t as Q,ah as J,hn as de,ai as ce,af as ue}from"./index-2CdI-B2B.js";import{n as i}from"./mui-kiGMfX4-.js";import{y as he}from"./RoleWithToolTip-CWH-iJqI-DmzPBpda.js";const ee={selectContainerMarginHorizontal:new C(m[2],m[3]),marginTop:new C(m[1],m[0])},pe=i(ce)`
+  display: flex;
+  gap: ${s.sp2};
+  align-items: center;
+  color: ${e=>e.theme.colors.grey1};
+  justify-content: ${e=>e.menuIsOpen?"flex-start":"flex-end"};
+  height: 18px;
+  width: 100%;
+`,me=i.div`
+  display: flex;
+  align-items: center;
+`,ge=i.div`
+  height: ${s.sp1};
+  width: ${s.sp1};
+  background-color: ${e=>e.theme.colors.grey1};
+  border-radius: 50%;
+  opacity: 0.4;
+`,xe=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: ${s.sp6};
+  gap: ${s.sp3};
+`,be=i(J)`
+  display: flex;
+`,fe=i.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  opacity: ${e=>e.isCurrOptionDisabled?.5:1};
+`,we=i.div`
+  display: flex;
+  align-items: center;
+  margin-right: ${s.sp2};
+`,$e=i.img`
+  height: ${s.sp5};
+  width: ${s.sp5};
+  border-radius: 50%;
+  justify-content: center;
+`,ye=i.img`
+  height: ${s.sp4};
+  width: ${s.sp4};
+  border-radius: 50%;
+  justify-content: center;
+  color: ${e=>e.theme.colors.hero};
+`,M=i.div`
+  display: flex;
+  flex-direction: row;
+  cursor: pointer;
+  align-items: center;
+  gap: ${s.sp2};
+  height: 100%;
+`,ve=i(M)`
+  flex-direction: column;
+  gap: ${s.sp0};
+`,Se=i.div`
+  display: flex;
+  align-items: center;
+  height: ${s.sp6};
+  gap: ${s.sp2};
+  justify-content: ${e=>e.menuIsOpen?"flex-start":"flex-end"};
+  width: 100%;
+`,je=i(J)`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`,Oe=i.div`
+  display: flex;
+  align-items: center;
+  color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?F.important:e.theme.colors.grey1};
+  fill: ${e=>e.theme.colors.grey1};
+`,Ce=i(ue)`
+  color: ${e=>e.hasSelectedUser?e.theme.colors.primary:e.theme.colors.hero};
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  padding: ${s.sp2} 12px 12px 12px;
+  fill: ${e=>e.hasSelectedUser?e.theme.colors.primary:e.theme.colors.hero};
+  cursor: ${e=>e.hasSelectedUser?"pointer":"default"};
+  &:hover {
+    color: ${e=>e.theme.colors.primary};
+    background: ${e=>e.theme.colors.background};
+    fill: ${e=>e.theme.colors.primary};
+  }
+  border-bottom: 1px solid ${e=>e.theme.colors.grey3};
+  margin-bottom: -${s.sp2};
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+`,Ie=i(M)`
+  align-items: center;
+  gap: ${s.sp2};
+`,E=i.div`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`,Z=i.div``,ze=i.div`
+  width: 100%;
+  background-color: ${e=>e.theme.colors.grey5};
+  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
+  .select-control {
+    border: none;
+    height: 100%;
+    background-color: ${e=>e.menuIsOpen&&e.isValuePlacedAtEnd===!0?e.theme.colors.background:e.isError===!0?F.importantLight:e.theme.colors.grey5};
+    box-shadow: none;
+    border-radius: ${s.sp1};
+    &:hover {
+      fill: ${e=>e.theme.colors.primary};
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.isValuePlacedAtEnd!==!0?"inherit":e.theme.colors.background};
+      border-color: none;
+    }
+    width: auto;
+    min-height: auto;
+    cursor: pointer;
+    padding: 0;
+  }
+  .select-value-container {
+    width: 100%;
+    display: flex;
+    margin: ${e=>`${s.sp0} ${e.isValuePlacedAtEnd===!0?e.bigMarginRightForSmallScreens===!0?s.sp3:ee.selectContainerMarginHorizontal.valuePx(e.windowSize):s.sp0}`};
+    padding: 0;
+    max-width: 100%;
+    height: 100%;
+    min-width: auto;
+    align-items: center;
+    flex-wrap: nowrap;
+    cursor: pointer;
+    justify-content: ${e=>e.menuIsOpen===!1&&e.isValuePlacedAtEnd===!0?"flex-end":"flex-start"};
+
+    .single-select-field__single-value {
+      border-radius: ${s.sp0};
+      margin: ${s.sp0};
+      color: ${e=>e.theme.colors.primary};
+      ${Q.standardRegular.css};
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      height: 100%;
+    }
+
+    .single-select-field__input-container {
+      display: flex;
+      width: ${e=>e.menuIsOpen===!1?s.sp0:"100%"};
+      position: ${e=>e.isFocused===!1&&e.selectedValue==null?"initial":"absolute"};
+      ${Q.standardRegular.css};
+      color: ${e=>e.theme.colors.primary};
+      margin: ${s.sp0};
+      cursor: inherit;
+
+      > input {
+        text-align: ${e=>e.isFocused===!1&&e.selectedValue==null?"right":"initial"};
+        align-items: center;
+        overflow: hidden;
+        cursor: inherit;
+        :disabled {
+          visibility: visible;
+        }
+        ::placeholder {
+          color: ${e=>e.isError===!0&&e.menuIsOpen!==!0?F.important:e.theme.colors.grey1};
+        }
+      }
+    }
+  }
+`,De=i.div`
+  width: ${e=>e.windowSize==="small"?"max-content":"100%"};
+  display: flex;
+  flex-direction: column;
+`,Le=i(q)`
+  width: ${s.sp5};
+  height: ${s.sp5};
+  color: ${e=>e.theme.colors.hero};
+`,K=i(de)`
+  color: ${e=>e.theme.colors.alert};
+  text-transform: none;
+  border: 1px solid ${e=>e.theme.colors.alert};
+  padding: 1px ${s.sp1};
+  border-radius: ${s.sp1};
+  margin-top: ${({windowSize:e})=>ee.marginTop.valuePx(e)};
+  width: fit-content;
+`;function Re({allUsers:e,selectedValue:a,showOneOffLabel:o,placeholder:g,isOptionRemovable:v,valueToSubtitle:f,onSelectionChanged:w,name:S,userContainerStyles:x,optionStyles:A,isValuePlacedAtEnd:I=!0,isDisabled:T,showOnlyAvatar:z=!1,showAvatarAndSubtitles:j=!0,isOptionDisabled:D,disabledOptionHint:$,bigMarginRightForSmallScreens:k=!1}){const{formState:{errors:P}}=Y(),L=re(P,S??""),c=U(),O=[];o!=null&&O.push(o.value),O.push(...e.map(t=>t.userId));const le=({labelDetails:t})=>l.jsxs(Ce,{hasSelectedUser:a===t.value,children:[l.jsxs(Ie,{children:[l.jsx(Le,{}),l.jsx(Z,{children:l.jsx(E,{children:t.label})})]}),a===t.value?l.jsx(l.Fragment,{children:l.jsx(G,{width:s.sp3,height:s.sp3})}):null]}),W=({subtitleList:t,member:r,menuIsOpen:n})=>{const u=t.length;return l.jsxs(pe,{menuIsOpen:n,children:[r!=null?l.jsx(he,{roles:r?.userRole.userRoles}):null,r!=null&&u>0?l.jsx(ge,{}):null,u>0?t.map((h,d)=>l.jsx(me,{children:h},`${h}${d}`)):null]})},se=ne();return l.jsx(oe,{placeholder:g??V.getLocalizedStrings().commonSetUp.approval.userSelectPlaceholder,selectedValue:a,pickerValues:O,valueToLabel:t=>{if(o!=null&&o.value===t)return o.label;const r=e.findIndex(n=>n.userId===t);if(r!==-1){const n=e[r];return n.user?.firstName||n.user?.lastName?`${n.user?.firstName} ${n.user?.lastName}`:`${n.user?.email}`}return""},valueToData:t=>{const r=e.findIndex(n=>n.userId===t);if(r!==-1)return e[r].user},backgroundColor:se.colors.background,onPickerSelectionChanged:t=>{w(t)},OptionComponent:t=>{const{data:r,isSelected:n,selectProps:u,value:h}=t,d=!!D?.(h)&&n===!1;if(o!=null&&r?.value===o.value)return l.jsx(le,{labelDetails:o});const p=e.findIndex(R=>R.userId===r.value),b=e[p],y=f(r.value);return l.jsxs(xe,{style:A,children:[l.jsxs(fe,{isCurrOptionDisabled:d,children:[l.jsx(we,{children:b?.user?.photo!=null?l.jsx($e,{src:b?.user?.photo.href,alt:V.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:R})=>{R.onerror=null,R.src=H},loading:"lazy"}):l.jsx(_,{firstName:b?.user?.firstName??"",lastName:b?.user?.lastName??"",size:`${s.sp5}`,index:p})}),l.jsxs(Z,{children:[l.jsx(E,{children:t.label}),l.jsx(W,{menuIsOpen:u.menuIsOpen,subtitleList:y,member:b}),c==="small"&&d&&$!=null?l.jsx(K,{windowSize:c,children:$}):null]})]}),!!n&&l.jsx(l.Fragment,{children:l.jsx(G,{width:s.sp3,height:s.sp3})}),c!=="small"&&d&&$!=null?l.jsx(K,{windowSize:c,children:$}):null]})},PlaceholderComponent:t=>{const{menuIsOpen:r,children:n}=t;return l.jsx(Oe,{menuIsOpen:r,isError:L,children:l.jsx(be,{children:n})})},SingleValueComponent:t=>{const{children:r,data:n,selectProps:u}=t,{menuIsOpen:h}=u;if(o!=null&&n?.value===o.value)return l.jsxs(M,{children:[j||z?l.jsx(q,{style:{height:s.sp4,width:s.sp4}}):null,l.jsx(je,{children:o.label})]});const d=e.findIndex(y=>y.userId===n.value),p=e[d],b=f(n.value);return l.jsxs(ve,{children:[l.jsxs(Se,{menuIsOpen:h,children:[j||z?l.jsx(l.Fragment,{children:p?.user?.photo!=null?l.jsx(ye,{src:p?.user?.photo.href,alt:V.getLocalizedStrings().cockpit.userProfileAltText,onError:({currentTarget:y})=>{y.onerror=null,y.src=H},loading:"lazy"}):l.jsx(_,{firstName:p?.user?.firstName??"",lastName:p?.user?.lastName??"",size:`${s.sp4}`,index:d})}):null,l.jsx(E,{children:r})]}),j?l.jsx(W,{subtitleList:b,menuIsOpen:u.menuIsOpen,member:p}):null]})},isOptionRemovable:v,containerStyles:x,DropDownIndicatorComponent:()=>null,ControlComponent:t=>{const{menuIsOpen:r,isFocused:n,isDisabled:u,selectProps:h}=t,{value:d}=h;return l.jsx(ze,{menuIsOpen:r,isFocused:n,isDisabled:u,selectedValue:d,isError:L,isValuePlacedAtEnd:I,windowSize:c,bigMarginRightForSmallScreens:k,children:l.jsx(B.Control,{...t,className:"select-control",children:t.children})})},classNamePrefix:"single-select-field",ValueContainerComponent:t=>l.jsx(B.ValueContainer,{...t,className:"select-value-container",children:t.children}),MenuListComponent:t=>l.jsx(De,{windowSize:c,children:t.children}),menuPosition:c==="small"?"right":"left",isSearchable:!0,isDisabled:T,isOptionDisabled:t=>D?.(t)===!0&&a!==t,filterOption:(t,r)=>!r||typeof t.label!="string"||t.label.toLowerCase().includes(r.toLowerCase())||t.data?.data?.email?.toLowerCase().includes(r.toLowerCase())})}const Ae={infoLabel:new ae("smallRegular","smallRegular")},Te=({name:e,placeholderLabel:a,registerOptions:o,value:g,valueToSubtitle:v,showOneOffLabel:f,userContainerStyles:w,optionStyles:S,isValuePlacedAtEnd:x,isDisabled:A,additionalLabelInfo:I,isOptionDisabled:T,showOnlyAvatar:z=!1,showAvatarAndSubtitles:j=!0,disabledOptionHint:D,bigMarginRightForSmallScreens:$=!1})=>{const{control:k}=Y(),P=U();return l.jsx(ie,{name:e,control:k,defaultValue:g,rules:o,render:({field:{value:L,onChange:c}})=>l.jsxs(ke,{width:w?.width,"data-testid":X("user-single-select",e),children:[l.jsx(Re,{onSelectionChanged:O=>{c({allUsers:g.allUsers,selectedUser:O})},selectedValue:L.selectedUser,valueToSubtitle:v,allUsers:g.allUsers,placeholder:a,name:e,showOneOffLabel:f,userContainerStyles:w,isValuePlacedAtEnd:x,isDisabled:A,isOptionDisabled:T,showAvatarAndSubtitles:j,showOnlyAvatar:z,disabledOptionHint:D,bigMarginRightForSmallScreens:$,optionStyles:S}),I!==null&&l.jsx(Pe,{size:P,children:I})]})})},ke=i.div`
+  display: flex;
+  flex-direction: column;
+  width: ${e=>e.width!=null?e.width:"auto"};
+`,Pe=i.label`
+  color: ${e=>e.theme.colors.hero};
+  ${e=>`${Ae.infoLabel.style(e.size)}`};
+  text-align: right;
+  padding-right: ${s.sp3};
+`,N={width:new C(343,580,726),labelMarginLeft:new C(m[3],m[4]),labelMarginRight:new C(m[3],m[4])};function Ue({isDisabled:e,label:a,userSingleSelectWithSubTitlesField:o,style:g,showTooltip:v=!1,tooltipTitle:f,toolTipWidth:w,opacity:S=1}){const x=U();return l.jsxs(Ve,{size:x,style:g,isDisabled:e!=null,opacity:S,"data-testid":X("labeled-user-single-select",o.name),children:[l.jsx(te,{isDisabled:e,label:a.label,htmlFor:o.name,style:{marginLeft:N.labelMarginLeft.value(x),marginRight:N.labelMarginRight.value(x),marginTop:s.sp2,width:a.width??"auto"},showTooltip:v,tooltipTitle:f,toolTipWidth:w}),l.jsx(Te,{...o,isDisabled:e,userContainerStyles:{display:"flex",flexGrow:1,...o.showOnlyAvatar===!1&&{minWidth:"unset",maxWidth:"unset"},width:a.width!=null?`calc(100% - ${a.width}px)`:"auto",height:o.value.selectedUser==null||o.value.selectedUser!=null&&o.showOnlyAvatar===!0?s.sp6:s.sp9}})]})}const Ve=i.div`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  background-color: ${e=>e.theme.colors.grey5};
+  width: ${e=>N.width.valuePx(e.size)};
+  min-height: ${s.sp6};
+  padding-right: ${s.sp2};
+  padding-top: ${s.sp2};
+  padding-bottom: ${s.sp2};
+  opacity: ${e=>e.opacity};
+
+  :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};
+    .select-control {
+      background-color: ${e=>e.theme.colors.background};
+    }
+  }
+
+  &:hover {
+    z-index: 1;
+    outline: ${e=>e.isDisabled===!0?"none":`1px solid ${e.theme.colors.primary}`};
+    .select-control {
+      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
+    }
+  }
+`;export{Ue as s};