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