@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.28 kB
JavaScript
var b=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var A=(l,e)=>{for(var t in e)b(l,t,{get:e[t],enumerable:!0})},j=(l,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of N(e))!S.call(l,r)&&r!==t&&b(l,r,{get:()=>e[r],enumerable:!(a=z(e,r))||a.enumerable});return l};var E=l=>j(b({},"__esModule",{value:!0}),l);var R={};A(R,{FORMFIELD_CLASSNAME:()=>c,FormField:()=>u,default:()=>O});module.exports=E(R);var n=(...l)=>l.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(l,e)=>{let{valid:t,invalid:a,hover:r,focus:d,checked:o,active:f,selected:x,disabled:g,indeterminate:m,loading:$,empty:F,readonly:M,highlighted:p,...k}=e;return n({"k-valid":t,"k-invalid":a,"k-hover":r,"k-focus":d,"k-checked":o,"k-active":f,"k-selected":x,"k-disabled":g,"k-indeterminate":m&&!o,"k-loading":$,"k-empty":F,"k-readonly":M,"k-highlighted":p},Object.keys(k).reduce((h,s)=>(s.startsWith("k-")?h[s]=k[s]:h[`k-${s}`]=k[s],h),{}))};var y={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=require("react/jsx-runtime"),c="k-form-field",K=[y.disabled],u=l=>{let{label:e,orientation:t,optional:a,editor:r,hint:d,error:o,info:f,disabled:x,dir:g,colSpan:m}=l;return(0,i.jsxs)("div",{className:n(c,l.className,v(c,{disabled:x}),{[`k-col-span-${m}`]:m}),dir:g,children:[e&&(0,i.jsxs)("label",{className:n("k-label","k-form-label"),children:[e,a&&(0,i.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),f&&(0,i.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),t==="horizontal"&&!e&&(0,i.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,i.jsxs)("div",{className:"k-form-field-wrap",children:[r,d&&(0,i.jsx)("div",{className:"k-form-hint",children:d}),o&&(0,i.jsx)("div",{className:"k-form-error",children:o})]})]})};u.states=K;u.className=c;var O=u;