@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 7.44 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,r)=>t[r]||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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),h=(e,t)=>{let{valid:l,invalid:r,hover:n,focus:c,checked:w,active:M,selected:k,disabled:X,indeterminate:Y,loading:Z,empty:j,readonly:ee,highlighted:te,...v}=t;return a({"k-valid":l,"k-invalid":r,"k-hover":n,"k-focus":c,"k-checked":w,"k-active":M,"k-selected":k,"k-disabled":X,"k-indeterminate":Y&&!w,"k-loading":Z,"k-empty":j,"k-readonly":ee,"k-highlighted":te},Object.keys(v).reduce((O,A)=>(A.startsWith("k-")?O[A]=v[A]:O[`k-${A}`]=v[A],O),{}))};var m={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 i="table",d=i;import{jsx as le}from"react/jsx-runtime";var I="k-data-table",ae=[],oe={size:[m.small,m.medium,m.large]},J={size:m.medium},f=e=>{let{size:t=J.size,...l}=e;return le("div",{...l,className:a(e.className,I,D("k-table",{size:t})),children:e.children})};f.states=ae;f.options=oe;f.className=I;f.defaultOptions=J;f.moduleName=i;f.folderName=d;import{jsx as ie}from"react/jsx-runtime";var _="k-table-header-wrap",se=[s.hover,s.focus,s.disabled],Te={},re={},R=e=>{let{children:t,hover:l,focus:r,disabled:n,...c}=e;return ie("div",{...c,className:a(e.className,_,h(_,{hover:l,focus:r,disabled:n})),children:t})};R.states=se;R.options=Te;R.className=_;R.defaultOptions=re;R.moduleName=i;R.folderName=d;import{jsx as ce}from"react/jsx-runtime";var C="k-table",de=[],ne={size:[m.small,m.medium,m.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=de;x.options=ne;x.className=C;x.defaultOptions=be;x.moduleName=i;x.folderName=d;import{jsx as B}from"react/jsx-runtime";var z="k-table-header",me=[s.hover,s.focus,s.disabled],pe={},xe={},u=e=>{let{children:t,hover:l,focus:r,disabled:n,...c}=e;return B("div",{...c,className:a(e.className,z,h(z,{hover:l,focus:r,disabled:n})),children:B(R,{children:B(x,{children:t})})})};u.states=me;u.options=pe;u.className=z;u.defaultOptions=xe;u.moduleName=i;u.folderName=d;import{jsx as ue}from"react/jsx-runtime";var q="k-table-scroller",Le=[],he={},fe={},E=e=>{let{children:t,...l}=e;return ue("div",{...l,className:a(e.className,q),children:t})};E.states=Le;E.options=he;E.className=q;E.defaultOptions=fe;E.moduleName=i;E.folderName=d;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 V="k-table-footer",Re=[],ye={},De={},N=e=>{let{children:t,...l}=e;return Ee("div",{...l,className:a(e.className,V),children:t})};N.states=Re;N.options=ye;N.className=V;N.defaultOptions=De;N.moduleName=i;N.folderName=d;import{jsx as Ke}from"react/jsx-runtime";var P="k-table-list",Me=[],Ae={size:[m.small,m.medium,m.large]},He={},y=e=>{let{size:t,virtualization:l,...r}=e;return Ke("ul",{...r,className:a(e.className,"k-table",P,D(P,{size:t}),{"k-virtual-table":l}),children:e.children})};y.states=Me;y.options=Ae;y.className=P;y.defaultOptions=He;y.moduleName=i;y.folderName=d;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],b=e=>{let{hover:t,focus:l,selected:r,highlighted:n,disabled:c,alt:w,...M}=e;return Be("tr",{...M,className:a(e.className,$,{"k-table-alt-row":w},h($,{hover:t,focus:l,disabled:c,selected:r,highlighted:n})),children:e.children})};b.states=Ce;b.className=$;import{jsx as Pe}from"react/jsx-runtime";var W="k-table-row",ze=[s.hover,s.focus,s.selected,s.disabled],g=e=>{let{hover:t,focus:l,selected:r,disabled:n,alt:c,...w}=e;return Pe("li",{...w,className:a(e.className,W,{"k-table-alt-row":c},h(W,{hover:t,focus:l,disabled:n,selected:r})),children:e.children})};g.states=ze;g.className=W;import{jsx as Fe}from"react/jsx-runtime";var Q="k-table-th",L=e=>{let{text:t,colspan:l,rowspan:r,...n}=e,c=t||e.children;return Fe("th",{colSpan:l,rowSpan:r,...n,className:a(e.className,Q),children:c})};L.className=Q;L.moduleName=i;L.folderName=d;import{jsx as ta}from"react/jsx-runtime";import{jsx as $e}from"react/jsx-runtime";var U="k-table-td",Ge=[s.focus,s.selected,s.highlighted],T=e=>{let{focus:t,selected:l,highlighted:r,text:n,colspan:c,rowspan:w,...M}=e,k=n||e.children;return $e("td",{colSpan:c,rowSpan:w,...M,className:a(e.className,U,h(U,{focus:t,selected:l,highlighted:r})),children:k})};T.states=Ge;T.className=U;import{jsx as ia}from"react/jsx-runtime";import{jsx as ca}from"react/jsx-runtime";import{jsx as La}from"react/jsx-runtime";import{jsx as Ue}from"react/jsx-runtime";var We="k-table-group-row",S=e=>Ue("tr",{className:a(e.className,We),children:e.children});import{jsx as ya}from"react/jsx-runtime";import{jsx as ga,jsxs as Sa}from"react/jsx-runtime";import{jsx as _a,jsxs as Ca}from"react/jsx-runtime";import{Fragment as $a,jsx as Fa,jsxs as Ga}from"react/jsx-runtime";import{jsx as o,jsxs as p}from"react/jsx-runtime";var fo=e=>p(f,{...e,children:[p(u,{children:[p("colgroup",{children:[o("col",{style:{width:"50px"}}),o("col",{style:{width:"160px"}}),o("col",{})]}),o(H,{children:p(b,{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(b,{children:[o(T,{text:"1"}),o(T,{text:"Data 1.2"}),o(T,{text:"Data 1.3"})]}),p(b,{alt:!0,children:[o(T,{text:"2"}),o(T,{text:"Data 2.2 (alt)"}),o(T,{text:"Data 2.3"})]}),p(b,{children:[o(T,{text:"3"}),o(T,{text:"Data 3.2"}),o(T,{text:"Data 3.3"})]}),o(S,{children:o(L,{text:"Group row",colspan:"3"})}),p(b,{children:[o(T,{text:"4"}),o(T,{text:"Data 4.2"}),o(T,{text:"Data 4.3"})]}),p(b,{alt:!0,children:[o(T,{text:"5"}),o(T,{text:"Data 5.2 (alt)"}),o(T,{text:"Data 5.3"})]}),p(b,{children:[o(T,{text:"6"}),o(T,{text:"Data 6.2"}),o(T,{text:"Data 6.3"})]})]})]})}),o(N,{children:o(x,{children:o(G,{children:o(b,{children:o(T,{text:"30 records in total"})})})})})]});export{fo as DataTableNormal};