@jk-core/components 0.1.12 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +5 -1
- package/dist/index.js.map +1 -1
- package/dist/index.umd.cjs +1 -1
- package/dist/index.umd.cjs.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.cjs
CHANGED
|
@@ -28,5 +28,5 @@ Check the top-level render call using <`+a+">.")}return t}}function He(e,t){{if(
|
|
|
28
28
|
<%s {...props} />
|
|
29
29
|
React keys must be passed directly to JSX without using spread:
|
|
30
30
|
let props = %s;
|
|
31
|
-
<%s key={someKey} {...props} />`,ke,B,Lt,B),Xe[B+ke]=!0}}return e===v?Dt(E):Yt(E),E}}function Pt(e,t,a){return Ze(e,t,a,!0)}function Nt(e,t,a){return Ze(e,t,a,!1)}var $t=Nt,At=Pt;H.Fragment=v,H.jsx=$t,H.jsxs=At}()),H}process.env.NODE_ENV==="production"?le.exports=et():le.exports=tt();var i=le.exports;function M(r){return Object.entries(r).filter(([,n])=>n).map(([n])=>n).join(" ")}const xe=r=>Y.createElement("svg",{width:"64px",height:"64px",viewBox:"0 0 24 24",fill:"#000000",xmlns:"http://www.w3.org/2000/svg",stroke:"#000000",strokeWidth:.696,...r},Y.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:0}),Y.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Y.createElement("g",{id:"SVGRepo_iconCarrier"},Y.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.207 6.207a1 1 0 0 0-1.414-1.414L12 10.586 6.207 4.793a1 1 0 0 0-1.414 1.414L10.586 12l-5.793 5.793a1 1 0 1 0 1.414 1.414L12 13.414l5.793 5.793a1 1 0 0 0 1.414-1.414L13.414 12l5.793-5.793z"}))),A=(r,n,o="day")=>{if(r===null||n===null)return!1;switch(o){case"day":return r.getFullYear()===n.getFullYear()&&r.getMonth()===n.getMonth()&&r.getDate()===n.getDate();case"month":return r.getFullYear()===n.getFullYear()&&r.getMonth()===n.getMonth();case"year":return r.getFullYear()===n.getFullYear();default:return!1}},oe=(r,n)=>!(n!=null&&n[0])||!(n!=null&&n[1])?!1:r>=n[0]&&r<n[1],C={"day-tile":"_day-tile_jpumm_1","day-tile--content":"_day-tile--content_jpumm_8","day-tile--selected":"_day-tile--selected_jpumm_18","day-tile__range":"_day-tile__range_jpumm_26","day-tile__tile":"_day-tile__tile_jpumm_35","day-tile__weeks":"_day-tile__weeks_jpumm_41","day-tile__weeks--date":"_day-tile__weeks--date_jpumm_47","day-tile__week":"_day-tile__week_jpumm_41","day-tile__day":"_day-tile__day_jpumm_59","day-tile__day--today":"_day-tile__day--today_jpumm_79","day-tile__day--selected-first":"_day-tile__day--selected-first_jpumm_83","day-tile__day--selected-last":"_day-tile__day--selected-last_jpumm_88","day-tile__day--before":"_day-tile__day--before_jpumm_93","day-tile__day--tile":"_day-tile__day--tile_jpumm_96","day-tile__day--range":"_day-tile__day--range_jpumm_100","day-tile__day--hide-before":"_day-tile__day--hide-before_jpumm_112","day-tile__day--hide-after":"_day-tile__day--hide-after_jpumm_112"},rt=["일","월","화","수","목","금","토"];function ie({selectedDate:r,weeksInMonth:n,tileContent:o,handleDayClick:v,range:s=!1,max:y,min:g,hideBefore:u=!1,hideAfter:l=!1,hoverDate:_,setHoverDate:f=()=>{}}){return i.jsxs("div",{className:C["day-tile"],children:[i.jsx("div",{className:C["day-tile__weeks"],children:rt.map(p=>i.jsx("div",{className:C["day-tile__weeks--date"],children:p},p))}),i.jsx("div",{className:C["day-tile__tile"],children:n.map((p,d)=>i.jsx("div",{className:C["day-tile__week"],children:p.map((m,O)=>i.jsx("button",{className:M({[C["day-tile__day"]]:!0,[C["day-tile__day--today"]]:A(m.date,new Date),[C["day-tile__day--selected-first"]]:!!r&&A(m.date,r[0]||null)&&s,[C["day-tile__day--selected-last"]]:!!r&&A(m.date,r[1]||null)&&s,[C["day-tile__day--before"]]:m.thisMonth!=="this",[C["day-tile__day--hide-before"]]:u&&m.thisMonth==="before",[C["day-tile__day--hide-after"]]:l&&m.thisMonth==="after",[C["day-tile__day--tile"]]:!!(o&&o()),[C["day-tile__day--range"]]:oe(m.date,r)||!!(r!=null&&r[0])&&!(r!=null&&r[1])&&(oe(m.date,[r[0],_])||oe(m.date,[_,r[0]])),[C["day-tile__day--range-cover"]]:!!r&&!!r[1]&&(A(m.date,r[0]||null)||A(m.date,r[1]||null))}),type:"button",disabled:g&&m.date<g||y&&m.date>y,onMouseOver:()=>{f(new Date(m.date.getFullYear(),m.date.getMonth(),m.date.getDate()+1))},onFocus:()=>{f(new Date(m.date.getFullYear(),m.date.getMonth(),m.date.getDate()+1))},onMouseLeave:()=>{f(null)},onClick:()=>v(m.date),children:i.jsxs("div",{className:M({[C["day-tile--content"]]:!0,[C["day-tile--selected"]]:!!r&&(A(m.date,r[0]||null)||A(m.date,r[1]||null))}),children:[m.date.getDate(),o&&o()]})},O))},d))})]})}const L={calendar:"_calendar_19tko_10","calendar--range":"_calendar--range_19tko_19",calendar__close:"_calendar__close_19tko_22","calendar__range-tile":"_calendar__range-tile_19tko_33",calendar__wrapper:"_calendar__wrapper_19tko_39",view:"_view_19tko_47",view__block:"_view__block_19tko_57","view__block--second":"_view__block--second_19tko_67","view__block--last":"_view__block--last_19tko_70",view__selector:"_view__selector_19tko_73","view__selector--selected":"_view__selector--selected_19tko_84",nav:"_nav_19tko_90",nav__button:"_nav__button_19tko_100",nav__label:"_nav__label_19tko_122","nav__label--date":"_nav__label--date_19tko_130","nav__label--date-selected":"_nav__label--date-selected_19tko_143"},Re=r=>Y.createElement("svg",{width:"64px",height:"64px",viewBox:"0 0 24 24",fill:"#0F0F0F",xmlns:"http://www.w3.org/2000/svg",...r},Y.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:0}),Y.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Y.createElement("g",{id:"SVGRepo_iconCarrier"},Y.createElement("path",{d:"M16.1795 3.26875C15.7889 2.87823 15.1558 2.87823 14.7652 3.26875L8.12078 9.91322C6.94952 11.0845 6.94916 12.9833 8.11996 14.155L14.6903 20.7304C15.0808 21.121 15.714 21.121 16.1045 20.7304C16.495 20.3399 16.495 19.7067 16.1045 19.3162L9.53246 12.7442C9.14194 12.3536 9.14194 11.7205 9.53246 11.33L16.1795 4.68297C16.57 4.29244 16.57 3.65928 16.1795 3.26875Z"}))),Ce=r=>Y.createElement("svg",{width:25,height:25,viewBox:"0 0 20 20",fill:"none",stroke:"#2D2D2D",xmlns:"http://www.w3.org/2000/svg",...r},Y.createElement("path",{d:"M5 7.5L10 13L15 7.5",strokeWidth:1.4,strokeLinecap:"round"})),P={nav:"_nav_1u4xv_1","nav--range":"_nav--range_1u4xv_11",nav__button:"_nav__button_1u4xv_14",nav__label:"_nav__label_1u4xv_42","nav__label--date":"_nav__label--date_1u4xv_50","nav__label--date-selected":"_nav__label--date-selected_1u4xv_63"};function se({viewDate:r,onArrowClick:n,disabled:o,method:v,selectMode:s="day",setSelectMode:y=()=>{},hideArrow:g=null,range:u=!1}){return i.jsxs("div",{className:M({[P.nav]:!0,[P["nav--range"]]:u}),children:[i.jsx("button",{className:P.nav__button,type:"button",onClick:()=>n("prev"),disabled:o("prev")||g==="prev",children:g!=="prev"&&i.jsx(Re,{})}),u?i.jsx("div",{className:P.nav__label,children:`${r.getFullYear()}년 ${r.getMonth()+1}월`}):i.jsxs("div",{className:P.nav__label,children:[v==="year"&&"연도 선택",v!=="year"&&i.jsxs("button",{className:M({[P["nav__label--date"]]:!0,[P["nav__label--date-selected"]]:s==="year"}),type:"button",onClick:()=>y("year"),children:[`${r.getFullYear()}년`,i.jsx(Ce,{})]}),v==="day"&&i.jsxs("button",{className:M({[P["nav__label--date"]]:!0,[P["nav__label--date-selected"]]:s==="month"}),type:"button",onClick:()=>y("month"),children:[`${r.getMonth()+1}월`,i.jsx(Ce,{})]})]}),i.jsx("button",{className:P.nav__button,type:"button",onClick:()=>n("next"),disabled:o("next")||g==="next",children:g!=="next"&&i.jsx(Re,{style:{transform:"rotate(180deg)"}})})]})}const Se=({method:r,selectMode:n,viewDate:o,setDate:v,min:s,max:y})=>({disabled:l=>n==="year"||r!==n?!0:r==="day"?l==="prev"?new Date(o.getFullYear(),o.getMonth()-1,1)<s:new Date(o.getFullYear(),o.getMonth()+1,1)>y:r==="month"?l==="prev"?new Date(o.getFullYear()-1,o.getMonth(),1)<s:new Date(o.getFullYear()+1,o.getMonth(),1)>y:r==="year"?l==="prev"?new Date(o.getFullYear()-10,o.getMonth(),1)<s:new Date(o.getFullYear()+10,o.getMonth(),1)>y:!1,onArrowClick:l=>{const _=l==="prev"?-1:1,f=new Date(2e3,0,1),p=new Date(2099,11,31);if(r==="day"){const d=new Date(o.getFullYear(),o.getMonth()+_,1);d>=f&&d<=p&&v(d)}if(r==="month"){const d=new Date(o.getFullYear()+_,o.getMonth(),1);d>=f&&d<=p&&v(d)}if(r==="year"){const d=new Date(o.getFullYear()+_*10,o.getMonth(),1);d>=f&&d<=p&&v(d)}}}),ue=r=>{const n=new Date(r.getFullYear(),r.getMonth(),1),o=new Date(r.getFullYear(),r.getMonth()+1,0),v=[];let s=[];const y=n.getDay();if(y!==0){const l=new Date(n);l.setDate(0);for(let _=y-1;_>=0;_-=1){const f=new Date(l);f.setDate(l.getDate()-_),s.push({thisMonth:"before",date:f})}}const g=new Date(n);for(;g<=o;)s.push({thisMonth:"this",date:new Date(g)}),g.getDay()===6&&(v.push(s),s=[]),g.setDate(g.getDate()+1);const u=o.getDay();if(u!==6)for(let l=1;l<=6-u;l+=1){const _=new Date(o);_.setDate(o.getDate()+l),s.push({thisMonth:"after",date:_})}return s.length>0&&v.push(s),v};function nt({className:r="",date:n=[null,null],onChange:o=()=>{},onClose:v,min:s=new Date(2e3,0,1),max:y=new Date(2099,11,31)}){const g="day",[u,l]=R.useState((n==null?void 0:n[0])||new Date),[_,f]=R.useState(null),p=ue(u),d=(S,X=!1)=>{X||l(S),(!n[0]||n[0]&&n[1])&&o([S,null]),n[0]&&!n[1]&&(S<n[0]?o([S,n[0]]):o([n[0],S]))},{disabled:m,onArrowClick:O}=Se({method:g,selectMode:"day",viewDate:u,setDate:l,min:s,max:y});return R.useEffect(()=>{u>y&&l(y),u<s&&l(s)},[u,y,s]),i.jsxs("div",{className:M({[L.calendar]:!0,[L["calendar--range"]]:!0,[r]:!!r}),children:[i.jsx("div",{className:L.calendar__close,children:v&&i.jsx(xe,{onClick:v})}),i.jsxs("div",{className:L["calendar__range-tile"],children:[i.jsxs("div",{className:L.calendar__wrapper,children:[i.jsx(se,{viewDate:u,method:"day",onArrowClick:O,disabled:m,hideArrow:"next",range:!0}),i.jsx(ie,{hoverDate:_,setHoverDate:S=>f(S),selectedDate:n,weeksInMonth:p,handleDayClick:d,hideAfter:!0,max:y,min:s,range:!0})]}),i.jsxs("div",{className:L.calendar__wrapper,children:[i.jsx(se,{viewDate:u,method:"day",onArrowClick:O,disabled:m,hideArrow:"prev",range:!0}),i.jsx(ie,{hoverDate:_,setHoverDate:S=>f(S),selectedDate:n,weeksInMonth:ue(new Date(u.getFullYear(),u.getMonth()+1,1)),handleDayClick:S=>d(S,!0),hideBefore:!0,max:y,min:s,range:!0})]})]})]})}const z={"month-tile":"_month-tile_l4sup_1","month-tile__month":"_month-tile__month_l4sup_11","month-tile__month--selected":"_month-tile__month--selected_l4sup_38","month-tile__month--today":"_month-tile__month--today_l4sup_42","month-tile__month--tile":"_month-tile__month--tile_l4sup_46"},at=Array.from({length:12},(r,n)=>n);function lt({selectedDate:r,viewDate:n,handleMonthClick:o,tileContent:v=()=>!1,max:s,min:y}){const g=u=>{const l=new Date(n.getFullYear(),u,1);return l>new Date(s.getFullYear(),s.getMonth(),1)||l<new Date(y.getFullYear(),y.getMonth(),1)};return i.jsx("div",{className:z["month-tile"],children:at.map(u=>i.jsxs("button",{className:M({[z["month-tile__month"]]:!0,[z["month-tile__month--selected"]]:!!r&&A(r,new Date(n.getFullYear(),u),"month"),[z["month-tile__month--today"]]:A(new Date(n.getFullYear(),u),new Date,"month"),[z["month-tile__month--tile"]]:!!v(new Date(n.getFullYear(),u-1,1),"month")}),type:"button",onClick:()=>o(u),disabled:g(u),children:[i.jsx("span",{children:`${u+1}월`}),!!v(new Date(n.getFullYear(),u-1,1),"month")&&v(new Date(n.getFullYear(),u-1,1),"month")]},u))})}const W={"year-tile":"_year-tile_1tvwj_1","year-tile__blank":"_year-tile__blank_1tvwj_17","year-tile__year":"_year-tile__year_1tvwj_24","year-tile__year--border":"_year-tile__year--border_1tvwj_45","year-tile__year--year":"_year-tile__year--year_1tvwj_54","year-tile__year--selected":"_year-tile__year--selected_1tvwj_60","year-tile__year--tile":"_year-tile__year--tile_1tvwj_64"};function ot({selectedDate:r,onClick:n,tileContent:o=()=>!1,max:v,min:s}){const y=R.useRef(null),g=R.useRef(null),u=Array.from({length:v.getFullYear()-s.getFullYear()+1},(l,_)=>s.getFullYear()+_);return R.useEffect(()=>{const l=g.current,_=y.current;if(!l||!_)return;const{clientHeight:f}=_,{offsetTop:p,clientHeight:d}=l;_.scrollTo({top:p-f/2+d})},[]),i.jsxs("div",{className:W["year-tile"],ref:y,children:[i.jsx("div",{className:W["year-tile__blank"]}),u.map(l=>i.jsxs("button",{className:M({[W["year-tile__year"]]:!0,[W["year-tile__year--selected"]]:!!r&&r.getFullYear()===l,[W["year-tile__year--border"]]:!!o(new Date(l,1,1),"year")}),type:"button",ref:r&&r.getFullYear()===l?g:null,onClick:()=>n(l),children:[i.jsx("span",{className:W["yearTile__year--year"],children:l}),o(new Date(l,1,1),"year")&&i.jsx("div",{className:W["yearTile__year--tile"],children:o(new Date(l,1,1),"year")})]},l)),i.jsx("div",{className:W["year-tile__blank"]})]})}const it=({viewDate:r,setViewDate:n,onChange:o,setSelectMode:v,method:s,setView:y})=>{const g=new Date(2e3,0,1),u=new Date(2099,11,31);return{onDayClick:p=>{p<g||p>u||(n(p),y("day"),o(p))},onMonthClick:p=>{const d=new Date(r.getFullYear(),p,1);n(d),s!=="month"&&v(s),s==="month"&&(y("month"),o(d))},onYearClick:p=>{const d=new Date(p,0,1);n(d),s!=="year"&&v(s),s==="year"&&(y("year"),o(d))}}},N={view:"_view_10omg_1",view__block:"_view__block_10omg_11","view__block--second":"_view__block--second_10omg_21","view__block--last":"_view__block--last_10omg_24",view__selector:"_view__selector_10omg_27","view__selector--selected":"_view__selector--selected_10omg_38"};function st({method:r,selectView:n}){return i.jsxs("div",{className:N.view,children:[i.jsx("div",{className:M({[N.view__block]:!0,[N["view__block--second"]]:r==="month",[N["view__block--last"]]:r==="year"})}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="day"}),type:"button",onClick:()=>n("day"),children:"일"}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="month"}),type:"button",onClick:()=>n("month"),children:"월"}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="year"}),type:"button",onClick:()=>n("year"),children:"년"})]})}function ut({className:r="",date:n,view:o,setView:v=()=>{},tileContent:s,onChange:y=()=>{},onClose:g,viewSelector:u=!0,min:l=new Date(2e3,0,1),max:_=new Date(2099,11,31)}){const[f,p]=R.useState(n||new Date),[d,m]=R.useState(o||"day"),[O,S]=R.useState(o||"day"),X=ue(f),{onDayClick:I,onMonthClick:x,onYearClick:ce}=it({viewDate:f,setViewDate:G=>p(G),onChange:y,setSelectMode:S,method:d,setView:v}),{disabled:_e,onArrowClick:fe}=Se({method:d,selectMode:O,viewDate:f,setDate:p,min:l,max:_}),de=G=>{m(G),S(G)};return R.useEffect(()=>{f>_&&p(_),f<l&&p(l)},[f,_,l]),i.jsxs("div",{className:M({[L.calendar]:!0,[r]:!!r}),children:[i.jsx("div",{className:L.calendar__close,children:g&&i.jsx(xe,{onClick:g})}),u&&i.jsx(st,{method:d,selectView:de}),i.jsx(se,{viewDate:f,method:d,onArrowClick:fe,disabled:_e,selectMode:O,setSelectMode:S}),d==="day"&&O==="day"&&i.jsx(ie,{selectedDate:[n,null],weeksInMonth:X,handleDayClick:I,tileContent:()=>s?s(n,d):null,max:_,min:l}),(d==="month"||O==="month")&&O!=="year"&&i.jsx(lt,{selectedDate:n,viewDate:f,handleMonthClick:x,tileContent:s,max:_,min:l}),(d==="year"||O==="year")&&i.jsx(ot,{selectedDate:n,onClick:ce,tileContent:s,max:_,min:l})]})}function ct({className:r="",date:n,view:o,setView:v=()=>{},tileContent:s,onChange:y=()=>{},onClose:g,viewSelector:u=!0,min:l=new Date(2e3,0,1),max:_=new Date(2099,11,31),selectRange:f=!1}){return f?i.jsx(nt,{className:r,date:n,onChange:y,min:l,max:_,onClose:g}):i.jsx(ut,{className:r,date:n,view:o,setView:v,tileContent:s,onChange:y,min:l,max:_,onClose:g,viewSelector:u})}V.Calendar=ct,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|
|
31
|
+
<%s key={someKey} {...props} />`,ke,B,Lt,B),Xe[B+ke]=!0}}return e===v?Dt(E):Yt(E),E}}function Pt(e,t,a){return Ze(e,t,a,!0)}function Nt(e,t,a){return Ze(e,t,a,!1)}var $t=Nt,At=Pt;H.Fragment=v,H.jsx=$t,H.jsxs=At}()),H}process.env.NODE_ENV==="production"?le.exports=et():le.exports=tt();var i=le.exports;function M(r){return Object.entries(r).filter(([,n])=>n).map(([n])=>n).join(" ")}const xe=r=>Y.createElement("svg",{width:"64px",height:"64px",viewBox:"0 0 24 24",fill:"#000000",xmlns:"http://www.w3.org/2000/svg",stroke:"#000000",strokeWidth:.696,...r},Y.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:0}),Y.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Y.createElement("g",{id:"SVGRepo_iconCarrier"},Y.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.207 6.207a1 1 0 0 0-1.414-1.414L12 10.586 6.207 4.793a1 1 0 0 0-1.414 1.414L10.586 12l-5.793 5.793a1 1 0 1 0 1.414 1.414L12 13.414l5.793 5.793a1 1 0 0 0 1.414-1.414L13.414 12l5.793-5.793z"}))),A=(r,n,o="day")=>{if(r===null||n===null)return!1;switch(o){case"day":return r.getFullYear()===n.getFullYear()&&r.getMonth()===n.getMonth()&&r.getDate()===n.getDate();case"month":return r.getFullYear()===n.getFullYear()&&r.getMonth()===n.getMonth();case"year":return r.getFullYear()===n.getFullYear();default:return!1}},oe=(r,n)=>!(n!=null&&n[0])||!(n!=null&&n[1])?!1:r>=n[0]&&r<n[1],C={"day-tile":"_day-tile_jpumm_1","day-tile--content":"_day-tile--content_jpumm_8","day-tile--selected":"_day-tile--selected_jpumm_18","day-tile__range":"_day-tile__range_jpumm_26","day-tile__tile":"_day-tile__tile_jpumm_35","day-tile__weeks":"_day-tile__weeks_jpumm_41","day-tile__weeks--date":"_day-tile__weeks--date_jpumm_47","day-tile__week":"_day-tile__week_jpumm_41","day-tile__day":"_day-tile__day_jpumm_59","day-tile__day--today":"_day-tile__day--today_jpumm_79","day-tile__day--selected-first":"_day-tile__day--selected-first_jpumm_83","day-tile__day--selected-last":"_day-tile__day--selected-last_jpumm_88","day-tile__day--before":"_day-tile__day--before_jpumm_93","day-tile__day--tile":"_day-tile__day--tile_jpumm_96","day-tile__day--range":"_day-tile__day--range_jpumm_100","day-tile__day--hide-before":"_day-tile__day--hide-before_jpumm_112","day-tile__day--hide-after":"_day-tile__day--hide-after_jpumm_112"},rt=["일","월","화","수","목","금","토"];function ie({selectedDate:r,weeksInMonth:n,tileContent:o,handleDayClick:v,range:s=!1,max:y,min:g,hideBefore:u=!1,hideAfter:l=!1,hoverDate:_,setHoverDate:f=()=>{}}){return i.jsxs("div",{className:C["day-tile"],children:[i.jsx("div",{className:C["day-tile__weeks"],children:rt.map(p=>i.jsx("div",{className:C["day-tile__weeks--date"],children:p},p))}),i.jsx("div",{className:C["day-tile__tile"],children:n.map((p,d)=>i.jsx("div",{className:C["day-tile__week"],children:p.map((m,O)=>i.jsx("button",{className:M({[C["day-tile__day"]]:!0,[C["day-tile__day--today"]]:A(m.date,new Date),[C["day-tile__day--selected-first"]]:!!r&&A(m.date,r[0]||null)&&s,[C["day-tile__day--selected-last"]]:!!r&&A(m.date,r[1]||null)&&s,[C["day-tile__day--before"]]:m.thisMonth!=="this",[C["day-tile__day--hide-before"]]:u&&m.thisMonth==="before",[C["day-tile__day--hide-after"]]:l&&m.thisMonth==="after",[C["day-tile__day--tile"]]:!!(o&&o()),[C["day-tile__day--range"]]:oe(m.date,r)||!!(r!=null&&r[0])&&!(r!=null&&r[1])&&(oe(m.date,[r[0],_])||oe(m.date,[_,r[0]])),[C["day-tile__day--range-cover"]]:!!r&&!!r[1]&&(A(m.date,r[0]||null)||A(m.date,r[1]||null))}),type:"button",disabled:g&&m.date<g||y&&m.date>y,onMouseOver:()=>{f(new Date(m.date.getFullYear(),m.date.getMonth(),m.date.getDate()+1))},onFocus:()=>{f(new Date(m.date.getFullYear(),m.date.getMonth(),m.date.getDate()+1))},onMouseLeave:()=>{f(null)},onClick:()=>v(m.date),children:i.jsxs("div",{className:M({[C["day-tile--content"]]:!0,[C["day-tile--selected"]]:!!r&&(A(m.date,r[0]||null)||A(m.date,r[1]||null))}),children:[m.date.getDate(),o&&o()]})},O))},d))})]})}const L={calendar:"_calendar_19tko_10","calendar--range":"_calendar--range_19tko_19",calendar__close:"_calendar__close_19tko_22","calendar__range-tile":"_calendar__range-tile_19tko_33",calendar__wrapper:"_calendar__wrapper_19tko_39",view:"_view_19tko_47",view__block:"_view__block_19tko_57","view__block--second":"_view__block--second_19tko_67","view__block--last":"_view__block--last_19tko_70",view__selector:"_view__selector_19tko_73","view__selector--selected":"_view__selector--selected_19tko_84",nav:"_nav_19tko_90",nav__button:"_nav__button_19tko_100",nav__label:"_nav__label_19tko_122","nav__label--date":"_nav__label--date_19tko_130","nav__label--date-selected":"_nav__label--date-selected_19tko_143"},Re=r=>Y.createElement("svg",{width:"64px",height:"64px",viewBox:"0 0 24 24",fill:"#0F0F0F",xmlns:"http://www.w3.org/2000/svg",...r},Y.createElement("g",{id:"SVGRepo_bgCarrier",strokeWidth:0}),Y.createElement("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Y.createElement("g",{id:"SVGRepo_iconCarrier"},Y.createElement("path",{d:"M16.1795 3.26875C15.7889 2.87823 15.1558 2.87823 14.7652 3.26875L8.12078 9.91322C6.94952 11.0845 6.94916 12.9833 8.11996 14.155L14.6903 20.7304C15.0808 21.121 15.714 21.121 16.1045 20.7304C16.495 20.3399 16.495 19.7067 16.1045 19.3162L9.53246 12.7442C9.14194 12.3536 9.14194 11.7205 9.53246 11.33L16.1795 4.68297C16.57 4.29244 16.57 3.65928 16.1795 3.26875Z"}))),Ce=r=>Y.createElement("svg",{width:25,height:25,viewBox:"0 0 20 20",fill:"none",stroke:"#2D2D2D",xmlns:"http://www.w3.org/2000/svg",...r},Y.createElement("path",{d:"M5 7.5L10 13L15 7.5",strokeWidth:1.4,strokeLinecap:"round"})),P={nav:"_nav_1u4xv_1","nav--range":"_nav--range_1u4xv_11",nav__button:"_nav__button_1u4xv_14",nav__label:"_nav__label_1u4xv_42","nav__label--date":"_nav__label--date_1u4xv_50","nav__label--date-selected":"_nav__label--date-selected_1u4xv_63"};function se({viewDate:r,onArrowClick:n,disabled:o,method:v,selectMode:s="day",setSelectMode:y=()=>{},hideArrow:g=null,range:u=!1}){return i.jsxs("div",{className:M({[P.nav]:!0,[P["nav--range"]]:u}),children:[i.jsx("button",{className:P.nav__button,type:"button",onClick:()=>n("prev"),disabled:o("prev")||g==="prev",children:g!=="prev"&&i.jsx(Re,{})}),u?i.jsx("div",{className:P.nav__label,children:`${r.getFullYear()}년 ${r.getMonth()+1}월`}):i.jsxs("div",{className:P.nav__label,children:[v==="year"&&"연도 선택",v!=="year"&&i.jsxs("button",{className:M({[P["nav__label--date"]]:!0,[P["nav__label--date-selected"]]:s==="year"}),type:"button",onClick:()=>y("year"),children:[`${r.getFullYear()}년`,i.jsx(Ce,{})]}),v==="day"&&i.jsxs("button",{className:M({[P["nav__label--date"]]:!0,[P["nav__label--date-selected"]]:s==="month"}),type:"button",onClick:()=>y("month"),children:[`${r.getMonth()+1}월`,i.jsx(Ce,{})]})]}),i.jsx("button",{className:P.nav__button,type:"button",onClick:()=>n("next"),disabled:o("next")||g==="next",children:g!=="next"&&i.jsx(Re,{style:{transform:"rotate(180deg)"}})})]})}const Se=({method:r,selectMode:n,viewDate:o,setDate:v,min:s,max:y})=>({disabled:l=>n==="year"||r!==n?!0:r==="day"?l==="prev"?new Date(o.getFullYear(),o.getMonth()-1,1)<s:new Date(o.getFullYear(),o.getMonth()+1,1)>y:r==="month"?l==="prev"?new Date(o.getFullYear()-1,o.getMonth(),1)<s:new Date(o.getFullYear()+1,o.getMonth(),1)>y:r==="year"?l==="prev"?new Date(o.getFullYear()-10,o.getMonth(),1)<s:new Date(o.getFullYear()+10,o.getMonth(),1)>y:!1,onArrowClick:l=>{const _=l==="prev"?-1:1,f=new Date(2e3,0,1),p=new Date(2099,11,31);if(r==="day"){const d=new Date(o.getFullYear(),o.getMonth()+_,1);d>=f&&d<=p&&v(d)}if(r==="month"){const d=new Date(o.getFullYear()+_,o.getMonth(),1);d>=f&&d<=p&&v(d)}if(r==="year"){const d=new Date(o.getFullYear()+_*10,o.getMonth(),1);d>=f&&d<=p&&v(d)}}}),ue=r=>{const n=new Date(r.getFullYear(),r.getMonth(),1),o=new Date(r.getFullYear(),r.getMonth()+1,0),v=[];let s=[];const y=n.getDay();if(y!==0){const l=new Date(n);l.setDate(0);for(let _=y-1;_>=0;_-=1){const f=new Date(l);f.setDate(l.getDate()-_),s.push({thisMonth:"before",date:f})}}const g=new Date(n);for(;g<=o;)s.push({thisMonth:"this",date:new Date(g)}),g.getDay()===6&&(v.push(s),s=[]),g.setDate(g.getDate()+1);const u=o.getDay();if(u!==6)for(let l=1;l<=6-u;l+=1){const _=new Date(o);_.setDate(o.getDate()+l),s.push({thisMonth:"after",date:_})}return s.length>0&&v.push(s),v};function nt({className:r="",date:n=[null,null],onChange:o=()=>{},onClose:v,min:s=new Date(2e3,0,1),max:y=new Date(2099,11,31)}){const g="day",[u,l]=R.useState((n==null?void 0:n[0])||new Date),[_,f]=R.useState(null),p=ue(u),d=(S,X=!1)=>{X||l(S),(!n[0]||n[0]&&n[1])&&o([S,null]),n[0]&&!n[1]&&(S<n[0]?o([S,n[0]]):o([n[0],S]))},{disabled:m,onArrowClick:O}=Se({method:g,selectMode:"day",viewDate:u,setDate:l,min:s,max:y});return R.useEffect(()=>{u>y&&l(y),u<s&&l(s)},[u,y,s]),i.jsxs("div",{className:M({[L.calendar]:!0,[L["calendar--range"]]:!0,[r]:!!r}),children:[i.jsx("div",{className:L.calendar__close,children:v&&i.jsx(xe,{onClick:v})}),i.jsxs("div",{className:L["calendar__range-tile"],children:[i.jsxs("div",{className:L.calendar__wrapper,children:[i.jsx(se,{viewDate:u,method:"day",onArrowClick:O,disabled:m,hideArrow:"next",range:!0}),i.jsx(ie,{hoverDate:_,setHoverDate:S=>f(S),selectedDate:n,weeksInMonth:p,handleDayClick:d,hideAfter:!0,max:y,min:s,range:!0})]}),i.jsxs("div",{className:L.calendar__wrapper,children:[i.jsx(se,{viewDate:new Date(u.getFullYear(),u.getMonth()+1,1),method:"day",onArrowClick:O,disabled:m,hideArrow:"prev",range:!0}),i.jsx(ie,{hoverDate:_,setHoverDate:S=>f(S),selectedDate:n,weeksInMonth:ue(new Date(u.getFullYear(),u.getMonth()+1,1)),handleDayClick:S=>d(S,!0),hideBefore:!0,max:y,min:s,range:!0})]})]})]})}const z={"month-tile":"_month-tile_l4sup_1","month-tile__month":"_month-tile__month_l4sup_11","month-tile__month--selected":"_month-tile__month--selected_l4sup_38","month-tile__month--today":"_month-tile__month--today_l4sup_42","month-tile__month--tile":"_month-tile__month--tile_l4sup_46"},at=Array.from({length:12},(r,n)=>n);function lt({selectedDate:r,viewDate:n,handleMonthClick:o,tileContent:v=()=>!1,max:s,min:y}){const g=u=>{const l=new Date(n.getFullYear(),u,1);return l>new Date(s.getFullYear(),s.getMonth(),1)||l<new Date(y.getFullYear(),y.getMonth(),1)};return i.jsx("div",{className:z["month-tile"],children:at.map(u=>i.jsxs("button",{className:M({[z["month-tile__month"]]:!0,[z["month-tile__month--selected"]]:!!r&&A(r,new Date(n.getFullYear(),u),"month"),[z["month-tile__month--today"]]:A(new Date(n.getFullYear(),u),new Date,"month"),[z["month-tile__month--tile"]]:!!v(new Date(n.getFullYear(),u-1,1),"month")}),type:"button",onClick:()=>o(u),disabled:g(u),children:[i.jsx("span",{children:`${u+1}월`}),!!v(new Date(n.getFullYear(),u-1,1),"month")&&v(new Date(n.getFullYear(),u-1,1),"month")]},u))})}const W={"year-tile":"_year-tile_1tvwj_1","year-tile__blank":"_year-tile__blank_1tvwj_17","year-tile__year":"_year-tile__year_1tvwj_24","year-tile__year--border":"_year-tile__year--border_1tvwj_45","year-tile__year--year":"_year-tile__year--year_1tvwj_54","year-tile__year--selected":"_year-tile__year--selected_1tvwj_60","year-tile__year--tile":"_year-tile__year--tile_1tvwj_64"};function ot({selectedDate:r,onClick:n,tileContent:o=()=>!1,max:v,min:s}){const y=R.useRef(null),g=R.useRef(null),u=Array.from({length:v.getFullYear()-s.getFullYear()+1},(l,_)=>s.getFullYear()+_);return R.useEffect(()=>{const l=g.current,_=y.current;if(!l||!_)return;const{clientHeight:f}=_,{offsetTop:p,clientHeight:d}=l;_.scrollTo({top:p-f/2+d})},[]),i.jsxs("div",{className:W["year-tile"],ref:y,children:[i.jsx("div",{className:W["year-tile__blank"]}),u.map(l=>i.jsxs("button",{className:M({[W["year-tile__year"]]:!0,[W["year-tile__year--selected"]]:!!r&&r.getFullYear()===l,[W["year-tile__year--border"]]:!!o(new Date(l,1,1),"year")}),type:"button",ref:r&&r.getFullYear()===l?g:null,onClick:()=>n(l),children:[i.jsx("span",{className:W["yearTile__year--year"],children:l}),o(new Date(l,1,1),"year")&&i.jsx("div",{className:W["yearTile__year--tile"],children:o(new Date(l,1,1),"year")})]},l)),i.jsx("div",{className:W["year-tile__blank"]})]})}const it=({viewDate:r,setViewDate:n,onChange:o,setSelectMode:v,method:s,setView:y})=>{const g=new Date(2e3,0,1),u=new Date(2099,11,31);return{onDayClick:p=>{p<g||p>u||(n(p),y("day"),o(p))},onMonthClick:p=>{const d=new Date(r.getFullYear(),p,1);n(d),s!=="month"&&v(s),s==="month"&&(y("month"),o(d))},onYearClick:p=>{const d=new Date(p,0,1);n(d),s!=="year"&&v(s),s==="year"&&(y("year"),o(d))}}},N={view:"_view_10omg_1",view__block:"_view__block_10omg_11","view__block--second":"_view__block--second_10omg_21","view__block--last":"_view__block--last_10omg_24",view__selector:"_view__selector_10omg_27","view__selector--selected":"_view__selector--selected_10omg_38"};function st({method:r,selectView:n}){return i.jsxs("div",{className:N.view,children:[i.jsx("div",{className:M({[N.view__block]:!0,[N["view__block--second"]]:r==="month",[N["view__block--last"]]:r==="year"})}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="day"}),type:"button",onClick:()=>n("day"),children:"일"}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="month"}),type:"button",onClick:()=>n("month"),children:"월"}),i.jsx("button",{className:M({[N.view__selector]:!0,[N["view__selector--selected"]]:r==="year"}),type:"button",onClick:()=>n("year"),children:"년"})]})}function ut({className:r="",date:n,view:o,setView:v=()=>{},tileContent:s,onChange:y=()=>{},onClose:g,viewSelector:u=!0,min:l=new Date(2e3,0,1),max:_=new Date(2099,11,31)}){const[f,p]=R.useState(n||new Date),[d,m]=R.useState(o||"day"),[O,S]=R.useState(o||"day"),X=ue(f),{onDayClick:I,onMonthClick:x,onYearClick:ce}=it({viewDate:f,setViewDate:G=>p(G),onChange:y,setSelectMode:S,method:d,setView:v}),{disabled:_e,onArrowClick:fe}=Se({method:d,selectMode:O,viewDate:f,setDate:p,min:l,max:_}),de=G=>{m(G),S(G)};return R.useEffect(()=>{f>_&&p(_),f<l&&p(l)},[f,_,l]),i.jsxs("div",{className:M({[L.calendar]:!0,[r]:!!r}),children:[i.jsx("div",{className:L.calendar__close,children:g&&i.jsx(xe,{onClick:g})}),u&&i.jsx(st,{method:d,selectView:de}),i.jsx(se,{viewDate:f,method:d,onArrowClick:fe,disabled:_e,selectMode:O,setSelectMode:S}),d==="day"&&O==="day"&&i.jsx(ie,{selectedDate:[n,null],weeksInMonth:X,handleDayClick:I,tileContent:()=>s?s(n,d):null,max:_,min:l}),(d==="month"||O==="month")&&O!=="year"&&i.jsx(lt,{selectedDate:n,viewDate:f,handleMonthClick:x,tileContent:s,max:_,min:l}),(d==="year"||O==="year")&&i.jsx(ot,{selectedDate:n,onClick:ce,tileContent:s,max:_,min:l})]})}function ct({className:r="",date:n,view:o,setView:v=()=>{},tileContent:s,onChange:y=()=>{},onClose:g,viewSelector:u=!0,min:l=new Date(2e3,0,1),max:_=new Date(2099,11,31),selectRange:f=!1}){return f?i.jsx(nt,{className:r,date:n,onChange:y,min:l,max:_,onClose:g}):i.jsx(ut,{className:r,date:n,view:o,setView:v,tileContent:s,onChange:y,min:l,max:_,onClose:g,viewSelector:u})}V.Calendar=ct,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|
|
32
32
|
//# sourceMappingURL=index.umd.cjs.map
|