@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.16 kB
JavaScript
var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((s,r)=>t[r]||t[s]&&s||null).filter(s=>s!==null).join(" "):t).filter(t=>!!t).join(" ");var p=(e,t)=>l({[`${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"}),L=(e,t)=>l({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var d={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var T={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"};import{jsx as $}from"react/jsx-runtime";var G="k-data-table",B=[],P={size:[d.small,d.medium,d.large]},O={size:d.medium},m=e=>{let{size:t=O.size,...s}=e;return $("div",{...s,className:l(e.className,G,p("k-table",{size:t})),children:e.children})};m.states=B;m.options=P;m.className=G;m.defaultOptions=O;import{jsx as k}from"react/jsx-runtime";var I="k-table-header",y=e=>k("div",{className:l(e.className,I),children:k("div",{className:"k-table-header-wrap",children:k(n,{children:e.children})})});import{jsx as _}from"react/jsx-runtime";var F="k-table-body",N=e=>_("div",{className:l(e.className,F,"k-table-scroller"),children:e.children});import{jsx as q}from"react/jsx-runtime";var J="k-table-footer",M=e=>q("div",{className:l(e.className,J),children:e.children});import{jsx as Q}from"react/jsx-runtime";var H="k-table",W=[],U={size:[d.small,d.medium,d.large]},V={},n=e=>{let{size:t,...s}=e;return Q("table",{...s,className:l(e.className,H,p(H,{size:t})),children:e.children})};n.states=W;n.options=U;n.className=H;n.defaultOptions=V;import{jsx as j}from"react/jsx-runtime";var v="k-table-list",X=[],Y={size:[d.small,d.medium,d.large]},Z={},w=e=>{let{size:t,virtualization:s,...r}=e;return j("ul",{...r,className:l(e.className,"k-table",v,p(v,{size:t}),{"k-virtual-table":s}),children:e.children})};w.states=X;w.options=Y;w.className=v;w.defaultOptions=Z;import{jsx as te}from"react/jsx-runtime";var ee="k-table-thead",f=e=>te("thead",{className:l(e.className,ee),children:e.children});import{jsx as le}from"react/jsx-runtime";var ae="k-table-tbody",A=e=>le("tbody",{className:l(e.className,ae),children:e.children});import{jsx as se}from"react/jsx-runtime";var oe="k-table-tfoot",S=e=>se("tfoot",{className:l(e.className,oe),children:e.children});import{jsx as ie}from"react/jsx-runtime";var z="k-table-row",Te=[T.hover,T.focus,T.selected,T.disabled,T.highlighted],i=e=>{let{hover:t,focus:s,selected:r,highlighted:x,disabled:h,alt:u,...g}=e;return ie("tr",{...g,className:l(e.className,z,{"k-table-alt-row":u},L(z,{hover:t,focus:s,disabled:h,selected:r,highlighted:x})),children:e.children})};i.states=Te;i.className=z;import{jsx as be}from"react/jsx-runtime";var E="k-table-row",de=[T.hover,T.focus,T.selected,T.disabled],R=e=>{let{hover:t,focus:s,selected:r,disabled:x,alt:h,...u}=e;return be("li",{...u,className:l(e.className,E,{"k-table-alt-row":h},L(E,{hover:t,focus:s,disabled:x,selected:r})),children:e.children})};R.states=de;R.className=E;import{jsx as ne}from"react/jsx-runtime";var re="k-table-th",c=e=>{let{text:t,colspan:s,rowspan:r,...x}=e,h=t||e.children;return ne("th",{colSpan:s,rowSpan:r,...x,className:l(e.className,re),children:h})};import{jsx as rt}from"react/jsx-runtime";import{jsx as xe}from"react/jsx-runtime";var K="k-table-td",ce=[T.focus,T.selected,T.highlighted],o=e=>{let{focus:t,selected:s,highlighted:r,text:x,colspan:h,rowspan:u,...g}=e,C=x||e.children;return xe("td",{colSpan:h,rowSpan:u,...g,className:l(e.className,K,L(K,{focus:t,selected:s,highlighted:r})),children:C})};o.states=ce;o.className=K;import{jsx as Lt}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";import{jsx as gt}from"react/jsx-runtime";import{jsx as he}from"react/jsx-runtime";var me="k-table-group-row",D=e=>he("tr",{className:l(e.className,me),children:e.children});import{jsx as zt}from"react/jsx-runtime";import{jsx as Pt,jsxs as $t}from"react/jsx-runtime";import{jsx as Jt,jsxs as qt}from"react/jsx-runtime";import{Fragment as Yt,jsx as Qt,jsxs as Xt}from"react/jsx-runtime";import{jsx as a,jsxs as b}from"react/jsx-runtime";var Da=e=>b(m,{...e,children:[b(y,{children:[b("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),a(f,{children:b(i,{children:[a(c,{text:"ID"}),a(c,{text:"Name"}),a(c,{text:"Job Title"})]})})]}),a(N,{children:b(n,{children:[b("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),b(A,{children:[a(D,{children:a(c,{text:"Group row",colspan:"3"})}),b(i,{children:[a(o,{text:"1"}),a(o,{text:"Data 1.2"}),a(o,{text:"Data 1.3"})]}),b(i,{alt:!0,children:[a(o,{text:"2"}),a(o,{text:"Data 2.2 (alt)"}),a(o,{text:"Data 2.3"})]}),b(i,{children:[a(o,{text:"3"}),a(o,{text:"Data 3.2"}),a(o,{text:"Data 3.3"})]}),a(D,{children:a(c,{text:"Group row",colspan:"3"})}),b(i,{children:[a(o,{text:"4"}),a(o,{text:"Data 4.2"}),a(o,{text:"Data 4.3"})]}),b(i,{alt:!0,children:[a(o,{text:"5"}),a(o,{text:"Data 5.2 (alt)"}),a(o,{text:"Data 5.3"})]}),b(i,{children:[a(o,{text:"6"}),a(o,{text:"Data 6.2"}),a(o,{text:"Data 6.3"})]})]})]})}),a(M,{children:a(n,{children:a(S,{children:a(i,{children:a(o,{text:"30 records in total"})})})})})]});export{Da as DataTableNormal};