@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.71 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((a,n)=>e[n]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var L=(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"}),b=(t,e)=>{let{valid:a,invalid:n,hover:c,focus:u,checked:M,active:k,selected:v,disabled:N,indeterminate:H,loading:y,empty:_,readonly:K,highlighted:R,...p}=e;return o({"k-valid":a,"k-invalid":n,"k-hover":c,"k-focus":u,"k-checked":M,"k-active":k,"k-selected":v,"k-disabled":N,"k-indeterminate":H&&!M,"k-loading":y,"k-empty":_,"k-readonly":K,"k-highlighted":R},Object.keys(p).reduce((h,f)=>(f.startsWith("k-")?h[f]=p[f]:h[`k-${f}`]=p[f],h),{}))};var x={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",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var i="table",m=i;import{jsx as z}from"react/jsx-runtime";var T="k-table-header-wrap",O=[r.hover,r.focus,r.disabled],S={},$={},l=t=>{let{children:e,hover:a,focus:n,disabled:c,...u}=t;return z("div",{...u,className:o(t.className,T,b(T,{hover:a,focus:n,disabled:c})),children:e})};l.states=O;l.options=S;l.className=T;l.defaultOptions=$;l.moduleName=i;l.folderName=m;import{jsx as W}from"react/jsx-runtime";var E="k-table",D=[],B={size:[x.small,x.medium,x.large]},C={},s=t=>{let{size:e,...a}=t;return W("table",{...a,className:o(t.className,E,L(E,{size:e})),children:t.children})};s.states=D;s.options=B;s.className=E;s.defaultOptions=C;s.moduleName=i;s.folderName=m;import{jsx as g}from"react/jsx-runtime";var A="k-table-header",P=[r.hover,r.focus,r.disabled],F={},w={},d=t=>{let{children:e,hover:a,focus:n,disabled:c,...u}=t;return g("div",{...u,className:o(t.className,A,b(A,{hover:a,focus:n,disabled:c})),children:g(l,{children:g(s,{children:e})})})};d.states=P;d.options=F;d.className=A;d.defaultOptions=w;d.moduleName=i;d.folderName=m;var me=d;export{d as TableHeader,me as default};