@progress/kendo-themes-html/dist/cjs/form/form.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var A=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var H=(t,e)=>{for(var l in e)A(t,l,{get:e[l],enumerable:!0})},j=(t,e,l,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of C(e))!P.call(t,o)&&o!==l&&A(t,o,{get:()=>e[o],enumerable:!(s=D(e,o))||s.enumerable});return t};var J=t=>j(A({},"__esModule",{value:!0}),t);var I={};H(I,{FORM_CLASSNAME:()=>v,Form:()=>f,default:()=>q});module.exports=J(I);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((l,s)=>e[s]||e[l]&&l||null).filter(l=>l!==null).join(" "):e).filter(e=>!!e).join(" ");var O=(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"}),z=(t,e)=>{let{valid:l,invalid:s,hover:o,focus:d,checked:r,active:k,selected:n,disabled:y,indeterminate:a,loading:g,empty:x,readonly:F,highlighted:_,...S}=e;return i({"k-valid":l,"k-invalid":s,"k-hover":o,"k-focus":d,"k-checked":r,"k-active":k,"k-selected":n,"k-disabled":y,"k-indeterminate":a&&!r,"k-loading":g,"k-empty":x,"k-readonly":F,"k-highlighted":_},Object.keys(S).reduce(($,b)=>(b.startsWith("k-")?$[b]=S[b]:$[`k-${b}`]=S[b],$),{}))};var h={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 m=require("react/jsx-runtime"),R="k-form-field",X=[L.disabled],p=t=>{let{label:e,orientation:l,optional:s,editor:o,hint:d,error:r,info:k,disabled:n,dir:y,colSpan:a}=t;return(0,m.jsxs)("div",{className:i(R,t.className,z(R,{disabled:n}),{[`k-col-span-${a}`]:a}),dir:y,children:[e&&(0,m.jsxs)("label",{className:i("k-label","k-form-label"),children:[e,s&&(0,m.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),k&&(0,m.jsx)("span",{className:"k-field-info",children:"(field info)"})]}),l==="horizontal"&&!e&&(0,m.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,m.jsxs)("div",{className:"k-form-field-wrap",children:[o,d&&(0,m.jsx)("div",{className:"k-form-hint",children:d}),r&&(0,m.jsx)("div",{className:"k-form-error",children:r})]})]})};p.states=X;p.className=R;var u=require("react/jsx-runtime"),w="k-form-fieldset",M=t=>{let{legend:e,layout:l,cols:s,gutters:o,colSpan:d}=t;return(0,u.jsxs)("fieldset",{className:i(w,{[`k-col-span-${d}`]:d}),children:[e&&(0,u.jsx)("legend",{className:"k-form-legend",children:e}),l==="grid"?(0,u.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof o=="string"&&{gap:o},...typeof o=="object"&&o.rows&&{rowGap:o.rows},...typeof o=="object"&&o.cols&&{columnGap:o.cols}},children:t.children}):(0,u.jsx)(u.Fragment,{children:t.children})]})};M.className=w;var K="form",T="forms";var c=require("react/jsx-runtime"),E=require("react"),v="k-form",B=[],G={size:[h.small,h.medium,h.large]},N={size:h.medium,layout:"basic",tag:"form"},f=t=>{let{size:e=N.size,orientation:l,layout:s=N.layout,formButtons:o,cols:d,gutters:r,tag:k=N.tag,children:n}=t,y=({tag:g,className:x,children:F})=>g==="form"?(0,c.jsx)("form",{className:x,children:F}):(0,c.jsx)("div",{className:x,children:F}),a=[];return n&&(Array.isArray(n)?n.map((g,x)=>{g.type===p?a.push((0,E.createElement)(p,{...g.props,orientation:l,key:x})):a.push(g)}):n.type===p?a.push((0,E.createElement)(p,{...n.props,orientation:l,key:`${new Date().getTime()}`})):n.type===M&&a.push((0,E.createElement)(M,{...n.props,key:`${new Date().getTime()}`}))),(0,c.jsxs)(y,{tag:k,className:i(t.className,v,O(v,{size:e}),{[`${v}-${l}`]:l}),children:[s==="grid"?(0,c.jsx)("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${d}`]:d}),style:{...typeof r=="string"&&{gap:r},...typeof r=="object"&&r.rows&&{rowGap:r.rows},...typeof r=="object"&&r.cols&&{columnGap:r.cols}},children:a}):(0,c.jsx)(c.Fragment,{children:a}),o&&(0,c.jsx)("div",{className:"k-form-buttons",children:o})]})};f.states=B;f.options=G;f.className=v;f.defaultOptions=N;f.moduleName=K;f.folderName=T;var q=f;