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

A collection of HTML helpers used for developing Kendo UI themes

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