@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 5.38 kB
JavaScript
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((s,d)=>e[d]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var h=(t,e)=>a({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),u=(t,e)=>a({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly});var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var b={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 G}from"react/jsx-runtime";var g="k-data-table",E=[],K={size:[i.small,i.medium,i.large]},A={size:i.medium},L=t=>{let{size:e=A.size,...s}=t;return G("div",{...s,className:a(t.className,g,h("k-table",{size:e})),children:t.children})};L.states=E;L.options=K;L.className=g;L.defaultOptions=A;import{jsx as Re}from"react/jsx-runtime";import{jsx as He}from"react/jsx-runtime";import{jsx as Se}from"react/jsx-runtime";import{jsx as P}from"react/jsx-runtime";var R="k-table",O=[],C={size:[i.small,i.medium,i.large]},B={},c=t=>{let{size:e,...s}=t;return P("table",{...s,className:a(t.className,R,h(R,{size:e})),children:t.children})};c.states=O;c.options=C;c.className=R;c.defaultOptions=B;import{jsx as _}from"react/jsx-runtime";var D="k-table-list",$=[],I={size:[i.small,i.medium,i.large]},F={},p=t=>{let{size:e,virtualization:s,...d}=t;return _("ul",{...d,className:a(t.className,"k-table",D,h(D,{size:e}),{"k-virtual-table":s}),children:t.children})};p.states=$;p.options=I;p.className=D;p.defaultOptions=F;import{jsx as q}from"react/jsx-runtime";var J="k-table-thead",w=t=>q("thead",{className:a(t.className,J),children:t.children});import{jsx as U}from"react/jsx-runtime";var W="k-table-tbody",k=t=>U("tbody",{className:a(t.className,W),children:t.children});import{jsx as Q}from"react/jsx-runtime";var V="k-table-tfoot",M=t=>Q("tfoot",{className:a(t.className,V),children:t.children});import{jsx as Y}from"react/jsx-runtime";var H="k-table-row",X=[b.hover,b.focus,b.selected,b.disabled],T=t=>{let{hover:e,focus:s,selected:d,disabled:x,alt:m,...N}=t;return Y("tr",{...N,className:a(t.className,H,{"k-table-alt-row":m},u(H,{hover:e,focus:s,disabled:x,selected:d})),children:t.children})};T.states=X;T.className=H;import{jsx as j}from"react/jsx-runtime";var v="k-table-row",Z=[b.hover,b.focus,b.selected,b.disabled],y=t=>{let{hover:e,focus:s,selected:d,disabled:x,alt:m,...N}=t;return j("li",{...N,className:a(t.className,v,{"k-table-alt-row":m},u(v,{hover:e,focus:s,disabled:x,selected:d})),children:t.children})};y.states=Z;y.className=v;import{jsx as te}from"react/jsx-runtime";var ee="k-table-th",n=t=>{let{text:e,colspan:s,rowspan:d,...x}=t,m=e||t.children;return te("th",{colSpan:s,rowSpan:d,...x,className:a(t.className,ee),children:m})};import{jsx as st}from"react/jsx-runtime";import{jsx as le}from"react/jsx-runtime";var ae="k-table-td",o=t=>{let{text:e,colspan:s,rowspan:d,...x}=t,m=e||t.children;return le("td",{colSpan:s,rowSpan:d,...x,className:a(t.className,ae),children:m})};import{jsx as ct}from"react/jsx-runtime";import{jsx as ht}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";import{jsx as se}from"react/jsx-runtime";var oe="k-table-group-row",f=t=>se("tr",{className:a(t.className,oe),children:t.children});import{jsx as Ht}from"react/jsx-runtime";import{jsx as Kt,jsxs as Gt}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 de,jsx as l,jsxs as r}from"react/jsx-runtime";var wa=t=>l(c,{children:r(de,{children:[r("colgroup",{children:[l("col",{style:{width:"50px"}}),l("col",{}),l("col",{})]}),l(w,{children:r(T,{children:[l(n,{text:"ID"}),l(n,{text:"Name"}),l(n,{text:"Job Title"})]})}),r(k,{children:[l(f,{children:l(n,{text:"Group row",colspan:"3"})}),r(T,{children:[l(o,{text:"1"}),l(o,{text:"Data 1.2"}),l(o,{text:"Data 1.3"})]}),r(T,{alt:!0,children:[l(o,{text:"2"}),l(o,{text:"Data 2.2 (alt)"}),l(o,{text:"Data 2.3"})]}),r(T,{children:[l(o,{text:"3"}),l(o,{text:"Data 3.2"}),l(o,{text:"Data 3.3"})]}),l(f,{children:l(n,{text:"Group row",colspan:"3"})}),r(T,{children:[l(o,{text:"4"}),l(o,{text:"Data 4.2"}),l(o,{text:"Data 4.3"})]}),r(T,{alt:!0,children:[l(o,{text:"5"}),l(o,{text:"Data 5.2 (alt)"}),l(o,{text:"Data 5.3"})]}),r(T,{children:[l(o,{text:"6"}),l(o,{text:"Data 6.2"}),l(o,{text:"Data 6.3"})]})]}),l(M,{children:l(T,{children:l(o,{text:"30 records in total",colspan:"3"})})})]}),...t});export{wa as TableNative};