UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 6.08 kB
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((o,s)=>e[s]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var N=(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"}),c=(t,e)=>{let{valid:o,invalid:s,hover:i,focus:d,checked:x,active:E,selected:A,disabled:Q,indeterminate:X,loading:Y,empty:Z,readonly:j,highlighted:ee,...H}=e;return a({"k-valid":o,"k-invalid":s,"k-hover":i,"k-focus":d,"k-checked":x,"k-active":E,"k-selected":A,"k-disabled":Q,"k-indeterminate":X&&!x,"k-loading":Y,"k-empty":Z,"k-readonly":j,"k-highlighted":ee},Object.keys(H).reduce((K,y)=>(y.startsWith("k-")?K[y]=H[y]:K[`k-${y}`]=H[y],K),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var l={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 T="table",r=T;import{jsx as oe}from"react/jsx-runtime";var F="k-data-table",te=[],ae={size:[n.small,n.medium,n.large]},$={size:n.medium},m=t=>{let{size:e=$.size,...o}=t;return oe("div",{...o,className:a(t.className,F,N("k-table",{size:e})),children:t.children})};m.states=te;m.options=ae;m.className=F;m.defaultOptions=$;m.moduleName=T;m.folderName=r;import{jsx as re}from"react/jsx-runtime";var g="k-table-header-wrap",le=[l.hover,l.focus,l.disabled],se={},Te={},L=t=>{let{children:e,hover:o,focus:s,disabled:i,...d}=t;return re("div",{...d,className:a(t.className,g,c(g,{hover:o,focus:s,disabled:i})),children:e})};L.states=le;L.options=se;L.className=g;L.defaultOptions=Te;L.moduleName=T;L.folderName=r;import{jsx as be}from"react/jsx-runtime";var S="k-table",ie=[],de={size:[n.small,n.medium,n.large]},ne={},b=t=>{let{size:e,...o}=t;return be("table",{...o,className:a(t.className,S,N(S,{size:e})),children:t.children})};b.states=ie;b.options=de;b.className=S;b.defaultOptions=ne;b.moduleName=T;b.folderName=r;import{jsx as _}from"react/jsx-runtime";var k="k-table-header",ce=[l.hover,l.focus,l.disabled],me={},pe={},p=t=>{let{children:e,hover:o,focus:s,disabled:i,...d}=t;return _("div",{...d,className:a(t.className,k,c(k,{hover:o,focus:s,disabled:i})),children:_(L,{children:_(b,{children:e})})})};p.states=ce;p.options=me;p.className=k;p.defaultOptions=pe;p.moduleName=T;p.folderName=r;import{jsx as fe}from"react/jsx-runtime";var I="k-table-scroller",xe=[],Le={},he={},R=t=>{let{children:e,...o}=t;return fe("div",{...o,className:a(t.className,I),children:e})};R.states=xe;R.options=Le;R.className=I;R.defaultOptions=he;R.moduleName=T;R.folderName=r;import{jsx as ft}from"react/jsx-runtime";import{jsx as we}from"react/jsx-runtime";var U="k-table-footer",ue=[],Ne={},Re={},h=t=>{let{children:e,...o}=t;return we("div",{...o,className:a(t.className,U),children:e})};h.states=ue;h.options=Ne;h.className=U;h.defaultOptions=Re;h.moduleName=T;h.folderName=r;import{jsx as Me}from"react/jsx-runtime";var O="k-table-list",Ee=[],ye={size:[n.small,n.medium,n.large]},De={},f=t=>{let{size:e,virtualization:o,...s}=t;return Me("ul",{...s,className:a(t.className,"k-table",O,N(O,{size:e}),{"k-virtual-table":o}),children:t.children})};f.states=Ee;f.options=ye;f.className=O;f.defaultOptions=De;f.moduleName=T;f.folderName=r;import{jsx as gt}from"react/jsx-runtime";import{jsx as Ot}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";import{jsx as He}from"react/jsx-runtime";var v="k-table-row",Ae=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],w=t=>{let{hover:e,focus:o,selected:s,highlighted:i,disabled:d,alt:x,...E}=t;return He("tr",{...E,className:a(t.className,v,{"k-table-alt-row":x},c(v,{hover:e,focus:o,disabled:d,selected:s,highlighted:i})),children:t.children})};w.states=Ae;w.className=v;import{jsx as ge}from"react/jsx-runtime";var C="k-table-row",Ke=[l.hover,l.focus,l.selected,l.disabled],D=t=>{let{hover:e,focus:o,selected:s,disabled:i,alt:d,...x}=t;return ge("li",{...x,className:a(t.className,C,{"k-table-alt-row":d},c(C,{hover:e,focus:o,disabled:i,selected:s})),children:t.children})};D.states=Ke;D.className=C;import{jsx as Se}from"react/jsx-runtime";var W="k-table-th",u=t=>{let{text:e,colspan:o,rowspan:s,...i}=t,d=e||t.children;return Se("th",{colSpan:o,rowSpan:s,...i,className:a(t.className,W),children:d})};u.className=W;u.moduleName=T;u.folderName=r;import{jsx as Zt}from"react/jsx-runtime";import{jsx as ke}from"react/jsx-runtime";var B="k-table-td",_e=[l.focus,l.selected,l.highlighted],M=t=>{let{focus:e,selected:o,highlighted:s,text:i,colspan:d,rowspan:x,...E}=t,A=i||t.children;return ke("td",{colSpan:d,rowSpan:x,...E,className:a(t.className,B,c(B,{focus:e,selected:o,highlighted:s})),children:A})};M.states=_e;M.className=B;import{jsx as sa}from"react/jsx-runtime";import{jsx as da}from"react/jsx-runtime";import{jsx as ma}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";import{jsx as Ha,jsxs as Ka}from"react/jsx-runtime";import{jsx as ka,jsxs as Oa}from"react/jsx-runtime";import{jsx as za,jsxs as Pa}from"react/jsx-runtime";import{Fragment as Wa,jsx as Ia,jsxs as Ua}from"react/jsx-runtime";var P="grid",q=P;import{jsx as ze}from"react/jsx-runtime";var V="k-grid-table",G=t=>ze(b,{size:"medium",...t,className:a(t.className,V),children:t.children});G.className=V;G.moduleName=P;G.folderName=q;export{V as GRIDTABLE_CLASSNAME,G as GridTable};