@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 4.32 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((l,T)=>e[T]||e[l]&&l||null).filter(l=>l!==null).join(" "):e).filter(e=>!!e).join(" ");var r=(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"}),n=(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,"k-highlighted":e.highlighted});var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var o={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"};import{jsx as K}from"react/jsx-runtime";var H="k-data-table",z=[],E={size:[s.small,s.medium,s.large]},v={size:s.medium},d=t=>{let{size:e=v.size,...l}=t;return K("div",{...l,className:a(t.className,H,r("k-table",{size:e})),children:t.children})};d.states=z;d.options=E;d.className=H;d.defaultOptions=v;import{jsx as me}from"react/jsx-runtime";import{jsx as we}from"react/jsx-runtime";import{jsx as B}from"react/jsx-runtime";var u="k-table",G=[],O={size:[s.small,s.medium,s.large]},C={},i=t=>{let{size:e,...l}=t;return B("table",{...l,className:a(t.className,u,r(u,{size:e})),children:t.children})};i.states=G;i.options=O;i.className=u;i.defaultOptions=C;import{jsx as F}from"react/jsx-runtime";var f="k-table-list",P=[],$={size:[s.small,s.medium,s.large]},I={},c=t=>{let{size:e,virtualization:l,...T}=t;return F("ul",{...T,className:a(t.className,"k-table",f,r(f,{size:e}),{"k-virtual-table":l}),children:t.children})};c.states=P;c.options=$;c.className=f;c.defaultOptions=I;import{jsx as He}from"react/jsx-runtime";import{jsx as ze}from"react/jsx-runtime";import{jsx as Oe}from"react/jsx-runtime";import{jsx as J}from"react/jsx-runtime";var y="k-table-row",_=[o.hover,o.focus,o.selected,o.disabled,o.highlighted],x=t=>{let{hover:e,focus:l,selected:T,highlighted:b,disabled:m,alt:h,...w}=t;return J("tr",{...w,className:a(t.className,y,{"k-table-alt-row":h},n(y,{hover:e,focus:l,disabled:m,selected:T,highlighted:b})),children:t.children})};x.states=_;x.className=y;import{jsx as W}from"react/jsx-runtime";var N="k-table-row",q=[o.hover,o.focus,o.selected,o.disabled],p=t=>{let{hover:e,focus:l,selected:T,disabled:b,alt:m,...h}=t;return W("li",{...h,className:a(t.className,N,{"k-table-alt-row":m},n(N,{hover:e,focus:l,disabled:b,selected:T})),children:t.children})};p.states=q;p.className=N;import{jsx as We}from"react/jsx-runtime";import{jsx as Xe}from"react/jsx-runtime";import{jsx as V}from"react/jsx-runtime";var R="k-table-td",U=[o.focus,o.selected,o.highlighted],L=t=>{let{focus:e,selected:l,highlighted:T,text:b,colspan:m,rowspan:h,...w}=t,S=b||t.children;return V("td",{colSpan:m,rowSpan:h,...w,className:a(t.className,R,n(R,{focus:e,selected:l,highlighted:T})),children:S})};L.states=U;L.className=R;import{jsx as lt}from"react/jsx-runtime";import{jsx as it}from"react/jsx-runtime";import{jsx as nt}from"react/jsx-runtime";import{jsx as ht}from"react/jsx-runtime";import{jsx as ut}from"react/jsx-runtime";import{jsx as kt,jsxs as Mt}from"react/jsx-runtime";import{jsx as St,jsxs as zt}from"react/jsx-runtime";import{jsx as Ot,jsxs as Ct}from"react/jsx-runtime";import{Fragment as _t,jsx as It,jsxs as Ft}from"react/jsx-runtime";import{jsx as M}from"react/jsx-runtime";var ee="k-table-header",k=t=>M("div",{className:a(t.className,ee),children:M("div",{className:"k-table-header-wrap",children:M(i,{children:t.children})})});export{k as TableHeader};