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