@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 7.43 kB
JavaScript
var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((l,T)=>t[T]||t[l]&&l||null).filter(l=>l!==null).join(" "):t).filter(t=>!!t).join(" ");var D=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),h=(e,t)=>{let{valid:l,invalid:T,hover:b,focus:m,checked:w,active:A,selected:k,disabled:Q,indeterminate:X,loading:Y,empty:Z,readonly:j,highlighted:ee,...v}=t;return a({"k-valid":l,"k-invalid":T,"k-hover":b,"k-focus":m,"k-checked":w,"k-active":A,"k-selected":k,"k-disabled":Q,"k-indeterminate":X&&!w,"k-loading":Y,"k-empty":Z,"k-readonly":j,"k-highlighted":ee},Object.keys(v).reduce((O,M)=>(M.startsWith("k-")?O[M]=v[M]:O[`k-${M}`]=v[M],O),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var d="table",i=d;import{jsx as le}from"react/jsx-runtime";var U="k-data-table",te=[],ae={size:[n.undefined,n.small,n.medium,n.large]},oe={},u=e=>{let{size:t,...l}=e;return le("div",{...l,className:a(e.className,U,D("k-table",{size:t})),children:e.children})};u.states=te;u.options=ae;u.className=U;u.defaultOptions=oe;u.moduleName=d;u.folderName=i;import{jsx as de}from"react/jsx-runtime";var _="k-table-header-wrap",se=[s.hover,s.focus,s.disabled],re={},Te={},R=e=>{let{children:t,hover:l,focus:T,disabled:b,...m}=e;return de("div",{...m,className:a(e.className,_,h(_,{hover:l,focus:T,disabled:b})),children:t})};R.states=se;R.options=re;R.className=_;R.defaultOptions=Te;R.moduleName=d;R.folderName=i;import{jsx as ce}from"react/jsx-runtime";var C="k-table",ie=[],ne={size:[n.undefined,n.small,n.medium,n.large]},be={},x=e=>{let{size:t,...l}=e;return ce("table",{...l,className:a(e.className,C,D(C,{size:t})),children:e.children})};x.states=ie;x.options=ne;x.className=C;x.defaultOptions=be;x.moduleName=d;x.folderName=i;import{jsx as B}from"react/jsx-runtime";var P="k-table-header",me=[s.hover,s.focus,s.disabled],pe={},xe={},f=e=>{let{children:t,hover:l,focus:T,disabled:b,...m}=e;return B("div",{...m,className:a(e.className,P,h(P,{hover:l,focus:T,disabled:b})),children:B(R,{children:B(x,{children:t})})})};f.states=me;f.options=pe;f.className=P;f.defaultOptions=xe;f.moduleName=d;f.folderName=i;import{jsx as fe}from"react/jsx-runtime";var J="k-table-scroller",Le=[],he={},ue={},E=e=>{let{children:t,...l}=e;return fe("div",{...l,className:a(e.className,J),children:t})};E.states=Le;E.options=he;E.className=J;E.defaultOptions=ue;E.moduleName=d;E.folderName=i;import{jsx as we}from"react/jsx-runtime";var Ne="k-table-body",K=e=>we("div",{className:a(e.className,Ne,"k-table-scroller"),children:e.children});import{jsx as Ee}from"react/jsx-runtime";var q="k-table-footer",Re=[],ye={},De={},N=e=>{let{children:t,...l}=e;return Ee("div",{...l,className:a(e.className,q),children:t})};N.states=Re;N.options=ye;N.className=q;N.defaultOptions=De;N.moduleName=d;N.folderName=i;import{jsx as Ke}from"react/jsx-runtime";var z="k-table-list",Ae=[],Me={size:[n.undefined,n.small,n.medium,n.large]},He={},y=e=>{let{size:t,virtualization:l,...T}=e;return Ke("ul",{...T,className:a(e.className,"k-table",z,D(z,{size:t}),{"k-virtual-table":l}),children:e.children})};y.states=Ae;y.options=Me;y.className=z;y.defaultOptions=He;y.moduleName=d;y.folderName=i;import{jsx as Se}from"react/jsx-runtime";var ge="k-table-thead",H=e=>Se("thead",{className:a(e.className,ge),children:e.children});import{jsx as ve}from"react/jsx-runtime";var ke="k-table-tbody",F=e=>ve("tbody",{className:a(e.className,ke),children:e.children});import{jsx as _e}from"react/jsx-runtime";var Oe="k-table-tfoot",G=e=>_e("tfoot",{className:a(e.className,Oe),children:e.children});import{jsx as Be}from"react/jsx-runtime";var $="k-table-row",Ce=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],c=e=>{let{hover:t,focus:l,selected:T,highlighted:b,disabled:m,alt:w,...A}=e;return Be("tr",{...A,className:a(e.className,$,{"k-table-alt-row":w},h($,{hover:t,focus:l,disabled:m,selected:T,highlighted:b})),children:e.children})};c.states=Ce;c.className=$;import{jsx as ze}from"react/jsx-runtime";var W="k-table-row",Pe=[s.hover,s.focus,s.selected,s.disabled],g=e=>{let{hover:t,focus:l,selected:T,disabled:b,alt:m,...w}=e;return ze("li",{...w,className:a(e.className,W,{"k-table-alt-row":m},h(W,{hover:t,focus:l,disabled:b,selected:T})),children:e.children})};g.states=Pe;g.className=W;import{jsx as Fe}from"react/jsx-runtime";var V="k-table-th",L=e=>{let{text:t,colspan:l,rowspan:T,...b}=e,m=t||e.children;return Fe("th",{colSpan:l,rowSpan:T,...b,className:a(e.className,V),children:m})};L.className=V;L.moduleName=d;L.folderName=i;import{jsx as oa}from"react/jsx-runtime";import{jsx as $e}from"react/jsx-runtime";var I="k-table-td",Ge=[s.focus,s.selected,s.highlighted],r=e=>{let{focus:t,selected:l,highlighted:T,text:b,colspan:m,rowspan:w,...A}=e,k=b||e.children;return $e("td",{colSpan:m,rowSpan:w,...A,className:a(e.className,I,h(I,{focus:t,selected:l,highlighted:T})),children:k})};r.states=Ge;r.className=I;import{jsx as na}from"react/jsx-runtime";import{jsx as pa}from"react/jsx-runtime";import{jsx as ua}from"react/jsx-runtime";import{jsx as Ie}from"react/jsx-runtime";var We="k-table-group-row",S=e=>Ie("tr",{className:a(e.className,We),children:e.children});import{jsx as Ea}from"react/jsx-runtime";import{jsx as ka,jsxs as va}from"react/jsx-runtime";import{jsx as Ba,jsxs as Pa}from"react/jsx-runtime";import{Fragment as Ia,jsx as $a,jsxs as Wa}from"react/jsx-runtime";import{jsx as o,jsxs as p}from"react/jsx-runtime";var No=e=>p(u,{...e,children:[p(f,{children:[p("colgroup",{children:[o("col",{style:{width:"50px"}}),o("col",{style:{width:"160px"}}),o("col",{})]}),o(H,{children:p(c,{children:[o(L,{text:"ID"}),o(L,{text:"Name"}),o(L,{text:"Job Title"})]})})]}),o(K,{children:p(x,{children:[p("colgroup",{children:[o("col",{style:{width:"50px"}}),o("col",{style:{width:"160px"}}),o("col",{})]}),p(F,{children:[o(S,{children:o(L,{text:"Group row",colspan:"3"})}),p(c,{children:[o(r,{text:"1"}),o(r,{text:"Data 1.2"}),o(r,{text:"Data 1.3"})]}),p(c,{alt:!0,children:[o(r,{text:"2"}),o(r,{text:"Data 2.2 (alt)"}),o(r,{text:"Data 2.3"})]}),p(c,{children:[o(r,{text:"3"}),o(r,{text:"Data 3.2"}),o(r,{text:"Data 3.3"})]}),o(S,{children:o(L,{text:"Group row",colspan:"3"})}),p(c,{children:[o(r,{text:"4"}),o(r,{text:"Data 4.2"}),o(r,{text:"Data 4.3"})]}),p(c,{alt:!0,children:[o(r,{text:"5"}),o(r,{text:"Data 5.2 (alt)"}),o(r,{text:"Data 5.3"})]}),p(c,{children:[o(r,{text:"6"}),o(r,{text:"Data 6.2"}),o(r,{text:"Data 6.3"})]})]})]})}),o(N,{children:o(x,{children:o(G,{children:o(c,{children:o(r,{text:"30 records in total"})})})})})]});export{No as DataTableNormal};