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

A collection of HTML helpers used for developing Kendo UI themes

var Xe=Object.create;var q=Object.defineProperty;var Fe=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,Je=Object.prototype.hasOwnProperty;var We=(e,t)=>{for(var o in t)q(e,o,{get:t[o],enumerable:!0})},Ne=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of Ue(t))!Je.call(e,l)&&l!==o&&q(e,l,{get:()=>t[l],enumerable:!(n=Fe(t,l))||n.enumerable});return e};var qe=(e,t,o)=>(o=e!=null?Xe(Ve(e)):{},Ne(t||!e||!e.__esModule?q(o,"default",{value:e,enumerable:!0}):o,e)),Qe=e=>Ne(q({},"__esModule",{value:!0}),e);var Dt={};We(Dt,{LIST_CLASSNAME:()=>ee,List:()=>h,default:()=>Gt});module.exports=Qe(Dt);var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var N=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),O=(e,t)=>{let{valid:o,invalid:n,hover:l,focus:m,checked:a,active:L,selected:c,disabled:d,indeterminate:C,loading:x,empty:f,readonly:b,highlighted:te,..._}=t;return s({"k-valid":o,"k-invalid":n,"k-hover":l,"k-focus":m,"k-checked":a,"k-active":L,"k-selected":c,"k-disabled":d,"k-indeterminate":C&&!a,"k-loading":x,"k-empty":f,"k-readonly":b,"k-highlighted":te},Object.keys(_).reduce((y,A)=>(A.startsWith("k-")?y[A]=_[A]:y[`k-${A}`]=_[A],y),{}))};var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},P={small:"small",medium:"medium",large:"large",full:"full"};var r={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},p={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 E="list",T=E;var ge=require("react/jsx-runtime"),ke="k-list-container",Ye=[],Ze={},je={},w=e=>{let{...t}=e;return(0,ge.jsx)("div",{...t,className:s(e.className,ke),children:e.children})};w.states=Ye;w.options=Ze;w.className=ke;w.defaultOptions=je;w.moduleName=E;w.folderName=T;var ve=require("react/jsx-runtime"),et="k-no-data",U=e=>(0,ve.jsx)("span",{className:s(et,e.className),children:e.children});var k=require("react/jsx-runtime"),oe="k-list",tt=[],ot={size:[i.small,i.medium,i.large]},Ie={size:i.medium},M=e=>{let{size:t=Ie.size,virtualization:o,children:n,...l}=e,m,a,L,c=[];return n?n.map((d,C)=>{d.type===g?(d.props.root===!0?(m=d.props.label,d.props.children.map((x,f)=>{c.push((0,k.jsx)(u,{...x.props},`optChild-${f}-${new Date().getTime()}`))})):(c.push((0,k.jsx)(ye,{...d.props,children:d.props.label},`listChild-${C}`)),d.props.children.map((x,f)=>{c.push((0,k.jsx)(u,{...x.props},`fwOptChild-${f}-${new Date().getTime()}`))})),a=(0,k.jsx)(g,{label:m,virtualization:o,children:c})):d.type===u&&(c.push((0,k.jsx)(u,{...d.props},`${d.type}-${C}`)),L=(0,k.jsx)(B,{virtualization:o,children:c}))}):L=(0,k.jsx)(U,{children:"No data found."}),(0,k.jsxs)("div",{...l,className:s(e.className,oe,N(oe,{size:t}),{"k-virtual-list":o}),children:[a,L]})};M.states=tt;M.options=ot;M.className=oe;M.defaultOptions=Ie;M.moduleName=E;M.folderName=T;var R="checkbox",X=R;var ie=require("react/jsx-runtime"),Q="k-checkbox",st=[p.hover,p.focus,p.valid,p.invalid,p.required,p.disabled,p.checked,p.indeterminate],it={size:[i.small,i.medium,i.large],rounded:[P.small,P.medium,P.large,P.full]},se={size:i.medium,rounded:P.medium},v=e=>{let{id:t,checked:o,indeterminate:n,hover:l,focus:m,disabled:a,invalid:L,valid:c,required:d,size:C=se.size,rounded:x=se.rounded,...f}=e;return(0,ie.jsx)("span",{className:"k-checkbox-wrap",children:(0,ie.jsx)("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:d,className:s(e.className,Q,N(Q,{size:C,rounded:x}),O(Q,{hover:l,focus:m,disabled:a,invalid:L,valid:c,indeterminate:n,checked:o}))})})};v.states=st;v.options=it;v.className=Q;v.defaultOptions=se;v.moduleName=R;v.folderName=X;var Se=require("react/jsx-runtime"),Ee="k-checkbox-list",nt=[],rt={},Me={layout:"vertical"},K=e=>{let{layout:t=Me.layout,...o}=e;return(0,Se.jsx)("ul",{...o,className:s(e.className,Ee,{[`k-list-${t}`]:t}),children:e.children})};K.states=nt;K.options=rt;K.className=Ee;K.defaultOptions=Me;K.moduleName=R;K.folderName=X;var Oe=require("react/jsx-runtime"),Ae="k-checkbox-list-item",at=[],lt={},mt={},z=e=>{let{...t}=e;return(0,Oe.jsx)("li",{...t,className:s(e.className,Ae),children:e.children})};z.states=at;z.options=lt;z.className=Ae;z.defaultOptions=mt;z.moduleName=R;z.folderName=X;var re=require("react/jsx-runtime");var ae=require("react/jsx-runtime");var le=require("react/jsx-runtime");var me=require("react/jsx-runtime");var pt=require("react/jsx-runtime");var ct=require("react/jsx-runtime");var V=require("react/jsx-runtime"),pe="k-font-icon",dt=[],ut={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Lt={},J=e=>{let{size:t,themeColor:o,icon:n,rotate:l,flip:m,...a}=e;return n?(0,V.jsx)("span",{...a,className:s(e.className,pe,N(pe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,V.jsx)(V.Fragment,{})};J.states=dt;J.options=ut;J.className=pe;J.defaultOptions=Lt;var Te=J;var G=require("react/jsx-runtime"),ce="k-svg-icon",ft=[],xt={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Ke={viewBox:"0 0 24 24"},W=e=>{let{size:t,themeColor:o,rotate:n,flip:l,viewBox:m=Ke.viewBox,icon:a,...L}=e;if(!a)return(0,G.jsx)(G.Fragment,{});a==="none"&&{...L,className:s(e.className,ce,"k-none")};let c=typeof a=="object"&&a.name&&a.name;return(0,G.jsx)("span",{...L,className:s(e.className,ce,N("k-icon",{size:t}),{[`k-svg-i-${c}`]:c,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,G.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:m,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:e.children})})};W.states=ft;W.options=xt;W.className=ce;W.defaultOptions=Ke;var de=W;var ue=qe(require("@progress/kendo-svg-icons"));var ze="icon",He="icons";var S=require("react/jsx-runtime"),Y="k-icon",bt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ht=[],Ct={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Le={viewBox:"0 0 24 24",type:"svg"},H=e=>{let{size:t,themeColor:o,icon:n,type:l=Le.type,rotate:m,flip:a,viewBox:L=Le.viewBox,...c}=e;if(!n)return(0,S.jsx)(S.Fragment,{});if(l==="svg"){if(n==="none")return(0,S.jsx)(de,{...c,className:s(e.className,Y),icon:n,size:t});let d=ue[n]?n:bt(`${n}-icon`);return ue[d]?(0,S.jsx)(de,{...c,className:s(e.className,Y),icon:ue[d],size:t,themeColor:o,rotate:m,flip:a,viewBox:L}):(0,S.jsx)(S.Fragment,{})}return(0,S.jsx)(Te,{...c,className:s(e.className,Y),icon:n,size:t,themeColor:o,rotate:m,flip:a})};H.states=ht;H.options=Ct;H.defaultOptions=Le;H.className=Y;H.moduleName=ze;H.folderName=He;var D=require("react/jsx-runtime"),fe="k-list-item",Nt=[p.hover,p.focus,p.selected,p.disabled],kt={},gt={},u=e=>{let{text:t,groupLabel:o,group:n,showIcon:l,iconName:m,showCheckbox:a,checked:L,hover:c,focus:d,selected:C,disabled:x,...f}=e,b=t||e.children;return(0,D.jsxs)("li",{...f,className:s(e.className,n?"k-list-group-item":fe,O(fe,{hover:c,focus:d,disabled:x,selected:C})),children:[a&&(0,D.jsx)(v,{checked:L}),l&&(0,D.jsx)(H,{icon:m}),(0,D.jsx)("span",{className:"k-list-item-text",children:b}),o&&o!==""&&(0,D.jsx)("div",{className:"k-list-item-group-label",children:o})]})};u.states=Nt;u.options=kt;u.className=fe;u.defaultOptions=gt;u.moduleName=E;u.folderName=T;var F=require("react/jsx-runtime"),vt="k-list-content",B=e=>{let{virtualization:t,...o}=e;return(0,F.jsxs)("div",{...o,className:s(vt,e.className),children:[(0,F.jsx)("ul",{className:s("k-list-ul"),children:e.children}),t&&(0,F.jsx)("div",{className:"k-height-container",children:(0,F.jsx)("div",{})})]})};var xe=require("react/jsx-runtime"),It="k-list-group-sticky-header",_e=e=>(0,xe.jsx)("div",{className:s(It,e.className),children:(0,xe.jsx)("div",{className:"k-list-header-text",children:e.children})});var $=require("react/jsx-runtime"),g=e=>{let{virtualization:t,label:o}=e;return(0,$.jsxs)($.Fragment,{children:[o&&(0,$.jsx)(_e,{children:o}),e.children&&(0,$.jsx)(B,{virtualization:t,children:e.children})]})};var be=require("react/jsx-runtime"),yt="k-list-group-item",ye=e=>(0,be.jsx)("li",{className:s(yt,e.className),children:(0,be.jsx)("span",{className:"k-list-item-text",children:e.children})});var Re=require("react/jsx-runtime"),he="k-list-optionlabel",Et=[p.hover,p.focus,p.selected,p.disabled],Mt={},St={},Z=e=>{let{text:t,hover:o,focus:n,selected:l,disabled:m,...a}=e;return(0,Re.jsx)("div",{...a,className:s(he,O(he,{hover:o,focus:n,selected:l,disabled:m})),children:t})};Z.states=Et;Z.options=Mt;Z.className=he;Z.defaultOptions=St;var Ge=require("react/jsx-runtime"),Ce="k-list-custom-value",At=[p.hover,p.focus,p.selected,p.disabled],Ot={},Tt={},j=e=>{let{text:t,hover:o,focus:n,selected:l,disabled:m,...a}=e;return(0,Ge.jsx)("div",{...a,className:s(Ce,O(Ce,{hover:o,focus:n,selected:l,disabled:m})),children:t})};j.states=At;j.options=Ot;j.className=Ce;j.defaultOptions=Tt;var Kt=require("react/jsx-runtime");var zt=require("react/jsx-runtime");var De=require("react/jsx-runtime");var $e=require("react/jsx-runtime");var Ht=require("react/jsx-runtime");var Pe=require("react/jsx-runtime");var we=require("react/jsx-runtime");var I=require("react/jsx-runtime"),ee="k-list",_t=[],Rt={size:[i.small,i.medium,i.large]},Be={size:i.medium},h=e=>{let{size:t=Be.size,virtualization:o,children:n,optionLabel:l,customValue:m,screenReaders:a,...L}=e,c,d,C,x,f=[];return n?n.map((b,te)=>{b.type===g?(b.props.root===!0?(c=b.props.label,b.props.children.map((_,y)=>{f.push((0,I.jsx)(u,{..._.props},`optChild-${y}-${new Date().getTime()}`))})):b.props.children.forEach((_,y)=>{let A="";y===0&&(A=b.props.label),f.push((0,I.jsx)(u,{className:y===0?"k-first":"",..._.props,groupLabel:A},`groupLabel-${y}-${new Date().getTime()}`))}),d=(0,I.jsx)(g,{label:c,virtualization:o,children:f})):b.type===u&&(f.push((0,I.jsx)(u,{...b.props},`${b.type}-${te}`)),C=(0,I.jsx)(B,{virtualization:o,children:f}),a&&(x=(0,I.jsxs)(U,{className:"k-sr-only",children:[f.length," items found."]})))}):x=(0,I.jsx)(U,{children:"No data found."}),(0,I.jsxs)("div",{...L,className:s(e.className,ee,N(ee,{size:t}),{"k-virtual-list":o}),children:[l,m,d,C,x]})};h.states=_t;h.options=Rt;h.className=ee;h.defaultOptions=Be;h.moduleName=E;h.folderName=T;var Gt=h;