All Downloads are FREE. Search and download functionalities are using the official Maven repository.

theme.keycloak.v2.admin.resources.assets.DatePicker-66178c4a.js Maven / Gradle / Ivy

Go to download

The user inferface to administrate the Keycloak server.

There is a newer version: 25.0.1
Show newest version
import{_ as fe,bv as o,bc as ke,r as s,k as N,B as me,bw as we,O as ge,aA as De,m as Se,n as Ee,ak as ce,M as Fe,bx as he}from"./index-0cda761d.js";import{S as Ce,b as Pe}from"./Select-68736f55.js";const f=r=>!!(r&&!isNaN(r));const l={calendarMonth:"pf-c-calendar-month",calendarMonthCalendar:"pf-c-calendar-month__calendar",calendarMonthDate:"pf-c-calendar-month__date",calendarMonthDatesCell:"pf-c-calendar-month__dates-cell",calendarMonthDatesRow:"pf-c-calendar-month__dates-row",calendarMonthDay:"pf-c-calendar-month__day",calendarMonthDays:"pf-c-calendar-month__days",calendarMonthHeader:"pf-c-calendar-month__header",calendarMonthHeaderMonth:"pf-c-calendar-month__header-month",calendarMonthHeaderNavControl:"pf-c-calendar-month__header-nav-control",calendarMonthHeaderYear:"pf-c-calendar-month__header-year",modifiers:{prevMonth:"pf-m-prev-month",nextMonth:"pf-m-next-month",current:"pf-m-current",inRange:"pf-m-in-range",startRange:"pf-m-start-range",endRange:"pf-m-end-range",adjacentMonth:"pf-m-adjacent-month",selected:"pf-m-selected",disabled:"pf-m-disabled",hover:"pf-m-hover",focus:"pf-m-focus"},themeDark:"pf-theme-dark"};var pe;(function(r){r[r.Sunday=0]="Sunday",r[r.Monday=1]="Monday",r[r.Tuesday=2]="Tuesday",r[r.Wednesday=3]="Wednesday",r[r.Thursday=4]="Thursday",r[r.Friday=5]="Friday",r[r.Saturday=6]="Saturday"})(pe||(pe={}));const ue=r=>r.getFullYear(),Te=(r,c,_,x)=>{const y=new Date(r,c),i=new Date(y);i.setDate(i.getDate()-i.getDay()+_);const k=[];i.getMonth()===y.getMonth()&&i.getDate()!==1&&i.setDate(i.getDate()-7);for(let w=0;w<6;w++){const M=[];for(let S=0;S<7;S++){const I=new Date(i);M.push({date:I,isValid:x.every(E=>E(I))}),i.setDate(i.getDate()+1)}if(k.push(M),i.getMonth()!==y.getMonth())break}return k},T=(r,c)=>r.getFullYear()===c.getFullYear()&&r.getMonth()===c.getMonth()&&r.getDate()===c.getDate(),ie=new Date,ye=r=>{var{date:c,locale:_=void 0,monthFormat:x=e=>e.toLocaleDateString(_,{month:"long"}),weekdayFormat:y=e=>e.toLocaleDateString(_,{weekday:"narrow"}),longWeekdayFormat:i=e=>e.toLocaleDateString(_,{weekday:"long"}),dayFormat:k=e=>e.getDate(),weekStart:w=0,onChange:M=()=>{},validators:S=[()=>!0],className:I,onSelectToggle:E=()=>{},onMonthChange:L=()=>{},rangeStart:u,prevMonthAriaLabel:q="Previous month",nextMonthAriaLabel:G="Next month",yearInputAriaLabel:ee="Select year",cellAriaLabel:J,isDateFocused:Q=!1,inlineProps:F}=r,te=fe(r,["date","locale","monthFormat","weekdayFormat","longWeekdayFormat","dayFormat","weekStart","onChange","validators","className","onSelectToggle","onMonthChange","rangeStart","prevMonthAriaLabel","nextMonthAriaLabel","yearInputAriaLabel","cellAriaLabel","isDateFocused","inlineProps"]);const ae=[0,1,2,3,4,5,6,7,8,9,10,11].map(e=>new Date(1990,e)).map(x),[H,X]=o.useState(!1),[d,b]=o.useState(()=>{const e=new Date(c);return f(e)?e:f(u)?u:ie}),[O,h]=o.useState(new Date(d)),C=o.useRef(),[j]=o.useState(ke("hidden-month-span")),[V,g]=o.useState(!1),P=e=>S.every(t=>t(e)),D=P(d);s.useEffect(()=>{f(c)&&!T(d,c)?b(c):c||b(ie)},[c]),s.useEffect(()=>{(V||Q)&&D&&C.current?C.current.focus():g(!0)},[d,Q,D,C]);const v=(e,t)=>{b(e),h(e),g(!1),L(e,t)},z=e=>{const t=new Date(d);e.key==="ArrowUp"?t.setDate(t.getDate()-7):e.key==="ArrowRight"?t.setDate(t.getDate()+1):e.key==="ArrowDown"?t.setDate(t.getDate()+7):e.key==="ArrowLeft"&&t.setDate(t.getDate()-1),t.getTime()!==d.getTime()&&P(t)&&(e.preventDefault(),b(t),h(t),g(!0))},B=e=>{const t=new Date(d);return t.setMonth(t.getMonth()+e),t},ne=B(-1),re=B(1),Z=d.getFullYear(),$=d.getMonth(),A=o.useMemo(()=>Te(Z,$,w,S),[Z,$,w,S]);if(!D){const e=A.reduce((t,a)=>[...t,...a],[]).filter(({date:t,isValid:a})=>a&&t.getMonth()===$).map(({date:t})=>({date:t,days:Math.abs(d.getTime()-t.getTime())})).sort((t,a)=>t.days-a.days).map(({date:t})=>t)[0];e&&(b(e),h(e))}const Y=P(O),R=x(d),oe=ue(d),W=o.createElement("div",Object.assign({className:N(l.calendarMonth,I)},te),o.createElement("div",{className:l.calendarMonthHeader},o.createElement("div",{className:N(l.calendarMonthHeaderNavControl,l.modifiers.prevMonth)},o.createElement(me,{variant:"plain","aria-label":q,onClick:e=>v(ne,e)},o.createElement(we,{"aria-hidden":!0}))),o.createElement(ge,null,o.createElement("div",{className:l.calendarMonthHeaderMonth},o.createElement("span",{id:j,hidden:!0},"Month"),o.createElement(Ce,{width:"140px","aria-labelledby":j,isOpen:H,onToggle:()=>{X(!H),E(!H)},onSelect:(e,t)=>{setTimeout(()=>{X(!1),E(!1);const a=new Date(d);a.setMonth(Number(t)),b(a),h(a),g(!1),L(a,e)},0)},variant:"single",selections:R},ae.map((e,t)=>o.createElement(Pe,{key:t,value:t,isSelected:e===R},e)))),o.createElement("div",{className:l.calendarMonthHeaderYear},o.createElement(De,{"aria-label":ee,type:"number",value:oe,onChange:(e,t)=>{const a=new Date(d);a.setFullYear(+e),b(a),h(a),g(!1),L(a,t)}}))),o.createElement("div",{className:N(l.calendarMonthHeaderNavControl,l.modifiers.nextMonth)},o.createElement(me,{variant:"plain","aria-label":G,onClick:e=>v(re,e)},o.createElement(Se,{"aria-hidden":!0})))),o.createElement("table",{className:l.calendarMonthCalendar},o.createElement("thead",{className:l.calendarMonthDays},o.createElement("tr",null,A[0].map(({date:e},t)=>o.createElement("th",{key:t,className:l.calendarMonthDay,scope:"col"},o.createElement("span",{className:"pf-screen-reader"},i(e)),o.createElement("span",{"aria-hidden":!0},y(e)))))),o.createElement("tbody",{onKeyDown:z},A.map((e,t)=>o.createElement("tr",{key:t,className:l.calendarMonthDatesRow},e.map(({date:a,isValid:n},m)=>{const p=k(a),Me=T(a,ie),be=f(c)&&T(a,c),de=T(a,d),ve=a.getMonth()!==d.getMonth(),se=f(u)&&T(a,u);let le=!1,K=!1;return f(u)&&f(c)?(le=a>u&&au||T(O,u))&&(le=a>u&&aM(a),onMouseOver:()=>h(a),tabIndex:de?0:-1,disabled:!n,"aria-label":J?J(a):`${k(a)} ${x(a)} ${ue(a)}`},de&&{ref:C}),p))}))))));if(F!==void 0){const e=F.component?F.component:"article";return o.createElement(e,Object.assign({},F.ariaLabelledby&&{"aria-labelledby":F.ariaLabelledby}),F.title,W)}return W};ye.displayName="CalendarMonth";const U={datePicker:"pf-c-date-picker",datePickerCalendar:"pf-c-date-picker__calendar",datePickerHelperText:"pf-c-date-picker__helper-text",datePickerInput:"pf-c-date-picker__input",formControl:"pf-c-form-control",modifiers:{error:"pf-m-error",alignRight:"pf-m-align-right",top:"pf-m-top",static:"pf-m-static"},themeDark:"pf-theme-dark"},Ne={name:"OutlinedCalendarAltIcon",height:512,width:448,svgPath:"M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z",yOffset:0,xOffset:0},_e=Ee(Ne),xe=_e,Oe=r=>`${r.getFullYear()}-${(r.getMonth()+1).toString().padStart(2,"0")}-${r.getDate().toString().padStart(2,"0")}`,Ae=(r,c)=>{var{className:_,locale:x=void 0,dateFormat:y=Oe,dateParse:i=n=>n.split("-").length===3&&new Date(`${n}T00:00:00`),isDisabled:k=!1,placeholder:w="YYYY-MM-DD",value:M="","aria-label":S="Date picker",buttonAriaLabel:I="Toggle date picker",onChange:E=()=>{},onBlur:L=()=>{},invalidFormatText:u="Invalid date",helperText:q,appendTo:G="parent",popoverProps:ee,monthFormat:J,weekdayFormat:Q,longWeekdayFormat:F,dayFormat:te,weekStart:ae,validators:H=[],rangeStart:X,style:d={},inputProps:b={}}=r,O=fe(r,["className","locale","dateFormat","dateParse","isDisabled","placeholder","value","aria-label","buttonAriaLabel","onChange","onBlur","invalidFormatText","helperText","appendTo","popoverProps","monthFormat","weekdayFormat","longWeekdayFormat","dayFormat","weekStart","validators","rangeStart","style","inputProps"]);const[h,C]=s.useState(M),[j,V]=s.useState(i(h)),[g,P]=s.useState(""),[D,v]=s.useState(!1),[z,B]=s.useState(!1),[ne,re]=s.useState(!0),Z=s.useMemo(()=>Math.max(y(new Date).length,w.length),[y]),$=Object.assign({"--pf-c-date-picker__input--c-form-control--width-chars":Z},d),A=s.useRef(),Y=s.useRef();s.useEffect(()=>{C(M),V(i(M))},[M]),s.useEffect(()=>{re(!h);const n=i(h);g&&f(n)&&R(n)},[h]);const R=n=>{P(H.map(m=>m(n)).join(`
`)||"")},oe=(n,m)=>{C(n),P("");const p=i(n);V(p),f(p)?E(m,n,new Date(p)):E(m,n)},W=n=>{if(ne)return;const m=i(h);f(m)?(L(n,h,new Date(m)),R(m)):(L(n,h),P(u))},e=n=>{const m=y(n);C(m),V(n),R(n),v(!1),E(null,m,new Date(n))},t=n=>{n.key==="Enter"&&h&&(f(j)?R(j):P(u))};s.useImperativeHandle(c,()=>({setCalendarOpen:n=>v(n),toggleCalendar:(n,m)=>{m===ce.Escape&&D&&!z&&v(p=>n!==void 0?n:!p)},isCalendarOpen:D}),[v,D,z]);const a=()=>Y&&Y.current?Y.current:null;return s.createElement("div",Object.assign({className:N(U.datePicker,_),ref:Y,style:$},O),s.createElement(Fe,Object.assign({position:"bottom",bodyContent:s.createElement(ye,{date:j,onChange:e,locale:x,validators:H.map(n=>m=>!n(m)),onSelectToggle:n=>B(n),monthFormat:J,weekdayFormat:Q,longWeekdayFormat:F,dayFormat:te,weekStart:ae,rangeStart:X,isDateFocused:!0}),showClose:!1,isVisible:D,shouldClose:(n,m,p)=>(p=p,p.key===ce.Escape&&z?(p.stopPropagation(),B(!1),!1):A.current&&A.current.contains(p.target)?!1:(v(!1),p.key===ce.Escape&&D&&p.stopPropagation(),!0)),withFocusTrap:!0,hasNoPadding:!0,hasAutoWidth:!0,appendTo:G==="parent"?a():G},ee),s.createElement("div",{className:U.datePickerInput},s.createElement(ge,null,s.createElement(De,Object.assign({isDisabled:k,"aria-label":S,placeholder:w,validated:g.trim()?"error":"default",value:h,onChange:oe,onBlur:W,onKeyPress:t},b)),s.createElement("button",{ref:A,className:N(he.button,he.modifiers.control),"aria-label":I,type:"button",onClick:()=>v(!D),disabled:k},s.createElement(xe,null))))),q&&s.createElement("div",{className:U.datePickerHelperText},q),g.trim()&&s.createElement("div",{className:N(U.datePickerHelperText,U.modifiers.error)},g))},Re=s.forwardRef(Ae);Re.displayName="DatePicker";export{Re as D,U as d};
//# sourceMappingURL=DatePicker-66178c4a.js.map




© 2015 - 2024 Weber Informatics LLC | Privacy Policy