@theroutingcompany/components 0.0.124 → 0.0.125

package/dist/trc-components.umd.js

@@ -2148,7 +2148,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   &:focus-within {
     border-color: ${p.color_deprecated_fill_inverse_enabled};
   }
-`;function dF({label:e,labelId:t="time-input-label",inputId:n="time-input",hideLabel:r,boldLabel:o=!0,interval:a=5,hourCycle:i="",defaultValue:l,onChange:s,placeholder:u="Enter a time",isInvalid:d,isDisabled:f,earliestScrollOption:g=new qn(0,0),latestScrollOption:m=new qn(23,59),alignScrollOptionIntervalsToMidnight:h=!0,...b}){const{locale:v}=at(),_=i===""?aF(v):i,[y,w]=c.useState(b.hideIcon),S=c.useMemo(()=>sF(a,g,m,h,_!=="24"),[h,g,_,a,m]),P=jd(l,b.value),T=_==="24"?zl(P):Nl(P),[M,$]=c.useState(T),A=c.createRef(),V=c.useRef(null),x=c.createRef(),N=da({}),O=pc(b.value);c.useEffect(()=>{if(b.value&&(O==null?void 0:O.compare(b.value))!==0&&!N.isOpen){const z=jd(null,b.value),F=_==="24"?zl(z):Nl(z);$(F)}},[b.value,O,_,N.isOpen]);const I=c.useCallback(z=>{var j;const F=x.current,Y=(j=F==null?void 0:F.getElementsByClassName(`${z}`))==null?void 0:j[0];if(F&&Y){const U=F.getBoundingClientRect().top+F.scrollTop,q=Y.getBoundingClientRect().top+F.scrollTop-U+F.scrollTop;F.scrollTo({top:q,behavior:"smooth"})}},[x]),B=c.useCallback(z=>{var j;const F=x.current,Y=(j=F==null?void 0:F.getElementsByClassName(`${z}`))==null?void 0:j[0];if(F&&Y){const U=F.getBoundingClientRect().top+F.scrollTop,q=Y.getBoundingClientRect().top+F.scrollTop-U+F.scrollTop;F.scrollTop=q}},[x]),C=pc(N.isOpen);c.useEffect(()=>{if(!C&&N.isOpen){const z=Jx(_,S,b.value);B(z)}},[M,N.isOpen,C,l,b.value,B,a,_,b,S]);const{overlayProps:J}=ad({type:"dialog"},N,A);c.useEffect(()=>{const z=()=>{A.current&&A.current.offsetWidth<100?y||w(!0):y&&w(!1)};return window.addEventListener("resize",z),z(),()=>window.removeEventListener("resize",z)},[A,y]);const H=c.useCallback(z=>{if(z){const F=_=="24"?zl(z):Nl(z),Y=tw(F,_);s==null||s(Y),$(F)}N.close()},[s,_,N]),G=c.useCallback(z=>{$(z.target.value),I(z.target.value),N.isOpen||N.open()},[N,I]);return ri(()=>{document.activeElement===A.current&&N.close()}),Q(Et,{children:[e?Q(Re,{id:t,htmlFor:n,srOnly:r,mb:p.spacing_150,bold:o,children:[e,b.tooltipContent?E(Qe,{icon:b.tooltipIcon,children:b.tooltipContent}):null]}):null,Q(fe,{width:"100%",position:"relative",children:[E(Nt,{type:"text",autoComplete:"off",placeholder:u,id:n,value:M,fontSize:p.font_size_175,lineHeight:p.font_size_200,height:p.font_size_400,"data-state":d?"invalid":void 0,disabled:f,ref:A,onFocus:z=>{N.isOpen||N.open()},onBlur:z=>{x.current&&z.relatedTarget&&x.current.contains(z.relatedTarget)||H(M)},onKeyDown:z=>{z.key==="Enter"&&N.isOpen&&z.preventDefault();let F=S.findIndex(Y=>Y===M);F===-1&&(F=S.findIndex(Y=>{if(z.key==="ArrowDown")return Y===Jx(_,S,b.value);if(z.key==="ArrowUp")return Y===oF(b,a,_)})),z.key==="ArrowDown"&&S[F+1]&&(N.isOpen||N.open(),$(S[F+1]??M),I(S[F+1]??"")),z.key==="ArrowUp"&&S[F-1]&&(N.isOpen||N.open(),$(S[F-1]??M),I(S[F-1]??""))},onKeyUp:z=>{z.key==="Enter"&&H(M)},onMouseUp:z=>{z.preventDefault()},onChange:G,...gs(b)}),y?null:E(De.AccessTime,{"aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",width:"1.1rem",height:"1.1rem",top:".45rem",right:".5rem"}})]}),b.errorMessage?E(St,{children:b.errorMessage}):null,N.isOpen?E(Gr,{state:N,targetRef:A,isTargetWidth:!0,popoverRef:V,...J,placement:"bottom start",isNonModal:!0,children:E(hd,{ref:x,onMouseDown:z=>z.preventDefault(),children:S.map((z,F)=>E(Sl,{value:z,isFocused:z===M,className:z||"",onClick:()=>{H(z)},children:E(tt,{as:"span",children:z})},F))})}):null]})}const nw=e=>{if(!e)return;let t=e.year,n=e.month;const r=1;return n===1?(n=12,t-=1):n-=1,new Ae(t,n,r)},rw=e=>{if(!e)return;let t=e.year,n=e.month;const r=1;return n===12?(n=1,t+=1):n+=1,new Ae(t,n,r)},Ud=["january","february","march","april","may","june","july","august","september","october","november","december"];function Rl(e){return e&&e.getFullYear()===new Date().getFullYear()?new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric"}).format(e):new Intl.DateTimeFormat("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}function fF({label:e,labelId:t="date-input-label",inputId:n="date-input",timeZone:r=Intl.DateTimeFormat().resolvedOptions().timeZone,hideLabel:o,boldLabel:a=!0,onChange:i,isInvalid:l,isDisabled:s,placeholder:u="Enter a date",isDateUnavailable:d,...f}){const[g,m]=c.useState(!!f.hideIcon),h=c.createRef(),b=c.createRef(),v=c.createRef(),_=c.useRef(null),y=da({}),w=f.defaultValue?Rl(new Date(f.defaultValue.year,f.defaultValue.month-1,f.defaultValue.day)):void 0,S=f.value?Rl(new Date(f.value.year,f.value.month-1,f.value.day)):"",[P,T]=c.useState(w??S),[M,$]=c.useState(f.value??f.defaultValue),[A,V]=c.useState(M),{overlayProps:x}=ad({type:"dialog"},y,h),N=pc(f.value);c.useEffect(()=>{f.value&&(N==null?void 0:N.compare(f.value))!==0&&!y.isOpen&&($(f.value),V(f.value),T(Rl(new Date(f.value.year,f.value.month-1,f.value.day))))},[f.value,N,y.isOpen]);const O=c.useCallback(C=>{const J=C??A;J&&($(J),V(J),T(Rl(new Date(J.year,J.month-1,J.day))),i==null||i(J),y.close())},[i,A,y]),I=c.useCallback(C=>{const J=Ud.findIndex(H=>H.startsWith(C.toLowerCase()));if(J>=0)return Ud[J]},[]);c.useEffect(()=>{const C=()=>{!f.hideIcon&&h.current&&h.current.offsetWidth<=155?g||m(!0):f.hideIcon||g&&m(!1)};return window.addEventListener("resize",C),C(),()=>window.removeEventListener("resize",C)},[h,g,f.hideIcon]);const B=c.useCallback(C=>{T(C.target.value),y.isOpen||y.open();const H=C.target.value.replace(",","").split(" ");let G,z,F;for(const j of H){if(j.match(/[a-zA-Z]+/)){const U=I(j);U&&(G=U)}if(j.match(/^[0-9]+$/)){if(j.length===1||j.length===2){const U=parseInt(j,10);U>=1&&U<=31&&(z=U)}if(j.length===4){const U=parseInt(j,10);U>=1e3&&U<=9999&&(F=U)}}}const Y=new Ae(F??new Date().getFullYear(),Ud.findIndex(j=>j===G)+1,z??1);$(Y),V(Y)},[I,y]);return ri(()=>{document.activeElement===v.current&&y.close()}),Q(Et,{ref:h,children:[e?Q(Re,{id:t,htmlFor:n,srOnly:o,mb:p.spacing_150,bold:a,children:[e,f.tooltipContent?E(Qe,{icon:f.tooltipIcon,children:f.tooltipContent}):null]}):null,Q(fe,{width:"100%",position:"relative",children:[E(Nt,{type:"text",autoComplete:"off",placeholder:u,id:n,value:P,fontSize:p.font_size_175,lineHeight:p.font_size_200,height:p.font_size_400,"data-state":l?"invalid":void 0,disabled:s,ref:v,onFocus:C=>{C.target.select(),y.isOpen||y.open()},onBlur:C=>{b.current&&C.relatedTarget&&b.current.contains(C.relatedTarget)||O()},onKeyDown:C=>{C.key==="Enter"&&y.isOpen&&C.preventDefault(),y.isOpen||y.open()},onKeyUp:C=>{C.key==="Enter"&&O()},onMouseUp:C=>{C.preventDefault()},onChange:B,...gs(f)}),g?null:E(De.CalendarToday,{"aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",width:".875rem",height:".875rem",top:".5rem",right:"10px"}})]}),f.errorMessage?E(St,{children:f.errorMessage}):null,y.isOpen?E(Gr,{state:y,targetRef:h,popoverRef:_,...x,placement:"bottom start",isNonModal:!0,children:E(zu,{ref:b,value:M,focusedValue:A,onChange:C=>{const J=new Ae(C.year,C.month,C.day);O(J)},onPrev:()=>{const C=nw(A);C&&V(C)},onNext:()=>{const C=rw(A);C&&V(C)},timeZone:r,isDateUnavailable:d})}):null]})}const pF=R.default(tt)`
+`;function dF({label:e,labelId:t="time-input-label",inputId:n="time-input",hideLabel:r,boldLabel:o=!0,interval:a=5,hourCycle:i="",defaultValue:l,onChange:s,placeholder:u="Enter a time",isInvalid:d,isDisabled:f,earliestScrollOption:g=new qn(0,0),latestScrollOption:m=new qn(23,59),alignScrollOptionIntervalsToMidnight:h=!0,...b}){const{locale:v}=at(),_=i===""?aF(v):i,[y,w]=c.useState(b.hideIcon),S=c.useMemo(()=>sF(a,g,m,h,_!=="24"),[h,g,_,a,m]),P=jd(l,b.value),T=_==="24"?zl(P):Nl(P),[M,$]=c.useState(T),A=c.createRef(),V=c.useRef(null),x=c.createRef(),N=da({}),O=pc(b.value);c.useEffect(()=>{if(b.value&&(O==null?void 0:O.compare(b.value))!==0&&!N.isOpen){const z=jd(null,b.value),F=_==="24"?zl(z):Nl(z);$(F)}},[b.value,O,_,N.isOpen]);const I=c.useCallback(z=>{var j;const F=x.current,Y=(j=F==null?void 0:F.getElementsByClassName(`${z}`))==null?void 0:j[0];if(F&&Y){const U=F.getBoundingClientRect().top+F.scrollTop,q=Y.getBoundingClientRect().top+F.scrollTop-U+F.scrollTop;F.scrollTo({top:q,behavior:"smooth"})}},[x]),B=c.useCallback(z=>{var j;const F=x.current,Y=(j=F==null?void 0:F.getElementsByClassName(`${z}`))==null?void 0:j[0];if(F&&Y){const U=F.getBoundingClientRect().top+F.scrollTop,q=Y.getBoundingClientRect().top+F.scrollTop-U+F.scrollTop;F.scrollTop=q}},[x]),C=pc(N.isOpen);c.useEffect(()=>{if(!C&&N.isOpen){const z=Jx(_,S,b.value);B(z)}},[M,N.isOpen,C,l,b.value,B,a,_,b,S]);const{overlayProps:J}=ad({type:"dialog"},N,A);c.useEffect(()=>{const z=()=>{A.current&&A.current.offsetWidth<100?y||w(!0):y&&w(!1)};return window.addEventListener("resize",z),z(),()=>window.removeEventListener("resize",z)},[A,y]);const H=c.useCallback(z=>{if(z){const F=_=="24"?zl(z):Nl(z),Y=tw(F,_);s==null||s(Y),$(F)}N.close()},[s,_,N]),G=c.useCallback(z=>{$(z.target.value),I(z.target.value),N.isOpen||N.open()},[N,I]);return ri(()=>{document.activeElement===A.current&&N.close()}),Q(Et,{children:[e?Q(Re,{id:t,htmlFor:n,srOnly:r,mb:p.spacing_150,bold:o,children:[e,b.tooltipContent?E(Qe,{icon:b.tooltipIcon,children:b.tooltipContent}):null]}):null,Q(fe,{width:"100%",position:"relative",children:[E(Nt,{type:"text",autoComplete:"off",placeholder:u,id:n,value:M,fontSize:p.font_size_175,lineHeight:p.font_size_200,height:p.font_size_400,"data-state":d?"invalid":void 0,disabled:f,ref:A,onFocus:z=>{N.isOpen||N.open()},onBlur:z=>{x.current&&z.relatedTarget&&x.current.contains(z.relatedTarget)||H(M)},onKeyDown:z=>{z.key==="Enter"&&N.isOpen&&z.preventDefault();let F=S.findIndex(Y=>Y===M);F===-1&&(F=S.findIndex(Y=>{if(z.key==="ArrowDown")return Y===Jx(_,S,b.value);if(z.key==="ArrowUp")return Y===oF(b,a,_)})),z.key==="ArrowDown"&&S[F+1]&&(N.isOpen||N.open(),$(S[F+1]??M),I(S[F+1]??"")),z.key==="ArrowUp"&&S[F-1]&&(N.isOpen||N.open(),$(S[F-1]??M),I(S[F-1]??""))},onKeyUp:z=>{z.key==="Enter"&&H(M)},onMouseUp:z=>{z.preventDefault()},onChange:G,...gs(b)}),y?null:E(De.AccessTime,{"aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",width:"1.1rem",height:"1.1rem",top:".45rem",right:".5rem"}})]}),b.errorMessage?E(St,{children:b.errorMessage}):null,N.isOpen?E(Gr,{state:N,targetRef:A,isTargetWidth:!0,popoverRef:V,...J,placement:"bottom start",isNonModal:!0,className:"time-input-popover",children:E(hd,{ref:x,onMouseDown:z=>z.preventDefault(),children:S.map((z,F)=>E(Sl,{value:z,isFocused:z===M,className:z||"",onClick:()=>{H(z)},children:E(tt,{as:"span",children:z})},F))})}):null]})}const nw=e=>{if(!e)return;let t=e.year,n=e.month;const r=1;return n===1?(n=12,t-=1):n-=1,new Ae(t,n,r)},rw=e=>{if(!e)return;let t=e.year,n=e.month;const r=1;return n===12?(n=1,t+=1):n+=1,new Ae(t,n,r)},Ud=["january","february","march","april","may","june","july","august","september","october","november","december"];function Rl(e){return e&&e.getFullYear()===new Date().getFullYear()?new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric"}).format(e):new Intl.DateTimeFormat("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e)}function fF({label:e,labelId:t="date-input-label",inputId:n="date-input",timeZone:r=Intl.DateTimeFormat().resolvedOptions().timeZone,hideLabel:o,boldLabel:a=!0,onChange:i,isInvalid:l,isDisabled:s,placeholder:u="Enter a date",isDateUnavailable:d,...f}){const[g,m]=c.useState(!!f.hideIcon),h=c.createRef(),b=c.createRef(),v=c.createRef(),_=c.useRef(null),y=da({}),w=f.defaultValue?Rl(new Date(f.defaultValue.year,f.defaultValue.month-1,f.defaultValue.day)):void 0,S=f.value?Rl(new Date(f.value.year,f.value.month-1,f.value.day)):"",[P,T]=c.useState(w??S),[M,$]=c.useState(f.value??f.defaultValue),[A,V]=c.useState(M),{overlayProps:x}=ad({type:"dialog"},y,h),N=pc(f.value);c.useEffect(()=>{f.value&&(N==null?void 0:N.compare(f.value))!==0&&!y.isOpen&&($(f.value),V(f.value),T(Rl(new Date(f.value.year,f.value.month-1,f.value.day))))},[f.value,N,y.isOpen]);const O=c.useCallback(C=>{const J=C??A;J&&($(J),V(J),T(Rl(new Date(J.year,J.month-1,J.day))),i==null||i(J),y.close())},[i,A,y]),I=c.useCallback(C=>{const J=Ud.findIndex(H=>H.startsWith(C.toLowerCase()));if(J>=0)return Ud[J]},[]);c.useEffect(()=>{const C=()=>{!f.hideIcon&&h.current&&h.current.offsetWidth<=155?g||m(!0):f.hideIcon||g&&m(!1)};return window.addEventListener("resize",C),C(),()=>window.removeEventListener("resize",C)},[h,g,f.hideIcon]);const B=c.useCallback(C=>{T(C.target.value),y.isOpen||y.open();const H=C.target.value.replace(",","").split(" ");let G,z,F;for(const j of H){if(j.match(/[a-zA-Z]+/)){const U=I(j);U&&(G=U)}if(j.match(/^[0-9]+$/)){if(j.length===1||j.length===2){const U=parseInt(j,10);U>=1&&U<=31&&(z=U)}if(j.length===4){const U=parseInt(j,10);U>=1e3&&U<=9999&&(F=U)}}}const Y=new Ae(F??new Date().getFullYear(),Ud.findIndex(j=>j===G)+1,z??1);$(Y),V(Y)},[I,y]);return ri(()=>{document.activeElement===v.current&&y.close()}),Q(Et,{ref:h,children:[e?Q(Re,{id:t,htmlFor:n,srOnly:o,mb:p.spacing_150,bold:a,children:[e,f.tooltipContent?E(Qe,{icon:f.tooltipIcon,children:f.tooltipContent}):null]}):null,Q(fe,{width:"100%",position:"relative",children:[E(Nt,{type:"text",autoComplete:"off",placeholder:u,id:n,value:P,fontSize:p.font_size_175,lineHeight:p.font_size_200,height:p.font_size_400,"data-state":l?"invalid":void 0,disabled:s,ref:v,onFocus:C=>{C.target.select(),y.isOpen||y.open()},onBlur:C=>{b.current&&C.relatedTarget&&b.current.contains(C.relatedTarget)||O()},onKeyDown:C=>{C.key==="Enter"&&y.isOpen&&C.preventDefault(),y.isOpen||y.open()},onKeyUp:C=>{C.key==="Enter"&&O()},onMouseUp:C=>{C.preventDefault()},onChange:B,...gs(f)}),g?null:E(De.CalendarToday,{"aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",width:".875rem",height:".875rem",top:".5rem",right:"10px"}})]}),f.errorMessage?E(St,{children:f.errorMessage}):null,y.isOpen?E(Gr,{state:y,targetRef:h,popoverRef:_,...x,placement:"bottom start",isNonModal:!0,children:E(zu,{ref:b,value:M,focusedValue:A,onChange:C=>{const J=new Ae(C.year,C.month,C.day);O(J)},onPrev:()=>{const C=nw(A);C&&V(C)},onNext:()=>{const C=rw(A);C&&V(C)},timeZone:r,isDateUnavailable:d})}):null]})}const pF=R.default(tt)`
     font-family: ${p.font_family_pingo};
     font-size: 0.875rem;
     font-style: normal;