primereact/fileupload/index.mjs

A rich set of premium UI Components for React.

'use client';

var oe=Object.defineProperty;var A=(e,t)=>{for(var r in t)oe(e,r,{get:t[r],enumerable:!0})};import{createOptionalContext as te}from"@primereact/core/utils";var[B,l]=te();var $={};A($,{Clear:()=>y,Content:()=>w,Item:()=>S,ItemGroup:()=>T,ItemInfo:()=>b,ItemName:()=>G,ItemPreview:()=>L,ItemRemove:()=>j,ItemSize:()=>O,Root:()=>k,Trigger:()=>H,Upload:()=>E});import{Component as re,withComponent as pe}from"@primereact/core/component";import{mergeProps as le}from"@primeuix/utils";import*as D from"react";var n={as:"button"};var y=pe({name:"FileUpload.Clear",defaultProps:n,setup(){return{fileupload:l()}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=le(o?.clearProps,r("root"));return D.createElement(re,{instance:e,attrs:p,children:t.children})}});import{Component as ie,withComponent as me}from"@primereact/core/component";import{mergeProps as ae}from"@primeuix/utils";import*as J from"react";var d={as:"div"};var w=me({name:"FileUpload.Content",defaultProps:d,setup(){return{fileupload:l()}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=ae(o?.contentProps,{className:o?.cx("content")},o?.ptm("content"),r("root"));return J.createElement(ie,{instance:e,attrs:p,children:t.children})}});import{Component as ne,withComponent as de}from"@primereact/core/component";import{mergeProps as fe,resolve as ue}from"@primeuix/utils";import*as z from"react";import{createOptionalContext as se}from"@primereact/core/utils";var[N,m]=se();var f={as:"div",file:void 0,index:void 0};var S=de({name:"FileUpload.Item",defaultProps:f,setup({props:e}){let t=l(),r=e.file,o=e.index,p=!!r&&!!t?.state.uploadedFiles.includes(r);return{fileupload:t,file:r,index:o,uploaded:p,remove:()=>{o!=null&&(p?t?.removeUploadedFile(o):t?.remove(o))}}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=fe(o?.fileProps,{className:o?.cx("file")},o?.ptm("file"),r("root"));return z.createElement(N,{value:e},z.createElement(ne,{instance:e,attrs:p},ue(t.children,e)))}});import{Component as ce,withComponent as Pe}from"@primereact/core/component";import{mergeProps as Ue}from"@primeuix/utils";import*as K from"react";var u={as:"div"};var T=Pe({name:"FileUpload.ItemGroup",defaultProps:u,setup(){return{fileupload:l()}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=Ue(o?.fileListProps,{className:o?.cx("fileList")},o?.ptm("fileList"),r("root"));return K.createElement(ce,{instance:e,attrs:p,children:t.children})}});import{Component as Ie,withComponent as Fe}from"@primereact/core/component";import{mergeProps as xe}from"@primeuix/utils";import*as M from"react";var c={as:"div"};var b=Fe({name:"FileUpload.ItemInfo",defaultProps:c,setup(){let e=l(),t=m();return{fileupload:e,fileuploaditem:t}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=xe(o?.fileInfoProps,{className:o?.cx("fileInfo")},o?.ptm("fileInfo"),r("root"));return M.createElement(Ie,{instance:e,attrs:p,children:t.children})}});import{Component as Ce,withComponent as ve}from"@primereact/core/component";import{mergeProps as Re}from"@primeuix/utils";import*as Q from"react";var P={as:"div"};var G=ve({name:"FileUpload.ItemName",defaultProps:P,setup(){let e=l(),t=m();return{fileupload:e,fileuploaditem:t}},render(e){let{props:t,ptmi:r,fileupload:o,fileuploaditem:p}=e,i=Re(o?.fileNameProps,{className:o?.cx("fileName")},o?.ptm("fileName"),r("root"));return Q.createElement(Ce,{instance:e,attrs:i,children:t.children??p?.file?.name})}});import{Component as he,withComponent as ge}from"@primereact/core/component";import{mergeProps as ye}from"@primeuix/utils";import*as a from"react";var U={as:"img"};var L=ge({name:"FileUpload.ItemPreview",defaultProps:U,setup(){let e=l(),t=m();return{fileupload:e,fileuploaditem:t}},render(e){let{props:t,ptmi:r,fileupload:o,fileuploaditem:p}=e,i=p?.file,[s,R]=a.useState(void 0);a.useEffect(()=>{if(!i){R(void 0);return}let q=URL.createObjectURL(i);return R(q),()=>{URL.revokeObjectURL(q)}},[i]);let g=ye(o?.fileThumbnailProps,{className:o?.cx("fileThumbnail"),role:"presentation",src:s,alt:i?.name,width:50},o?.ptm("fileThumbnail"),r("root"));return a.createElement(he,{instance:e,attrs:g,children:t.children})}});import{Component as we,withComponent as Ne}from"@primereact/core/component";import{mergeProps as ze}from"@primeuix/utils";import*as V from"react";var I={as:"div"};var O=Ne({name:"FileUpload.ItemSize",defaultProps:I,setup(){let e=l(),t=m();return{fileupload:e,fileuploaditem:t}},render(e){let{props:t,ptmi:r,fileupload:o,fileuploaditem:p}=e,i=ze(o?.fileSizeProps,{className:o?.cx("fileSize")},o?.ptm("fileSize"),r("root")),s=p?.file?o?.formatSize(p.file.size):void 0;return V.createElement(we,{instance:e,attrs:i,children:t.children??s})}});import{Component as Se,withComponent as Te}from"@primereact/core/component";import{mergeProps as be}from"@primeuix/utils";import*as W from"react";var F={as:"button"};var j=Te({name:"FileUpload.ItemRemove",defaultProps:F,setup(){return{fileuploaditem:m()}},render(e){let{props:t,ptmi:r,fileuploaditem:o}=e,p=o?.fileupload,i=be(p?.fileRemoveProps,{className:p?.cx("fileRemove"),onClick:()=>o?.remove()},p?.ptm("fileRemove"),r("root"));return W.createElement(Se,{instance:e,attrs:i,children:t.children})}});import{Component as Ge,withComponent as Le}from"@primereact/core/component";import{useFileUpload as Oe}from"@primereact/headless/fileupload";import{mergeProps as Y,resolve as je}from"@primeuix/utils";import*as h from"react";import*as X from"@primereact/headless/fileupload";var x={...X.defaultProps,as:"div"};var k=Le({name:"FileUpload.Root",defaultProps:x,setup(e){return Oe(e.inProps)},render(e){let{id:t,props:r,ptmi:o,ptm:p,cx:i,inputProps:s}=e,R=Y({id:t,className:i("root")},o("root")),g=Y(s,{className:i("input")},p("text"));return h.createElement(B,{value:e},h.createElement(Ge,{instance:e,attrs:R},h.createElement("input",{...g}),je(r.children,e)))}});import{Component as ke,withComponent as He}from"@primereact/core/component";import{mergeProps as Ee}from"@primeuix/utils";import*as Z from"react";var C={as:"button"};var H=He({name:"FileUpload.Trigger",defaultProps:C,setup(){return{fileupload:l()}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=Ee(o?.chooseProps,r("root"));return Z.createElement(ke,{instance:e,attrs:p,children:t.children})}});import{Component as qe,withComponent as Ae}from"@primereact/core/component";import{mergeProps as Be}from"@primeuix/utils";import*as _ from"react";var v={as:"button"};var E=Ae({name:"FileUpload.Upload",defaultProps:v,setup(){return{fileupload:l()}},render(e){let{props:t,ptmi:r,fileupload:o}=e,p=Be(o?.uploadProps,r("root"));return _.createElement(qe,{instance:e,attrs:p,children:t.children})}});var ee={};A(ee,{defaultClearProps:()=>n,defaultContentProps:()=>d,defaultItemGroupProps:()=>u,defaultItemInfoProps:()=>c,defaultItemNameProps:()=>P,defaultItemPreviewProps:()=>U,defaultItemProps:()=>f,defaultItemRemoveProps:()=>F,defaultItemSizeProps:()=>I,defaultRootProps:()=>x,defaultTriggerProps:()=>C,defaultUploadProps:()=>v});export{$ as FileUpload,y as FileUploadClear,w as FileUploadContent,S as FileUploadItem,T as FileUploadItemGroup,b as FileUploadItemInfo,G as FileUploadItemName,L as FileUploadItemPreview,N as FileUploadItemProvider,j as FileUploadItemRemove,O as FileUploadItemSize,ee as FileUploadProps,B as FileUploadProvider,k as FileUploadRoot,H as FileUploadTrigger,E as FileUploadUpload,n as defaultClearProps,d as defaultContentProps,u as defaultItemGroupProps,c as defaultItemInfoProps,P as defaultItemNameProps,U as defaultItemPreviewProps,f as defaultItemProps,F as defaultItemRemoveProps,I as defaultItemSizeProps,x as defaultRootProps,C as defaultTriggerProps,v as defaultUploadProps,l as useFileUploadContext,m as useFileUploadItemContext};