@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 6.09 kB
JavaScript
var o=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((s,b)=>e[b]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var h=(t,e)=>o({[`${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"}),y=(t,e)=>o({"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 d={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 E}from"react/jsx-runtime";var g="k-data-table",S=[],z={size:[d.small,d.medium,d.large]},A={size:d.medium},n=t=>{let{size:e=A.size,...s}=t;return E("div",{...s,className:o(t.className,g,h("k-table",{size:e})),children:t.children})};n.states=S;n.options=z;n.className=g;n.defaultOptions=A;import{jsx as D}from"react/jsx-runtime";var K="k-table-header",f=t=>D("div",{className:o(t.className,K),children:D("div",{className:"k-table-header-wrap",children:D(c,{children:t.children})})});import{jsx as O}from"react/jsx-runtime";var G="k-table-body",N=t=>O("div",{className:o(t.className,G,"k-table-scroller"),children:t.children});import{jsx as Me}from"react/jsx-runtime";import{jsx as $}from"react/jsx-runtime";var k="k-table",C=[],B={size:[d.small,d.medium,d.large]},P={},c=t=>{let{size:e,...s}=t;return $("table",{...s,className:o(t.className,k,h(k,{size:e})),children:t.children})};c.states=C;c.options=B;c.className=k;c.defaultOptions=P;import{jsx as J}from"react/jsx-runtime";var M="k-table-list",I=[],F={size:[d.small,d.medium,d.large]},_={},x=t=>{let{size:e,virtualization:s,...b}=t;return J("ul",{...b,className:o(t.className,"k-table",M,h(M,{size:e}),{"k-virtual-table":s}),children:t.children})};x.states=I;x.options=F;x.className=M;x.defaultOptions=_;import{jsx as W}from"react/jsx-runtime";var q="k-table-thead",u=t=>W("thead",{className:o(t.className,q),children:t.children});import{jsx as Pe}from"react/jsx-runtime";import{jsx as _e}from"react/jsx-runtime";import{jsx as V}from"react/jsx-runtime";var H="k-table-row",U=[r.hover,r.focus,r.selected,r.disabled],m=t=>{let{hover:e,focus:s,selected:b,disabled:p,alt:w,...R}=t;return V("tr",{...R,className:o(t.className,H,{"k-table-alt-row":w},y(H,{hover:e,focus:s,disabled:p,selected:b})),children:t.children})};m.states=U;m.className=H;import{jsx as X}from"react/jsx-runtime";var v="k-table-row",Q=[r.hover,r.focus,r.selected,r.disabled],i=t=>{let{hover:e,focus:s,selected:b,disabled:p,alt:w,...R}=t;return X("li",{...R,className:o(t.className,v,{"k-table-alt-row":w},y(v,{hover:e,focus:s,disabled:p,selected:b})),children:t.children})};i.states=Q;i.className=v;import{jsx as Z}from"react/jsx-runtime";var Y="k-table-th",L=t=>{let{text:e,colspan:s,rowspan:b,...p}=t,w=e||t.children;return Z("th",{colSpan:s,rowSpan:b,...p,className:o(t.className,Y),children:w})};import{jsx as at}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";import{jsx as ee}from"react/jsx-runtime";var j="k-table-td",l=t=>{let{text:e,...s}=t,b=e||t.children;return ee("span",{...s,className:o(t.className,j),children:b})};import{jsx as xt}from"react/jsx-runtime";import{jsx as pt}from"react/jsx-runtime";import{jsx as ft}from"react/jsx-runtime";import{jsx as kt}from"react/jsx-runtime";import{jsx as zt,jsxs as Et}from"react/jsx-runtime";import{jsx as Ct,jsxs as Bt}from"react/jsx-runtime";import{Fragment as Jt,jsx as Ft,jsxs as _t}from"react/jsx-runtime";import{jsx as a,jsxs as T}from"react/jsx-runtime";var pa=t=>T(n,{...t,children:[T(f,{children:[T("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),a(u,{children:T(m,{children:[a(L,{text:"ID"}),a(L,{text:"Name"}),a(L,{text:"Job Title"})]})})]}),a(N,{children:T(x,{virtualization:!0,children:[T(i,{children:[a(l,{text:"1",style:{width:"50px"}}),a(l,{text:"Data 1.2",style:{width:"160px"}}),a(l,{text:"Data 1.3"})]}),T(i,{alt:!0,children:[a(l,{text:"2",style:{width:"50px"}}),a(l,{text:"Data 2.2 (alt)",style:{width:"160px"}}),a(l,{text:"Data 2.3"})]}),T(i,{children:[a(l,{text:"3",style:{width:"50px"}}),a(l,{text:"Data 3.2",style:{width:"160px"}}),a(l,{text:"Data 3.3"})]}),T(i,{children:[a(l,{text:"4",style:{width:"50px"}}),a(l,{text:"Data 4.2",style:{width:"160px"}}),a(l,{text:"Data 4.3"})]}),T(i,{alt:!0,children:[a(l,{text:"5",style:{width:"50px"}}),a(l,{text:"Data 5.2 (alt)",style:{width:"160px"}}),a(l,{text:"Data 5.3"})]}),T(i,{children:[a(l,{text:"6",style:{width:"50px"}}),a(l,{text:"Data 6.2",style:{width:"160px"}}),a(l,{text:"Data 6.3"})]}),T(i,{children:[a(l,{text:"7",style:{width:"50px"}}),a(l,{text:"Data 7.2",style:{width:"160px"}}),a(l,{text:"Data 7.3"})]}),T(i,{children:[a(l,{text:"8",style:{width:"50px"}}),a(l,{text:"Data 8.2",style:{width:"160px"}}),a(l,{text:"Data 8.3"})]}),T(i,{children:[a(l,{text:"9",style:{width:"50px"}}),a(l,{text:"Data 9.2",style:{width:"160px"}}),a(l,{text:"Data 9.3"})]}),T(i,{children:[a(l,{text:"10",style:{width:"50px"}}),a(l,{text:"Data 10.2",style:{width:"160px"}}),a(l,{text:"Data 10.3"})]}),T(i,{children:[a(l,{text:"11",style:{width:"50px"}}),a(l,{text:"Data 11.2",style:{width:"160px"}}),a(l,{text:"Data 11.3"})]})]})})]});export{pa as DataTableVirtualization};