@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.41 kB
JavaScript
var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((a,o)=>e[o]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var m=(t,e)=>l({"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 s={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{Fragment as h,jsx as i,jsxs as u}from"react/jsx-runtime";var r="k-group-menu-item",f=[s.hover,s.selected],k={},g={},n=t=>{let{hover:e,selected:a,text:o,actionsStart:d,actionsEnd:c,...x}=t;return u("div",{...x,className:l(t.className,r,m(r,{hover:e,selected:a})),children:[d&&i("span",{className:"k-group-menu-item-actions",children:d}),i("span",{className:"k-group-item-text",children:o}),c&&u(h,{children:[i("span",{className:"k-spacer"}),i("span",{className:"k-group-menu-item-actions",children:c})]}),t.children]})};n.states=f;n.options=k;n.className=r;n.defaultOptions=g;var R=n;export{r as GROUPMENUITEM_CLASSNAME,n as GroupMenuItem,R as default};