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

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

@@ -1,182 +0,0 @@
-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

@@ -1,82 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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};

package/dist/assets/LabeledNameField-B73hOD1K-DrzOl55q.js

@@ -1,141 +0,0 @@
-import{K as F,cd as R,cj as k,ey as N,j as r,ch as T,x as s,h as l,n as o,C as M,V as S,o as n,y as I,ap as P,ez as W}from"./index-D9zAXs3-.js";import{n as c,b as A}from"./vendor-Bs1fkIUX.js";function H({name:e,placeHolder:d,autoComplete:i="off",defaultValue:f,isDisabled:x,showFullNameError:$,style:t,registerOptions:h}){const[p,m]=A.useState(!1),{register:u,getValues:y,formState:{errors:w}}=R(),g=x==="disabled"||x==="readonly",j=Object.assign({},h),v=y(e),E=[v?.firstName,v?.lastName].join(" ").trim(),L=k(w,e)&&N(w,`${e}.firstName`)!=null,z=k(w,e)&&N(w,`${e}.lastName`)!=null,b=!($===!0&&(L||z))&&p===!1;return r.jsx(M,{onClickAway:()=>g===!1&&m(!1),children:r.jsx(B,{style:t,isDisabled:g,tabIndex:g?void 0:0,onClick:()=>g===!1&&m(!0),children:r.jsxs(r.Fragment,{children:[E.length>0?r.jsx(D,{className:"name-field",isVisible:b,children:E}):r.jsx(D,{className:"name-field name-placeholder",isVisible:b,children:d?.name}),r.jsx(V,{placeholder:d?.firstName,type:void 0,isError:L,style:{...t,maxWidth:"100%"},disabled:g,...u(`${e}.firstName`,j),id:e,defaultValue:f?.firstName,autoComplete:i,isVisible:!b}),b?null:r.jsx(G,{}),r.jsx(V,{placeholder:d?.lastName,type:void 0,isError:z,style:{...t,maxWidth:"100%"},disabled:g,...u(`${e}.lastName`,j),id:e,defaultValue:f?.lastName,autoComplete:i,isVisible:!b})]})})})}const B=c.div`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  position: relative;
-  width: 100%;
-  background-color: ${e=>e.theme.colors.grey5};
-  &:hover,
-  &:focus {
-    input {
-      text-align: left;
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-    }
-  }
-
-  &:hover {
-    span {
-      background-color: ${e=>e.isDisabled?e.theme.colors.grey5:e.theme.colors.background};
-    }
-  }
-  input {
-    text-align: right;
-  }
-  &:focus-within {
-    outline: none;
-    ${I.standardRegular.css};
-  }
-`,G=c.div`
-  background-color: ${e=>e.theme.colors.grey5};
-  min-width: ${n.sp3};
-`,D=c(P)`
-  display: ${e=>e.isVisible?"flex":"none"};
-  padding: 0 ${n.sp3};
-  border-radius: ${n.sp1};
-  height: 100%;
-  align-items: center;
-  width: 100%;
-  justify-content: flex-end;
-  color: ${e=>e.theme.colors.primary};
-  &.name-placeholder {
-    color: ${e=>e.theme.colors.grey1};
-  }
-`,V=c(W)`
-  display: ${e=>e.isVisible?"flex":"none"};
-  width: 100%;
-  text-align: right;
-  border-radius: ${n.sp1};
-  padding: 0 ${n.sp3};
-  border-width: ${n.sp0};
-  outline-width: ${n.sp0};
-  color: ${e=>e.isError?l.important:e.theme.colors.primary};
-  background-color: inherit;
-  &:disabled {
-    background-color: ${e=>e.theme.colors.grey5};
-  }
-  ::placeholder {
-    color: ${e=>e.isError?l.important:e.theme.colors.grey1};
-  }
-  &:focus {
-    outline: none;
-  }
-`,a={width:new s(343,580,726),height:new s(o[6],o[6]),controlHeight:new s(o[6],o[6]),paddingTopBottom:new s(o[2],o[2]),marginRight:new s(o[2],o[2]),labelMarginLeft:new s(o[3],o[4]),labelMarginRight:new s(o[3],o[4]),labelMarginTop:new s(o[2],o[2])},K={infoLabel:new S("extraSmallRegular","smallRegular")};function Q({isDisabled:e,label:d,nameField:i,style:f,errorInfoLabel:x,showAdditionalInfoLabel:$}){const t=F(),{formState:{errors:h}}=R(),p=k(h,i.name)&&N(h,`${i.name}.firstName`)!=null,m=k(h,i.name)&&N(h,`${i.name}.lastName`)!=null,u=i.showFullNameError===!0?p||m:!1,y=p||m||u;return r.jsxs(O,{size:t,style:f,isDisabled:e!=null,isFirstNameError:p,isLastNameError:m,children:[r.jsx(T,{isDisabled:e,label:d.label,style:{marginLeft:a.labelMarginLeft.value(t),marginRight:a.labelMarginRight.value(t),marginTop:a.labelMarginTop.value(t),width:d.width??"auto"}}),r.jsxs(q,{labelWidth:d.width,children:[r.jsx(H,{...i,isDisabled:e,style:{flexGrow:1,height:a.controlHeight.value(t)}}),($!=null||u)&&r.jsx(C,{size:t,hasError:u,children:$?.label}),y?r.jsx(C,{size:t,hasError:y,children:x}):null]})]})}const O=c.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)};
-
-  :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};
-
-    .name-field {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.theme.colors.background};
-    }
-
-    input:nth-of-type(1) {
-      background-color: ${e=>e.isFirstNameError?l.importantLight:e.theme.colors.background};
-    }
-
-    input:nth-of-type(2) {
-      background-color: ${e=>e.isLastNameError?l.importantLight:e.theme.colors.background};
-    }
-  }
-  input {
-    text-align: left;
-    background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.theme.colors.background};
-  }
-
-  input:nth-of-type(1) {
-    background-color: ${e=>e.isFirstNameError?l.importantLight:e.theme.colors.background};
-  }
-
-  input:nth-of-type(2) {
-    background-color: ${e=>e.isLastNameError?l.importantLight:e.theme.colors.background};
-  }
-
-  &:hover {
-    z-index: 1;
-    outline: 1px solid
-      ${e=>e.isDisabled===!0?e.theme.colors.grey3:e.theme.colors.primary};
-    input,
-    .name-field {
-      background-color: ${e=>e.isDisabled===!0?e.theme.colors.grey5:e.theme.colors.background};
-    }
-
-    input:nth-of-type(1) {
-      background-color: ${e=>e.isFirstNameError?l.importantLight:e.theme.colors.background};
-    }
-
-    input:nth-of-type(2) {
-      background-color: ${e=>e.isLastNameError?l.importantLight:e.theme.colors.background};
-    }
-  }
-`,C=c.label`
-  color: ${e=>e.hasError===!0?l.important:e.additionalInfoTextColor!=null?e.additionalInfoTextColor:e.theme.colors.grey1};
-  width: auto;
-  ${e=>`${K.infoLabel.style(e.size)}`};
-  padding-right: ${n.sp3};
-  text-align: right;
-`,q=c.div`
-  display: flex;
-  width: ${e=>e.labelWidth!=null?`calc(100% - ${e.labelWidth}px)`:"auto"};
-  justify-content: flex-end;
-  flex-direction: column;
-  position: relative;
-`;export{Q as Z};

package/dist/assets/LabeledSingleSelectField-nPVDbcr0-DXhzL0iF.js

@@ -1,136 +0,0 @@
-import{K as $,j as i,ch as C,x as h,n as a,cd as S,ck as D,u as j,b2 as k,o as t,cI as V,b3 as x,b0 as O,a3 as I,y as f}from"./index-D9zAXs3-.js";import{n as g}from"./vendor-Bs1fkIUX.js";const P=({allValues:e,selectedValue:l,onSelectedValueChanged:s,isDisabled:n,placeholder:c,style:m,customStyleConfig:p})=>{const d=j(),w=A(e).sort((o,r)=>o.label.localeCompare(r.label)),b=l!=null&&l?v(l):void 0,y={control:(o,r)=>({...o,height:t.sp6,backgroundColor:r.menuIsOpen?d.colors.brandColorGoldDark:d.colors.grey5,":hover":{fill:d.colors.primary,backgroundColor:r.isDisabled?d.colors.grey5:d.colors.background,borderColor:"none"},...p?.control?.(o,r)}),container:(o,r)=>({...o,width:"100%",...m,...p?.container?.(o,r)}),valueContainer:(o,r)=>({...o,margin:`${t.sp0} ${t.sp3}`,justifyContent:r.selectProps.menuIsOpen===!1?"flex-end":"flex-start",...p?.valueContainer?.(o,r)}),menu:(o,r)=>({...o,backgroundColor:d.colors.grey5,borderRadius:t.sp1,boxShadow:`${t.sp0} 2px ${t.sp2} ${d.colors.dropShadowHover}`,whiteSpace:"nowrap",zIndex:2,width:"100%",margin:0,...p?.menu?.(o,r)}),menuList:(o,r)=>({...o,borderRadius:0,...p?.menuList?.(o,r)})};return i.jsx(k,{isMulti:!1,onChange:o=>{o?.value!=null&&b?.value===o.value?s(void 0):s(o?.value)},tabSelectsValue:!1,openMenuOnFocus:!0,classNamePrefix:"single-select-field",placeholder:c,menuPlacement:"auto",maxMenuHeight:288,defaultValue:b,value:b,menuShouldScrollIntoView:!1,closeMenuOnSelect:!0,components:{Control:R,Option:N,Input:M,SingleValue:z,ValueContainer:F,DropdownIndicator:E,IndicatorSeparator:W,ClearIndicator:q,Placeholder:T},hideSelectedOptions:!1,styles:y,options:w,isClearable:!0,isSearchable:!0,isDisabled:n!=null},V())},R=e=>{const{menuIsOpen:l,isFocused:s,isDisabled:n,selectProps:c}=e,{value:m}=c;return i.jsx(L,{menuIsOpen:l,isFocused:s,isDisabled:n,selectedValue:m,children:i.jsx(x.Control,{...e,className:"select-control",children:e.children})})},F=e=>i.jsx(x.ValueContainer,{...e,className:"select-value-container",children:e.children}),M=e=>{const{selectProps:l}=e,{placeholder:s,value:n}=l;return i.jsx(x.Input,{...e,autoComplete:"new-password",placeholder:n==null?s:void 0,children:e.children})},z=e=>i.jsx(x.SingleValue,{...e,children:e.children}),T=()=>null,N=e=>{const{isSelected:l,isDisabled:s,isFocused:n}=e;return i.jsx(H,{isFocused:n,isSelected:l,isDisabled:s,children:i.jsx(x.Option,{...e,className:"select-option",children:i.jsxs(_,{children:[i.jsx(G,{children:i.jsx(B,{isSelected:l,isDisabled:s,children:e.label})}),l?i.jsxs(K,{children:[i.jsx(O,{className:"right-tick-icon",width:t.sp3,height:t.sp3,style:{marginRight:"2px"},color:"currentColor"}),i.jsx(I,{className:"close-tick-icon",width:t.sp3,height:t.sp3,color:"currentColor"})]}):null]})})})},L=g.div`
-  width: 100%;
-  cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-
-  .select-control {
-    border: none;
-    box-shadow: none;
-    width: auto;
-    min-height: auto;
-    cursor: pointer;
-  }
-  .select-value-container {
-    width: 100%;
-    display: flex;
-    padding: 0;
-    max-width: 100%;
-    height: 100%;
-    min-width: auto;
-    align-items: center;
-    flex-wrap: nowrap;
-    cursor: pointer;
-
-    .single-select-field__single-value {
-      border-radius: ${t.sp0};
-      margin: ${t.sp0};
-      color: ${e=>e.theme.colors.primary};
-      ${f.standardRegular.css};
-      box-sizing: border-box;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .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"};
-      ${f.standardRegular.css};
-      color: ${e=>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.theme.colors.grey1};
-        }
-      }
-    }
-  }
-`,H=g.div`
-  .select-option {
-    ${f.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.theme.colors.grey3:e.isFocused?e.theme.colors.background:e.theme.colors.grey5};
-    cursor: ${e=>e.isDisabled?"not-allowed":"pointer"};
-    border-top: none;
-    .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;
-      }
-    }
-  }
-`,_=g.div`
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-`,B=g.label`
-  ${f.standardRegular.css};
-  padding-right: 10px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  cursor: ${e=>e.isDisabled?"not-allowed":e.isSelected?"default":"pointer"};
-`,G=g.div`
-  width: 100%;
-  display: flex;
-  align-items: center;
-`,K=g.div`
-  display: flex;
-  color: ${e=>e.theme.colors.primary};
-  fill: ${e=>e.theme.colors.primary};
-`,E=()=>null,W=()=>null,q=()=>null,A=e=>e.map(l=>v(l)),v=e=>({value:e,label:e}),J=({name:e,registerOptions:l,defaultValue:s,placeholder:n,isDisabled:c,style:m,customStyleConfig:p})=>{const{control:d}=S();return i.jsx(D,{name:e,control:d,defaultValue:s,rules:l,render:({field:{value:w,onChange:b}})=>i.jsx(P,{onSelectedValueChanged:y=>b({allOptions:s.allOptions,selectedOption:y}),style:m,placeholder:n,selectedValue:w.selectedOption,allValues:s.allOptions,isDisabled:c,customStyleConfig:p})})},u={width:new h(343,580,726),height:new h(a[6],a[6]),controlHeight:new h(a[6],a[6]),paddingTopBottom:new h(a[2],a[2]),marginRight:new h(a[2],a[2]),labelMarginLeft:new h(a[3],a[4]),labelMarginRight:new h(a[3],a[4]),labelMarginTop:new h(a[2],a[2])};function Y({isDisabled:e,label:l,singleSelectField:s,style:n}){const c=$();return i.jsxs(Q,{size:c,style:n,isDisabled:e!=null,children:[i.jsx(C,{isDisabled:e,label:l.label,htmlFor:s.name,style:{marginLeft:u.labelMarginLeft.value(c),marginRight:u.labelMarginRight.value(c),marginTop:u.labelMarginTop.value(c),width:l.width??"auto"}}),i.jsx(J,{...s,isDisabled:e,style:{display:"flex",flexGrow:1,maxWidth:l.width!=null?`calc(100% - ${l.width}px)`:"auto",height:u.controlHeight.value(c)}})]})}const Q=g.div`
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  background-color: ${e=>e.theme.colors.grey5};
-  width: ${e=>u.width.valuePx(e.size)};
-  min-height: ${e=>u.height.valuePx(e.size)};
-  padding-right: ${e=>u.marginRight.valuePx(e.size)};
-  padding-top: ${e=>u.paddingTopBottom.valuePx(e.size)};
-  padding-bottom: ${e=>u.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.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{Y as e};

package/dist/assets/LabeledSingleSelectWithoutClearableField-DgT7faZC-Or3zfyeO.js

@@ -1,38 +0,0 @@
-import{K as h,j as r,ch as g,x as o,bV as c,n as i}from"./index-D9zAXs3-.js";import{n as p}from"./vendor-Bs1fkIUX.js";const t={width:new o(343,580,726),height:new o(i[6],i[6]),controlHeight:new o(i[6],i[6]),paddingTopBottom:new o(i[2],i[2]),marginRight:new o(i[2],i[2]),labelMarginLeft:new o(i[3],i[4]),labelMarginRight:new o(i[3],i[4]),labelMarginTop:new o(i[2],i[2])};function x({isDisabled:e,label:a,singleSelectWithoutClearableField:n,style:s,opacity:d=1}){const l=h();return r.jsxs(u,{size:l,style:s,isDisabled:e!=null,opacity:d,children:[r.jsx(g,{isDisabled:e,label:a.label,htmlFor:n.name,style:{marginLeft:t.labelMarginLeft.value(l),marginRight:t.labelMarginRight.value(l),marginTop:t.labelMarginTop.value(l),width:a.width??"auto"}}),r.jsx(c,{...n,isDisabled:e,style:{display:"flex",flexGrow:1,width:a.width!=null?`calc(100% - ${a.width}px)`:"auto",height:t.controlHeight.value(l)}})]})}const u=p.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)};
-  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{x};