"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2930],{2930:(e,l,a)=>{a.d(l,{s:()=>P});var s=a(37876),t=a(37371),r=a(15039),n=a.n(r),i=a(41946),c=a.n(i),d=a(14232),o=a(55183),u=a(25122),h=a(37996),p=a(12848),m=a(19623),b=a(86939),v=a(77975),x=a.n(v);let f=e=>{let{className:l,...a}=e;return(0,s.jsx)(b.S,{className:n()(x().selectCustomBlankButton,l),...a})};f.displayName="SelectCustomBlankButton";var j=a(17125),k=a.n(j);let N=e=>{let{className:l,size:a="md"}=e;return(0,s.jsx)("svg",{className:n()(k().arrow,"sm"===a&&k().sm,l),viewBox:"0 0 23 23",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M12.002 15.38l9.589-9.588 1.414 1.414-11.003 11.002L1 7.206l1.414-1.414z"})})};N.displayName="Arrow";var C=a(80170),g=a.n(C);let y=e=>{let{$boldLabel:l,$boldValue:a,$display:t,$hasStrikethrough:r,$invalid:i,$valid:c,arrowAriaLabel:d,children:o="",customValue:u,descriptor:b="",hasCustomImage:v,isOpen:x,label:j="",imageUrl:k,size:C,tabIndex:y,variant:S,...w}=e,$=(e=>{let l;switch(e){case"primary":l=h.$;break;case"borderless":case"blank":l=f;break;default:l=p.n}return l})(S);return(0,s.jsxs)($,{className:n()(g().selectCustomButton,!0===c&&g().valid,!0===i&&g().invalid,"block"===t&&g().displayBlock,"borderless"===S&&g().borderless),size:C,...w,children:[j&&(0,s.jsx)("span",{className:n()(g().labelSpan,l&&g().labelSpanBold,r&&g().labelSpanStrikeThrough),children:j}),o&&!u?(0,s.jsx)("span",{className:n()(a&&g().labelSpanBold,r&&g().labelSpanStrikeThrough),children:o}):u,b&&(0,s.jsx)("span",{children:(0,s.jsx)("span",{className:g().descriptorSpan,children:b})}),(0,s.jsxs)("span",{"aria-label":d,className:g().arrowAriaLabelSpan,children:[v&&k&&(0,s.jsx)(m.V,{"aria-hidden":"true",src:k}),(0,s.jsx)(N,{size:C})]})]})};y.displayName="SelectCustomButton";var S=a(65814),w=a(96277),$=a.n(w);let L=e=>{let{$disabled:l,$display:a,$invalid:t,$valid:r,className:i,customValue:c,label:d,size:o="md",value:u,variant:h="secondary",...p}=e;return(0,s.jsx)("button",{"aria-hidden":!0,className:n()($().buttonNative,$()[o],$()[h],l&&$().disabled,!0===r&&$().valid,!0===t&&$().invalid,"block"===a&&$().displayBlock,"borderless"===h&&$().borderless,i),type:"button",...p,children:(0,s.jsxs)(S.f,{between:"xs",className:"select--customLabel",middle:"xs",children:[(0,s.jsxs)("span",{className:$().span,children:[d&&(0,s.jsx)("span",{className:$().labelSpan,children:d}),c??u]}),(0,s.jsx)(N,{className:$().svg,size:o})]})})};L.displayName="SelectCustomButtonNative";var B=a(51625),I=a(29115),O=a(93160),D=a.n(O);let A=(e,l)=>l?e.map(e=>({label:e,value:e})):{label:e[0],value:e[0]},z=e=>{let l=[];return e.forEach(e=>{let{value:a,selected:s}=e;s&&l.push(a)}),l},E=(0,s.jsx)("svg",{fill:B.jRT,fillRule:"nonzero",height:"16",viewBox:"0 0 24 24",width:"16",children:(0,s.jsx)("path",{d:"M9.483 17.731L20.748 4.732a1 1 0 1 1 1.512 1.31L10.364 19.768a1 1 0 0 1-1.38.125l-6.863-5.49a1 1 0 0 1 1.25-1.561l6.112 4.89z"})}),R=e=>{let{hasStrikethrough:l,descriptor:a="",imageUrl:t,label:r="",onChange:i,ref:c,selected:o=!1,value:u}=e,h=(0,d.useCallback)(e=>i?.(e,u),[i,u]),p=(0,d.useCallback)(e=>{" "===e.key&&i?.(e,u)},[i,u]);return(0,s.jsxs)(I.N,{"aria-label":((e,l,a)=>{let s=e;return l&&(s+=` - ${l}`),a&&(s+=" - selected"),s})(r,a,o),className:n()(D().optionItem,o&&D().selected,l&&D().hasStrikethrough),href:"#",onClick:h,onKeyUp:p,ref:c,children:[t&&(0,s.jsx)(m.V,{"aria-hidden":!0,className:D().picture,"data-test":`OptionItemImage-${r}`,src:t}),(0,s.jsx)("div",{className:n()(D().imageUrlDiv,l&&D().imageUrlDivHasStrikethrough),children:r}),a&&(0,s.jsx)("span",{className:n()(D().descriptorSpan,o&&D().selectedDescriptorSpan),"data-test":`OptionItemDescriptor-${r}`,children:a}),o&&E]})};R.displayName="OptionItem";var T=a(97659);a(73055);var K=a(2413),V=a.n(K);let _=e=>{let{label:l="",name:a,onChange:t,ref:r,selected:n,value:i}=e,c=(0,d.useCallback)(e=>{t?.(e,i)},[t,i]),o=(0,d.useCallback)(e=>{"Enter"===e.key&&t?.(e,i)},[t,i]);return(0,s.jsx)(T.S,{checked:n,className:V().optionItemCheckbox,id:a,label:l,name:a,onChange:c,onKeyDown:o,ref:r,value:i})};_.displayName="SelectCustomOptionItemCheckbox";var U=a(22207),F=a(64398),G=a.n(F);let M=e=>{let{$type:l="default",children:a,disabledOptionText:t,onCloseLinkClick:r,onCloseLinkFocus:i,target:c,wrapperRef:o}=e,[u,h]=(0,d.useState)(null);(0,d.useEffect)(()=>{h(window?.document?.querySelector(".ReactModal__Content--after-open"))},[]);let p=u?.8*u.clientWidth:0;return(0,s.jsxs)("ul",{className:n()(G().options,"checkbox"===l&&G().typeCheckbox),ref:o,style:{"--modal-width":p||void 0},children:[t&&(0,s.jsx)("li",{className:G().disabledOptionTextLi,"data-test":"disabled-option-item",children:t}),a,(0,s.jsx)("li",{children:(0,s.jsx)("a",{className:G().closeLink,href:`#${c}`,onClick:e=>r(!1,e),onFocus:i,onKeyDown:e=>{" "===e.key&&r(!1,e)},children:"close list"})})]})};M.displayName="SelectCustomOptions";let q=(0,U.i)(M,{allowArrowKeyNavigation:!0});var H=a(20694),J=a.n(H);let P=e=>{let{arrowLabelValue:l,autoClose:a=!0,autoLabelUpdate:r=!0,boldLabel:i,boldValue:h,className:p,customLabelImage:m=!0,dataTestPrefix:b,defaultValue:v,disabled:x,disabledOptionText:f,display:j="inline-block",errorText:k,flip:N,id:C,imageUrl:g,isHidden:S,isNative:w,isOpen:$=!1,isValid:B,label:I,multiSelect:O,name:D=C,onChange:E,options:T=[],optionType:K="default",placement:V="bottom",renderPopoverInline:U=!1,shouldNotUpdateInternalState:F=!1,size:G="md",superscript:M,target:H,value:P,valueRenderer:W,variant:Z="secondary",wrapperStyle:Q,...X}=e,Y=!1===B,ee=(0,d.useId)(),[el]=(0,d.useState)(H??`select-${ee}`),[ea,es]=(0,d.useState)($),[et,er]=(0,d.useState)([]),[en,ei]=(0,d.useState)([]),ec=(0,t.Z)(T),ed=(0,d.useRef)(null),eo=(0,d.useRef)(null),eu=(0,d.useRef)(null),eh=(0,d.useRef)(null),ep=(0,d.useCallback)(e=>O?(et?.includes(e)?et.splice(et.indexOf(e),1):et.push(e),F||(er(et),ei(T.filter(e=>{let{value:l}=e;return et.includes(l)}))),et):(F||(er([e]),ei(T.filter(l=>{let{value:a}=l;return e===a}))),[e]),[T,O,et,F]),em=(e,l)=>{l?.preventDefault?.(),es(!1),eu.current?.focus()},eb=(e,l)=>{let{target:s}=e,{type:t}=s;"checkbox"!==t&&e.preventDefault();let r=ep(l);E?.(e,A(r??[],O)),a&&em(!1,e)},ev=(0,d.useCallback)(e=>{let l=e?.target?.value;l&&(ep(l),E?.(e,A([l])))},[ep,E]),ex="default"===K?R:_;(0,d.useEffect)(()=>{if(!F){let e=[...et];if(!ec&&T||!c()(ec,T)){let l=z(ec??[]).sort();e=((e,l,a)=>{let s=[...a];if(e!==l){let t=l.filter(l=>!e.includes(l));t.length&&(s=a.filter(e=>!t.includes(e)))}let t=e.filter(e=>!l.includes(e));return t.length&&s.push(...t),s})(z(T).sort(),l,e)}e=Array.from(new Set(e)),c()(e,et)||er(e)}},[T,ec,et,F]),(0,d.useEffect)(()=>{er((e=>e?Array.isArray(e)?e:[e]:[])(P))},[P]),(0,d.useEffect)(()=>{ei(T.filter(e=>{let{value:l}=e;return et.includes(l)}))},[T,et]);let ef=((e,l,a)=>{let s=a?.length;return s&&e?s>1?`(${s})`:a[0]?.label??a[0]?.value:l??""})(r,v,en),ej=!0===B&&!et.some(e=>!e),ek=W?.(ef??"");return(0,s.jsxs)("div",{className:n()(J().ndsSelectCustom,p),ref:ed,style:Q,children:[M&&(0,s.jsx)("div",{className:n()(J().selectCustomSuperscript,!0===B&&J().valid,!1===B&&J().invalid,x&&J().selectCustomSuperscriptDisabled),children:M}),w?(0,s.jsxs)("label",{className:J().label,htmlFor:C,style:{"--select-custom-display":j},...X,children:[(0,s.jsxs)("select",{className:J().select,"data-test":b,disabled:x,id:C,name:D,onChange:ev,value:ef,...X,children:[f&&(0,s.jsx)("option",{disabled:!0,value:"",children:f}),T.map(e=>{let{value:l="",label:a=l,descriptor:t}=e;return l?(0,s.jsx)("option",{value:l,children:((e,l)=>{if(!e)return;let a=l?` - ${l}`:"";return`${e}${a}`})(a,t)},`${a}-${l}`):null})]}),(0,s.jsx)(L,{$disabled:x,$display:j,$invalid:Y,$valid:ej,customValue:ek,label:I,size:G,value:ef,variant:Z,...X})]}):(0,s.jsxs)("div",{children:[(0,s.jsx)(y,{$boldLabel:i,$boldValue:h,$display:j,$hasStrikethrough:((e,l)=>e&&l?.length===1&&l[0]?.hasStrikethrough)(r,en),$invalid:Y,$valid:ej,"aria-expanded":ea,"aria-hidden":!!S,arrowAriaLabel:l,customValue:ek,descriptor:((e,l)=>e&&l?.length===1?l[0]?.descriptor:void 0)(r,en),disabled:x,hasCustomImage:m,id:el,imageUrl:((e,l,a)=>{let s=a?.length;if(e)return s?a[0]?.imageUrl:l})(m,g,en),isOpen:$,label:I,onClick:e=>{e.preventDefault(),es(!ea)},ref:eu,size:G,variant:Z,...X,children:ef}),(0,s.jsx)(u.A,{containerFluid:!0,"data-test":"@nicollet/SelectCustom/Popover",flip:N,hasClicksDismiss:!0,isOpen:ea,onOpen:e=>{setTimeout(()=>(eh.current?.querySelector("input")?.focus()??eh.current)?.focus(),0)},onOpenChange:em,placement:V,renderInline:U,target:el,variant:"secondary",children:(0,s.jsx)(q,{disabledOptionText:f,onCloseLinkClick:em,onCloseLinkFocus:()=>{eo.current&&(eo.current.scrollTop+=100)},target:el,wrapperRef:eo,children:T.map((e,l)=>{var a;return(0,s.jsx)("li",{children:(0,s.jsx)(ex,{"data-test":`${b}${e.value.toLocaleLowerCase()}`,name:e.value,onChange:eb,ref:(a=e.value,(et.length||0!==l)&&a!==et.at(-1)?null:eh),...e,selected:et.includes(e.value)})},e.value)})})})]}),Y&&(0,s.jsx)(o.K,{className:n()(J().selectCustomError,"longInstruction"),id:`${C}--longInstruction`,children:k})]})};P.displayName="SelectCustom"},73055:(e,l,a)=>{a.d(l,{$:()=>u});var s=a(37876),t=a(15039),r=a.n(t),n=a(55183),i=a(11104),c=a(94811),d=a(89844),o=a.n(d);let u=e=>{let{className:l,"data-test":a,label:t="Check All That Apply",isValid:d,errorText:u,screenReader:h,microcopy:p,hideLabel:m,horizontalLayout:b,children:v}=e;return(0,s.jsxs)("div",{className:r()(o().ndsCheckboxGroup,l),"data-test":a,children:[(0,s.jsxs)("fieldset",{className:r()(o().fieldset,{[o().horizontal]:b}),children:[(0,s.jsx)(i.J,{as:"legend",className:o().legend,errorText:u,hidden:m,label:t,microcopy:p,screenReader:h,valid:d}),v]}),!1===d&&u&&(0,s.jsx)(n.K,{"aria-hidden":"true",children:u}),p&&(0,s.jsx)(c.G,{"aria-hidden":"true",children:p})]})};u.displayName="CheckboxGroup"}}]);