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

A collection of HTML helpers used for developing Kendo UI themes

var fe=Object.create;var D=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var be=(o,e)=>{for(var n in e)D(o,n,{get:e[n],enumerable:!0})},oe=(o,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of he(e))!ge.call(o,r)&&r!==n&&D(o,r,{get:()=>e[r],enumerable:!(s=xe(e,r))||s.enumerable});return o};var ye=(o,e,n)=>(n=o!=null?fe(Ne(o)):{},oe(e||!o||!o.__esModule?D(n,"default",{value:o,enumerable:!0}):n,o)),ve=o=>oe(D({},"__esModule",{value:!0}),o);var He={};be(He,{UPLOAD_CLASSNAME:()=>R,Upload:()=>b,default:()=>Re});module.exports=ve(He);var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var T=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${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"}),B=(o,e)=>{let{valid:n,invalid:s,hover:r,focus:d,checked:i,active:h,selected:u,disabled:M,indeterminate:H,loading:F,empty:V,readonly:S,highlighted:C,...E}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":r,"k-focus":d,"k-checked":i,"k-active":h,"k-selected":u,"k-disabled":M,"k-indeterminate":H&&!i,"k-loading":F,"k-empty":V,"k-readonly":S,"k-highlighted":C},Object.keys(E).reduce((_,y)=>(y.startsWith("k-")?_[y]=E[y]:_[`k-${y}`]=E[y],_),{}))};function te(o,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={small:"small",medium:"medium",large:"large",full:"full"},v={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},f={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 G="action-buttons",ne=G;var ae=require("react/jsx-runtime"),K="k-actions",ke=[],Oe={},q={alignment:"start",orientation:"horizontal"},k=o=>{let{alignment:e=q.alignment,orientation:n=q.orientation,...s}=o;return(0,ae.jsx)("div",{...s,className:l(K,{[`${K}-${e}`]:e,[`${K}-${n}`]:n},o.className),children:o.children})};k.states=ke;k.options=Oe;k.className=K;k.defaultOptions=q;k.moduleName=G;k.folderName=ne;var se=k;var I=require("react/jsx-runtime"),W="k-font-icon",Ae=[],Me={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Ce={},z=o=>{let{size:e,themeColor:n,icon:s,rotate:r,flip:d,...i}=o;return s?(0,I.jsx)("span",{...i,className:l(o.className,W,T(W,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):(0,I.jsx)(I.Fragment,{})};z.states=Ae;z.options=Me;z.className=W;z.defaultOptions=Ce;var re=z;var O=require("react/jsx-runtime"),Z="k-svg-icon",Te=[],Be={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},le={viewBox:"0 0 24 24"},U=o=>{let{size:e,themeColor:n,rotate:s,flip:r,viewBox:d=le.viewBox,icon:i,...h}=o;if(!i)return(0,O.jsx)(O.Fragment,{});i==="none"&&{...h,className:l(o.className,Z,"k-none")};let u=typeof i=="object"&&i.name&&i.name;return(0,O.jsx)("span",{...h,className:l(o.className,Z,T("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,O.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:d,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:o.children})})};U.states=Te;U.options=Be;U.className=Z;U.defaultOptions=le;var j=U;var J=ye(require("@progress/kendo-svg-icons"));var ie="icon",ce="icons";var N=require("react/jsx-runtime"),$="k-icon",Le=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Se=[],Ee={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Q={viewBox:"0 0 24 24",type:"svg"},p=o=>{let{size:e,themeColor:n,icon:s,type:r=Q.type,rotate:d,flip:i,viewBox:h=Q.viewBox,...u}=o;if(!s)return(0,N.jsx)(N.Fragment,{});if(r==="svg"){if(s==="none")return(0,N.jsx)(j,{...u,className:l(o.className,$),icon:s,size:e});let M=J[s]?s:Le(`${s}-icon`);return J[M]?(0,N.jsx)(j,{...u,className:l(o.className,$),icon:J[M],size:e,themeColor:n,rotate:d,flip:i,viewBox:h}):(0,N.jsx)(N.Fragment,{})}return(0,N.jsx)(re,{...u,className:l(o.className,$),icon:s,size:e,themeColor:n,rotate:d,flip:i})};p.states=Se;p.options=Ee;p.defaultOptions=Q;p.className=$;p.moduleName=ie;p.folderName=ce;var X="button",de=X;var x=require("react/jsx-runtime"),w="k-button",_e=["icon-button"],Ie=[f.hover,f.focus,f.active,f.selected,f.disabled,f.generating],ze={size:[a.small,a.medium,a.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},A={size:a.medium,rounded:L.medium,fillMode:v.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=o=>{let{size:e=A.size,rounded:n=A.rounded,fillMode:s=A.fillMode,themeColor:r=A.themeColor,showArrow:d=A.showArrow,arrowIconName:i=A.arrowIconName,variant:h,hover:u,focus:M,active:H,selected:F,disabled:V,icon:S,text:C,iconClassName:E,..._}=o,y=S!==void 0,ue=o.children!==void 0;return(0,x.jsxs)("button",{..._,className:l(o.className,w,te(w,h),T(w,{size:e,rounded:n,fillMode:s,themeColor:r}),B(w,{hover:u,focus:M,active:H,disabled:V,selected:F}),{"k-icon-button":!C&&!ue&&y}),children:[S&&(0,x.jsx)(p,{className:l(E,"k-button-icon"),icon:S}),C?(0,x.jsxs)(x.Fragment,{children:[C&&(0,x.jsx)("span",{className:"k-button-text",children:C}),o.children]}):o.children&&(0,x.jsx)("span",{className:"k-button-text",children:o.children}),d&&(0,x.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,x.jsx)(p,{icon:i})})]})};m.states=Ie;m.options=ze;m.variants=_e;m.className=w;m.defaultOptions=A;m.moduleName=X;m.folderName=de;var Ue=require("react/jsx-runtime");var we=require("react/jsx-runtime");var De=require("react/jsx-runtime");var c=require("react/jsx-runtime"),Y="k-upload-dropzone",Ke=[f.hover],P=o=>{let{hover:e,status:n,...s}=o,r=(0,c.jsx)(c.Fragment,{});switch(n){case"uploading":r=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p,{icon:"upload"}),"Uploading..."]});break;case"done":r=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p,{icon:"check"}),"Done"]});break;case"failed":r=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p,{icon:"exclamation-circle"}),"Done"]});break;default:r=(0,c.jsx)(c.Fragment,{});break}return(0,c.jsxs)("div",{...s,className:l(o.className,Y,"k-dropzone",B(Y,{hover:e})),children:[(0,c.jsxs)("div",{className:"k-upload-button-wrap",children:[(0,c.jsx)(m,{className:"k-upload-button",children:"Select files..."}),(0,c.jsx)("input",{id:"upload-input",className:"k-hidden"})]}),(0,c.jsx)("span",{className:l("k-dropzone-hint",{"k-hidden":n!=="upload"}),children:"Drop files here to upload"}),n!=="upload"&&(0,c.jsx)("span",{className:"k-upload-status",children:r})]})};P.states=Ke;P.className=Y;var ee="upload",me=ee;var g=require("react/jsx-runtime"),R="k-upload",$e=[f.hover,f.disabled],Pe={},pe={actionsLayout:"end"},b=o=>{let{async:e,empty:n,actions:s,actionsLayout:r=pe.actionsLayout,hover:d,status:i,disabled:h,...u}=o;return(0,g.jsxs)("div",{...u,className:l(o.className,R,B(R,{disabled:h}),{"k-upload-async":e,"k-upload-empty":n}),children:[(0,g.jsx)(P,{status:i,hover:d}),o.children&&(0,g.jsx)("ul",{className:"k-upload-files",children:o.children}),s&&o.children&&(0,g.jsxs)(se,{alignment:r,orientation:"horizontal",children:[(0,g.jsx)(m,{className:"k-clear-selected",children:"Clear"}),(0,g.jsx)(m,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};b.states=$e;b.options=Pe;b.className=R;b.defaultOptions=pe;b.moduleName=ee;b.folderName=me;var Re=b;