primereact
Version:
A rich set of premium UI Components for React.
4 lines (2 loc) • 6.08 kB
JavaScript
'use client';
import{Component as fe,withComponent as De}from"@primereact/core/component";import{mergeProps as be}from"@primeuix/utils";import*as p from"react";import{createOptionalContext as z}from"@primereact/core/utils";var[he,i]=z();import{Component as ae,withComponent as pe}from"@primereact/core/component";import{mergeProps as ie}from"@primeuix/utils";import*as k from"react";import{Component as F,withComponent as G}from"@primereact/core/component";import{mergeProps as H,resolve as J}from"@primeuix/utils";import*as f from"react";import{createOptionalContext as E}from"@primereact/core/utils";var[T,P]=E();var v={as:"span",day:void 0};var w=G({name:"DatePicker.Day",defaultProps:v,setup(){let e=i(),r=P(),a=e?.props.day??r?.props.date,t=r?.props.index;return{datepicker:e,datepickertablebodycell:r,date:a,groupIndex:t}},render(e){let{props:r,ptmi:a,datepicker:t,date:o,groupIndex:n}=e,c={date:o},m=H(t?.getDayProps?.(o,n),{className:t?.cx("day",c)},t?.ptm("day"),a("root")),y=()=>f.createElement(f.Fragment,null,o?.day);return f.createElement(F,{instance:e,attrs:m},J(r.children,e)??y())}});import{Component as K,withComponent as Q}from"@primereact/core/component";import{mergeProps as S,resolve as X}from"@primeuix/utils";import*as D from"react";var R={as:"span",month:void 0,index:void 0};var g=Q({name:"DatePicker.Month",defaultProps:R,setup(){let e=i(),r=P(),a=e?.props.month??r?.props.month,t=e?.props.index??r?.props.index;return{datepicker:e,datepickertablebodycell:r,month:a,index:t}},render(e){let{props:r,ptmi:a,datepicker:t,month:o,index:n}=e,c={month:o,index:n},m=S(t?.getMonthProps?.(o,n),{className:t?.cx("month",c)},t?.ptm("month"),a("root")),y=()=>D.createElement(D.Fragment,null,o?.value);return D.createElement(K,{instance:e,attrs:m,children:X(r.children,e)??y()})}});import{createOptionalContext as Z}from"@primereact/core/utils";var[W,M]=Z();import{Component as ee,withComponent as te}from"@primereact/core/component";import{mergeProps as re,resolve as oe}from"@primeuix/utils";import*as b from"react";var N={as:"span",year:void 0};var L=te({name:"DatePicker.Year",defaultProps:N,setup(){let e=i(),r=P(),a=e?.props.year??r?.props.year;return{datepicker:e,datepickertablebodycell:r,year:a}},render(e){let{props:r,ptmi:a,datepicker:t,year:o}=e,n={year:o},c=re(t?.getYearProps(o),{className:t?.cx("year",n)},t?.ptm("year"),a("root")),m=()=>b.createElement(b.Fragment,null,o?.value);return b.createElement(ee,{instance:e,attrs:c,children:oe(r.children,e)??m()})}});var Y={as:"td",date:void 0,month:void 0,index:void 0,year:void 0};var h=pe({name:"DatePicker.TableBodyCell",defaultProps:Y,setup({props:e}){let r=i(),a=M(),{view:t}=a?.props??{view:"date"},o={year:{cellName:"yearCell",context:{year:e.year}},month:{cellName:"monthCell",context:{month:e.month,index:e.index}},date:{cellName:"dayCell",context:{date:e.date}}},n=t&&o[t]||o.date;return{datepicker:r,datepickertablebody:a,view:t,viewConfig:n}},render(e){let{props:r,ptmi:a,datepicker:t,datepickertablebody:o,viewConfig:n}=e,c=ie(t?.getTableBodyCellProps?.(r.date),{className:t?.cx(n.cellName,n.context)},t?.ptm(n.cellName),a("root")),m=()=>o?.props.view==="year"?k.createElement(L,{year:r?.year}):o?.props.view==="month"?k.createElement(g,null):k.createElement(w,null);return k.createElement(T,{value:e},k.createElement(ae,{instance:e,attrs:c,children:r.children??m()}))}});import{Component as ne,withComponent as se}from"@primereact/core/component";import{mergeProps as ce}from"@primeuix/utils";import*as U from"react";var O={as:"tr"};var x=se({name:"DatePicker.TableBodyRow",defaultProps:O,setup(){return{datepicker:i()}},render(e){let{props:r,ptmi:a,datepicker:t}=e,o=ce(t?.tableBodyRowProps,t?.ptm("tableBodyRow"),a("root"));return U.createElement(ne,{instance:e,attrs:o,children:r.children})}});import{Component as me,withComponent as le}from"@primereact/core/component";import{mergeProps as de}from"@primeuix/utils";import*as V from"react";var I={as:"td"};var A=le({name:"DatePicker.TableBodyWeekCell",defaultProps:I,setup(){return{datepicker:i()}},render(e){let{props:r,ptmi:a,datepicker:t}=e;if(t?.state.currentView!=="date")return null;let o=de(t?.weekNumberProps,{className:t?.cx("weekNumber")},t?.ptm("weekNumber"),a("root"));return V.createElement(me,{instance:e,attrs:o,children:r.children})}});import{Component as Pe,withComponent as ke}from"@primereact/core/component";import{mergeProps as ye,resolve as ue}from"@primeuix/utils";import*as $ from"react";var _={as:"span"};var j=ke({name:"DatePicker.TableBodyWeekLabel",defaultProps:_,setup(){return{datepicker:i()}},render(e){let{props:r,ptmi:a,datepicker:t}=e,o=ye(t?.weekLabelProps,{className:t?.cx("weekLabel")},t?.ptm("weekLabel"),a("root"));return $.createElement(Pe,{instance:e,attrs:o,children:ue(r.children,e)})}});var q={as:"tbody",view:"date",index:0};var Yt=De({name:"DatePicker.TableBody",defaultProps:q,setup(){return{datepicker:i()}},render(e){let{props:r,ptmi:a,datepicker:t}=e;if(t?.state.currentView!==r.view)return null;let o=be(t?.tableBodyProps,t?.ptm("tableBody"),a("root")),n=()=>{let d=t?.getIndexedMonth?.(r.index);return p.createElement(p.Fragment,null,d?.dates?.map((u,s)=>p.createElement(x,{key:u[0].day+""+u[0].month},p.createElement(p.Fragment,null,t?.props.showWeek&&p.createElement(A,null,p.createElement(j,null,d.weekNumbers[s])),u.map(l=>p.createElement(h,{key:l.day+""+l.month,date:l}))))))},c=()=>{let d=t?.monthPickerValues;return p.createElement(p.Fragment,null,Array.from({length:4}).map((u,s)=>p.createElement(x,{key:`month-row-${s}`},d?.slice(s*3,(s+1)*3).map((l,B)=>{let C=s*3+B;return p.createElement(h,{key:C,month:l,index:C})}))))},m=()=>{let d=t?.yearPickerValues;return p.createElement(p.Fragment,null,Array.from({length:5}).map((u,s)=>p.createElement(x,{key:`year-row-${s}`},d?.slice(s*2,(s+1)*2).map((l,B)=>{let C=s*2+B;return p.createElement(h,{key:C,year:l})}))))},y=()=>r.view==="year"?m():r.view==="month"?c():n();return p.createElement(W,{value:e},p.createElement(fe,{instance:e,attrs:o,children:r.children??y()}))}});export{Yt as DatePickerTableBody,q as defaultTableBodyProps};