@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 4.53 kB
JavaScript
var S=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var T=(t,e)=>{for(var o in e)S(t,o,{get:e[o],enumerable:!0})},O=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of K(e))!L.call(t,l)&&l!==o&&S(t,l,{get:()=>e[l],enumerable:!(s=R(e,l))||s.enumerable});return t};var P=t=>O(S({},"__esModule",{value:!0}),t);var j={};T(j,{FORM_CLASSNAME:()=>x,Form:()=>g,default:()=>X});module.exports=P(j);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...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 z=(t,e)=>i({[`${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"}),E=(t,e)=>i({"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 y={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var w={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"};var r=require("react/jsx-runtime"),$="k-form-field",D=[w.disabled],f=t=>{let{label:e,orientation:o,optional:s,editor:l,hint:c,error:a,info:F,disabled:d,dir:N,colSpan:m}=t;return(0,r.jsxs)("div",{className:i($,t.className,E($,{disabled:d}),{[`k-col-span-${m}`]:m}),dir:N,children:[e&&(0,r.jsxs)("label",{className:i("k-label","k-form-label"),children:[e,s&&(0,r.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),F&&(0,r.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!e&&(0,r.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,r.jsxs)("div",{className:"k-form-field-wrap",children:[l,c&&(0,r.jsx)("div",{className:"k-form-hint",children:c}),a&&(0,r.jsx)("div",{className:"k-form-error",children:a})]})]})};f.states=D;f.className=$;var u=require("react/jsx-runtime"),A="k-form-fieldset",b=t=>{let{legend:e,layout:o,cols:s,gutters:l,colSpan:c}=t;return(0,u.jsxs)("fieldset",{className:i(A,{[`k-col-span-${c}`]:c}),children:[e&&(0,u.jsx)("legend",{className:"k-form-legend",children:e}),o==="grid"?(0,u.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:t.children}):(0,u.jsx)(u.Fragment,{children:t.children})]})};b.className=A;var n=require("react/jsx-runtime"),p=require("react"),x="k-form",H=[],J={size:[y.small,y.medium,y.large]},v={size:y.medium,layout:"basic",tag:"form"},g=t=>{let{size:e=v.size,orientation:o,layout:s=v.layout,formButtons:l,cols:c,gutters:a,tag:F=v.tag,children:d}=t,N=({tag:k,className:h,children:M})=>k==="form"?(0,n.jsx)("form",{className:h,children:M}):(0,n.jsx)("div",{className:h,children:M}),m=[];return d&&(Array.isArray(d)?d.map((k,h)=>{k.type===f?m.push((0,p.createElement)(f,{...k.props,orientation:o,key:h})):m.push(k)}):d.type===f?m.push((0,p.createElement)(f,{...d.props,orientation:o,key:`${new Date().getTime()}`})):d.type===b&&m.push((0,p.createElement)(b,{...d.props,key:`${new Date().getTime()}`}))),(0,n.jsxs)(N,{tag:F,className:i(t.className,x,z(x,{size:e}),{[`${x}-${o}`]:o}),children:[s==="grid"?(0,n.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${c}`]:c}),style:{...typeof a=="string"&&{gap:a},...typeof a=="object"&&a.rows&&{rowGap:a.rows},...typeof a=="object"&&a.cols&&{columnGap:a.cols}},children:m}):(0,n.jsx)(n.Fragment,{children:m}),l&&(0,n.jsx)("div",{className:"k-form-buttons",children:l})]})};g.states=H;g.options=J;g.className=x;g.defaultOptions=v;var X=g;