primereact 10.2.1 → 10.3.1

package/fieldset/fieldset.js

@@ -187,6 +187,12 @@ this.primereact.fieldset = (function (exports, React, api, componentbase, csstra
         setIdState(utils.UniqueComponentId());
       }
     });
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Enter' || event.code === 'Space') {
+        toggle(event);
+        event.preventDefault();
+      }
+    };
     var createContent = function createContent() {
       var contentProps = utils.mergeProps({
         className: cx('content')
@@ -194,7 +200,6 @@ this.primereact.fieldset = (function (exports, React, api, componentbase, csstra
       var toggleableProps = utils.mergeProps({
         ref: contentRef,
         id: contentId,
-        'aria-hidden': collapsed,
         role: 'region',
         'aria-labelledby': headerId,
         className: cx('toggleableContent')
@@ -232,10 +237,13 @@ this.primereact.fieldset = (function (exports, React, api, componentbase, csstra
       }, ptm('legendTitle'));
       var togglerProps = utils.mergeProps({
         id: headerId,
+        role: 'button',
         'aria-expanded': !collapsed,
         'aria-controls': contentId,
-        href: '#' + contentId,
-        tabIndex: props.toggleable ? null : -1
+        onKeyDown: onKeyDown,
+        onClick: toggle,
+        'aria-label': props.legend,
+        tabIndex: 0
       }, ptm('toggler'));
       if (props.toggleable) {
         var toggleIcon = createToggleIcon();
@@ -247,8 +255,7 @@ this.primereact.fieldset = (function (exports, React, api, componentbase, csstra
     };
     var createLegend = function createLegend() {
       var legendProps = utils.mergeProps({
-        className: cx('legend'),
-        onClick: toggle
+        className: cx('legend')
       }, ptm('legend'));
       if (props.legend != null || props.toggleable) {
         var legendContent = createLegendContent();

package/fieldset/fieldset.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n,l,r,o,a,i,s,c){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return d(e)||f(e,t)||b(e,t)||y()}var h=l.ComponentBase.extend({defaultProps:{__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,collapseIcon:null,transitionOptions:null,expandIcon:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable})},toggleableContent:"p-toggleable-content",togglericon:"p-fieldset-toggler",legendTitle:"p-fieldset-legend-text",legend:"p-fieldset-legend p-unselectable-text",content:"p-fieldset-content",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "}}),E=p.forwardRef((function(e,t){var u=p.useContext(n.PrimeReactContext),d=h.getProps(e,u),f=v(p.useState(d.id),2),m=f[0],b=f[1],y=v(p.useState(d.collapsed),2),E=y[1],x=!!d.toggleable&&(d.onToggle?d.collapsed:y[0]),O=p.useRef(null),P=p.useRef(null),C=m+"_header",j=m+"_content",I=h.setMetaData({props:d,state:{id:m,collapsed:x}}),N=I.ptm,T=I.cx;l.useHandleStyle(h.css.styles,I.isUnstyled,{name:"fieldset"});var S=function(e){d.toggleable&&(x?w(e):_(e),d.onToggle&&d.onToggle({originalEvent:e,value:!x})),e.preventDefault()},w=function(e){d.onToggle||E(!1),d.onExpand&&d.onExpand(e)},_=function(e){d.onToggle||E(!0),d.onCollapse&&d.onCollapse(e)};o.useMountEffect((function(){d.id||b(c.UniqueComponentId())}));var R=function(){if(d.toggleable){var e=c.mergeProps({className:T("togglericon")},N("togglericon"));return c.IconUtils.getJSXIcon(x?d.expandIcon||p.createElement(i.PlusIcon,e):d.collapseIcon||p.createElement(a.MinusIcon,e),e,{props:d})}return null},k=function(){var e=c.mergeProps({className:T("legendTitle")},N("legendTitle")),t=c.mergeProps({id:C,"aria-expanded":!x,"aria-controls":j,href:"#"+j,tabIndex:d.toggleable?null:-1},N("toggler"));if(d.toggleable){var n=R();return p.createElement("a",t,n,p.createElement("span",e,d.legend),p.createElement(s.Ripple,null))}return p.createElement("span",g({},e,{id:C}),d.legend)};p.useImperativeHandle(t,(function(){return{props:d,getElement:function(){return O.current},getContent:function(){return P.current}}}));var A,M,U,D=c.mergeProps({id:m,ref:O,style:d.style,className:c.classNames(d.className,T("root")),onClick:d.onClick},h.getOtherProps(d),N("root")),F=function(){var e=c.mergeProps({className:T("legend"),onClick:S},N("legend"));if(null!=d.legend||d.toggleable){var t=k();return p.createElement("legend",e,t)}}(),H=(A=c.mergeProps({className:T("content")},N("content")),M=c.mergeProps({ref:P,id:j,"aria-hidden":x,role:"region","aria-labelledby":C,className:T("toggleableContent")},N("toggleableContent")),U=c.mergeProps({classNames:T("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:d.transitionOptions},N("transition")),p.createElement(r.CSSTransition,g({nodeRef:P},U),p.createElement("div",M,p.createElement("div",A,d.children))));return p.createElement("fieldset",D,F,H)}));return E.displayName="Fieldset",e.Fieldset=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n,l,r,o,a,i,s,c){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},g.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw r}}return i}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return d(e)||f(e,t)||b(e,t)||y()}var h=l.ComponentBase.extend({defaultProps:{__TYPE:"Fieldset",id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,collapseIcon:null,transitionOptions:null,expandIcon:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-fieldset p-component",{"p-fieldset-toggleable":e.props.toggleable})},toggleableContent:"p-toggleable-content",togglericon:"p-fieldset-toggler",legendTitle:"p-fieldset-legend-text",legend:"p-fieldset-legend p-unselectable-text",content:"p-fieldset-content",transition:"p-toggleable-content"},styles:"\n        @layer primereact {\n            .p-fieldset-legend > a,\n            .p-fieldset-legend > span {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n            }\n            \n            .p-fieldset-toggleable .p-fieldset-legend a {\n                cursor: pointer;\n                user-select: none;\n                overflow: hidden;\n                position: relative;\n                text-decoration: none;\n            }\n            \n            .p-fieldset-legend-text {\n                line-height: 1;\n            }\n        }\n        "}}),E=p.forwardRef((function(e,t){var u=p.useContext(n.PrimeReactContext),d=h.getProps(e,u),f=v(p.useState(d.id),2),m=f[0],b=f[1],y=v(p.useState(d.collapsed),2),E=y[1],x=!!d.toggleable&&(d.onToggle?d.collapsed:y[0]),O=p.useRef(null),P=p.useRef(null),C=m+"_header",j=m+"_content",I=h.setMetaData({props:d,state:{id:m,collapsed:x}}),N=I.ptm,S=I.cx;l.useHandleStyle(h.css.styles,I.isUnstyled,{name:"fieldset"});var T=function(e){d.toggleable&&(x?w(e):_(e),d.onToggle&&d.onToggle({originalEvent:e,value:!x})),e.preventDefault()},w=function(e){d.onToggle||E(!1),d.onExpand&&d.onExpand(e)},_=function(e){d.onToggle||E(!0),d.onCollapse&&d.onCollapse(e)};o.useMountEffect((function(){d.id||b(c.UniqueComponentId())}));var R=function(e){"Enter"!==e.code&&"Space"!==e.code||(T(e),e.preventDefault())},k=function(){if(d.toggleable){var e=c.mergeProps({className:S("togglericon")},N("togglericon"));return c.IconUtils.getJSXIcon(x?d.expandIcon||p.createElement(i.PlusIcon,e):d.collapseIcon||p.createElement(a.MinusIcon,e),e,{props:d})}return null},A=function(){var e=c.mergeProps({className:S("legendTitle")},N("legendTitle")),t=c.mergeProps({id:C,role:"button","aria-expanded":!x,"aria-controls":j,onKeyDown:R,onClick:T,"aria-label":d.legend,tabIndex:0},N("toggler"));if(d.toggleable){var n=k();return p.createElement("a",t,n,p.createElement("span",e,d.legend),p.createElement(s.Ripple,null))}return p.createElement("span",g({},e,{id:C}),d.legend)};p.useImperativeHandle(t,(function(){return{props:d,getElement:function(){return O.current},getContent:function(){return P.current}}}));var M,D,U,F=c.mergeProps({id:m,ref:O,style:d.style,className:c.classNames(d.className,S("root")),onClick:d.onClick},h.getOtherProps(d),N("root")),H=function(){var e=c.mergeProps({className:S("legend")},N("legend"));if(null!=d.legend||d.toggleable){var t=A();return p.createElement("legend",e,t)}}(),q=(M=c.mergeProps({className:S("content")},N("content")),D=c.mergeProps({ref:P,id:j,role:"region","aria-labelledby":C,className:S("toggleableContent")},N("toggleableContent")),U=c.mergeProps({classNames:S("transition"),timeout:{enter:1e3,exit:450},in:!x,unmountOnExit:!0,options:d.transitionOptions},N("transition")),p.createElement(r.CSSTransition,g({nodeRef:P},U),p.createElement("div",D,p.createElement("div",M,d.children))));return p.createElement("fieldset",F,H,q)}));return E.displayName="Fieldset",e.Fieldset=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.minus,primereact.icons.plus,primereact.ripple,primereact.utils);

package/fileupload/fileupload.cjs.js

@@ -623,8 +623,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     setFocusedState(false);
   };
   var _onKeyDown = function onKeyDown(event) {
-    if (event.which === 13) {
-      // enter
+    if (event.code === 'Enter') {
       choose();
     }
   };
@@ -726,7 +725,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var chooseIconProps = utils.mergeProps({
       className: cx('chooseIcon', {
         iconOnly: iconOnly
-      })
+      }),
+      'aria-hidden': 'true'
     }, ptm('chooseIcon'));
     var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
     var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
@@ -846,7 +846,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var createProgressBarContent = function createProgressBarContent() {
     if (props.progressBarTemplate) {
-      return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, props);
+      var defaultProgressBarTemplateOptions = {
+        progress: progressState,
+        props: props
+      };
+      return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
     }
     return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
       value: progressState,
@@ -869,7 +873,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var uploadIconProps = utils.mergeProps({
         className: cx('uploadIcon', {
           iconOnly: uploadOptions.iconOnly
-        })
+        }),
+        'aria-hidden': 'true'
       }, ptm('uploadIcon'));
       var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
         props: props
@@ -877,7 +882,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var cancelIconProps = utils.mergeProps({
         className: cx('cancelIcon', {
           iconOnly: cancelOptions.iconOnly
-        })
+        }),
+        'aria-hidden': 'true'
       }, ptm('cancelIcon'));
       var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
         props: props
@@ -885,6 +891,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
         label: uploadLabel,
+        "aria-hidden": "true",
         icon: uploadIcon,
         onClick: upload$1,
         disabled: uploadDisabled,
@@ -898,6 +905,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
         label: cancelLabel,
+        "aria-hidden": "true",
         icon: cancelIcon,
         onClick: clear,
         disabled: cancelDisabled,

package/fileupload/fileupload.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),o=require("primereact/button"),a=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,o){var a=d.useContext(t.PrimeReactContext),l=U.getProps(e,a),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function z(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){ae();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(e,t){ae();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var a=n[o];!se(a)&&ce(a)&&(ne(a)&&(a.objectURL=window.URL.createObjectURL(a)),t.push(a))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),ae(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,o=M(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(f.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),v((function(t){return[].concat(P(t),P(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),ae()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){13===e.which&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ue=function(e,t,n){var a=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(o.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:a,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,n)};return"advanced"===f.mode?function(){var e,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F,M=(n=(e=f.chooseOptions).className,p=e.style,m=e.icon,b=e.iconOnly,y=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),v=b?d.createElement("span",g({},y,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",y,$),h=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=r.mergeProps({className:A("chooseIcon",{iconOnly:b})},k("chooseIcon")),P=r.IconUtils.getJSXIcon(m||d.createElement(a.PlusIcon,S),_({},S),{props:f}),w=r.mergeProps({className:r.classNames(n,A("chooseButton",{iconOnly:b,disabled:Y,className:n,focusedState:U})),style:p,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",w,E,P,v,d.createElement(u.Ripple,null))),z=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var R=f.uploadOptions,V=f.cancelOptions,ne=R.iconOnly?"":G,re=V.iconOnly?"":Q,oe=r.mergeProps({className:A("uploadIcon",{iconOnly:R.iconOnly})},k("uploadIcon")),ae=r.IconUtils.getJSXIcon(R.icon||d.createElement(i.UploadIcon,oe),_({},oe),{props:f}),le=r.mergeProps({className:A("cancelIcon",{iconOnly:V.iconOnly})},k("cancelIcon")),se=r.IconUtils.getJSXIcon(V.icon||d.createElement(l.TimesIcon,le),_({},le),{props:f});j=d.createElement(o.Button,{type:"button",label:ne,icon:ae,onClick:ue,disabled:ee,style:R.style,className:R.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),I=d.createElement(o.Button,{type:"button",label:re,icon:se,onClick:pe,disabled:te,style:V.style,className:V.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(T={severity:"warning",value:t.localeOption("pending")||"Pending"},F=O.map((function(e,t){return Ue(e,t,T)})),B=d.createElement("div",null,F),C=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,f):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(x=xe());var ce=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,M,j,I);if(f.headerTemplate){var ve={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:M,uploadButton:j,cancelButton:I,element:ge,props:f};ge=r.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),Oe=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?B:null,W?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(a.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/utils"),a=require("primereact/button"),o=require("primereact/icons/plus"),l=require("primereact/icons/times"),i=require("primereact/icons/upload"),s=require("primereact/messages"),c=require("primereact/progressbar"),u=require("primereact/ripple");function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=p(e);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function f(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return h(e)||O(e)||E(e)||S()}function w(e){throw new TypeError('"'+e+'" is read-only')}function N(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],s=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,t){return N(e)||j(e,t)||E(e,t)||I()}var U=n.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",y({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=d.memo(d.forwardRef((function(e,a){var o=d.useContext(t.PrimeReactContext),l=U.getProps(e,o),i=U.setMetaData(C({props:l},l.__parentMetadata)),s=i.ptm,c=i.cx;n.useHandleStyle(U.css.styles,i.isUnstyled,{name:"badge"});var u=d.useRef(null);d.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return u.current}}}));var p=r.mergeProps({ref:u,style:l.style,className:r.classNames(l.className,c("root"))},U.getOtherProps(l),s("root"));return d.createElement("span",p,l.value)})));T.displayName="Badge";var D=n.ComponentBase.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,a=function(){};return{s:a,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw o}}}}function z(e,t){if(e){if("string"==typeof e)return L(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?L(e,t):void 0}}function L(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var R=d.memo(d.forwardRef((function(e,p){var m=d.useContext(t.PrimeReactContext),f=D.getProps(e,m),b=B(d.useState([]),2),y=b[0],v=b[1],h=B(d.useState([]),2),O=h[0],E=h[1],S=B(d.useState(0),2),N=S[0],j=S[1],I=B(d.useState(!1),2),U=I[0],x=I[1],C=B(d.useState(!1),2),F=C[0],z=C[1],L={props:f,state:{progress:N,uploading:F,uploadedFiles:y,files:O,focused:U}},R=D.setMetaData(L),k=R.ptm,A=R.cx,H=R.isUnstyled;n.useHandleStyle(D.css.styles,H,{name:"fileupload"});var q=d.useRef(null),X=d.useRef(null),J=d.useRef(null),V=d.useRef(0),K=r.ObjectUtils.isNotEmpty(O),W=r.ObjectUtils.isNotEmpty(y),Y=f.disabled||F,$=f.chooseLabel||f.chooseOptions.label||t.localeOption("choose"),G=f.uploadLabel||f.uploadOptions.label||t.localeOption("upload"),Q=f.cancelLabel||f.cancelOptions.label||t.localeOption("cancel"),Z=Y||f.fileLimit&&f.fileLimit<=O.length+V,ee=Y||!K,te=Y||!K,ne=function(e){return/^image\//.test(e.type)},re=function(e,t){oe();var n=P(O),r=O[t];n.splice(t,1),E(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},ae=function(e,t){oe();var n=P(y),r=O[t];n.splice(t,1),v(n),f.onRemove&&f.onRemove({originalEvent:e,file:r})},oe=function(){q.current&&(q.current.value="")},le=function(e){var n=t.localeOption("fileSizeTypes");if(0===e)return"0 ".concat(n[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),a=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(a," ").concat(n[r])},ie=function(e){if(!f.onBeforeSelect||!1!==f.onBeforeSelect({originalEvent:e,files:O})){var t=[];f.multiple&&(t=O?P(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,a=0;a<n.length;a++){var o=n[a];!se(o)&&ce(o)&&(ne(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}E(t),r.ObjectUtils.isNotEmpty(t)&&f.auto&&ue(t),f.onSelect&&f.onSelect({originalEvent:e,files:t}),oe(),"basic"===f.mode&&t.length>0&&(q.current.style.display="none")}},se=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ce=function(e){if(f.maxFileSize&&e.size>f.maxFileSize){var t={severity:"error",summary:f.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:f.invalidFileSizeMessageDetail.replace("{0}",le(f.maxFileSize)),sticky:!0};return"advanced"===f.mode&&X.current.show(t),f.onValidationFail&&f.onValidationFail(e),!1}return!0},ue=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),f.customUpload)f.fileLimit&&w("uploadedFileCount"),f.uploadHandler&&f.uploadHandler({files:e,options:{clear:pe,props:f}});else{z(!0);var t=new XMLHttpRequest,n=new FormData;f.onBeforeUpload&&f.onBeforeUpload({xhr:t,formData:n});var r,a=M(e);try{for(a.s();!(r=a.n()).done;){var o=r.value;n.append(f.name,o,o.name)}}catch(e){a.e(e)}finally{a.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),f.onProgress&&f.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),z(!1),t.status>=200&&t.status<300?(f.fileLimit&&w("uploadedFileCount"),f.onUpload&&f.onUpload({xhr:t,files:e})):f.onError&&f.onError({xhr:t,files:e}),pe(),v((function(t){return[].concat(P(t),P(e))})))},t.open("POST",f.url,!0),f.onBeforeSend&&f.onBeforeSend({xhr:t,formData:n}),t.withCredentials=f.withCredentials,t.send(n)}},pe=function(){E([]),v([]),z(!1),f.onClear&&f.onClear(),oe()},de=function(){q.current.click()},me=function(){x(!0)},fe=function(){x(!1)},be=function(e){"Enter"===e.code&&de()},ye=function(e){if(!f.disabled&&(!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!f.onBeforeDrop||!1!==f.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(f.multiple||r.ObjectUtils.isEmpty(O)&&t&&1===t.length)&&ie(e)}},ge=function(){!Y&&K?ue():q.current.click()};d.useImperativeHandle(p,(function(){return{props:f,upload:ue,clear:pe,formatSize:le,onFileSelect:ie,getInput:function(){return q.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return E(e||[])},getUploadedFiles:function(){return y},setUploadedFiles:function(e){return v(e||[])}}}));var ve,he,Oe,Ee,Se,Pe,we,Ne,je,Ie,Be=function(e,t,n){"warning"===t.severity?re(e,n):ae(e,n)},Ue=function(e,t,n){var o=e.name+e.type+e.size,i=r.mergeProps({role:"presentation",className:A("thumbnail"),src:e.objectURL,width:f.previewWidth},k("thumbnail")),s=ne(e)?d.createElement("img",g({},i,{alt:e.name})):null,c=r.mergeProps(k("details")),u=r.mergeProps(k("fileSize")),p=r.mergeProps({className:A("fileName")},k("fileName")),m=r.mergeProps(k("actions")),b=d.createElement("div",p,e.name),y=d.createElement("div",u,le(e.size)),v=d.createElement("div",c,d.createElement("div",p," ",e.name),d.createElement("span",u,le(e.size)),d.createElement(T,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:k("badge"),__parentMetadata:{parent:L}})),h=d.createElement("div",m,d.createElement(a.Button,{type:"button",icon:f.removeIcon||d.createElement(l.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Be(e,n,t)},disabled:Y,pt:k("removeButton"),__parentMetadata:{parent:L}})),O=d.createElement(d.Fragment,null,s,v,h);if(f.itemTemplate){var E={onRemove:function(e){return re(e,t)},previewElement:s,fileNameElement:b,sizeElement:y,removeElement:h,formatSize:le(e.size),element:O,index:t,props:f};O=r.ObjectUtils.getJSXElement(f.itemTemplate,e,E)}var S=r.mergeProps({key:o,className:A("file")},k("file"));return d.createElement("div",S,O)},xe=function(){var e={severity:"success",value:t.localeOption("completed")||"Completed"},n=y&&y.map((function(t,n){return Ue(t,n,e)}));return d.createElement("div",null,n)};return"advanced"===f.mode?function(){var e,n,p,m,b,y,v,h,E,S,P,w,j,I,B,x,C,T,F,M=(n=(e=f.chooseOptions).className,p=e.style,m=e.icon,b=e.iconOnly,y=r.mergeProps({className:A("chooseButtonLabel")},k("chooseButtonLabel")),v=b?d.createElement("span",g({},y,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",y,$),h=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Z},k("input")),E=d.createElement("input",h),S=r.mergeProps({className:A("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},k("chooseIcon")),P=r.IconUtils.getJSXIcon(m||d.createElement(o.PlusIcon,S),_({},S),{props:f}),w=r.mergeProps({className:r.classNames(n,A("chooseButton",{iconOnly:b,disabled:Y,className:n,focusedState:U})),style:p,onClick:de,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe,tabIndex:0,"data-p-disabled":Y,"data-p-focus":U},k("chooseButton")),d.createElement("span",w,E,P,v,d.createElement(u.Ripple,null))),z=!f.emptyTemplate||K||W?null:r.ObjectUtils.getJSXElement(f.emptyTemplate,f);if(!f.auto){var R=f.uploadOptions,V=f.cancelOptions,ne=R.iconOnly?"":G,re=V.iconOnly?"":Q,ae=r.mergeProps({className:A("uploadIcon",{iconOnly:R.iconOnly}),"aria-hidden":"true"},k("uploadIcon")),oe=r.IconUtils.getJSXIcon(R.icon||d.createElement(i.UploadIcon,ae),_({},ae),{props:f}),le=r.mergeProps({className:A("cancelIcon",{iconOnly:V.iconOnly}),"aria-hidden":"true"},k("cancelIcon")),se=r.IconUtils.getJSXIcon(V.icon||d.createElement(l.TimesIcon,le),_({},le),{props:f});j=d.createElement(a.Button,{type:"button",label:ne,"aria-hidden":"true",icon:oe,onClick:ue,disabled:ee,style:R.style,className:R.className,pt:k("uploadButton"),__parentMetadata:{parent:L}}),I=d.createElement(a.Button,{type:"button",label:re,"aria-hidden":"true",icon:se,onClick:pe,disabled:te,style:V.style,className:V.className,pt:k("cancelButton"),__parentMetadata:{parent:L}})}K&&(T={severity:"warning",value:t.localeOption("pending")||"Pending"},F=O.map((function(e,t){return Ue(e,t,T)})),B=d.createElement("div",null,F),C=f.progressBarTemplate?r.ObjectUtils.getJSXElement(f.progressBarTemplate,{progress:N,props:f}):d.createElement(c.ProgressBar,{value:N,showValue:!1,pt:k("progressbar"),__parentMetadata:{parent:L}})),W&&(x=xe());var ce=r.mergeProps({className:r.classNames(f.headerClassName,A("buttonbar")),style:f.headerStyle},k("buttonbar")),ge=d.createElement("div",ce,M,j,I);if(f.headerTemplate){var ve={className:r.classNames("p-fileupload-buttonbar",f.headerClassName),chooseButton:M,uploadButton:j,cancelButton:I,element:ge,props:f};ge=r.ObjectUtils.getJSXElement(f.headerTemplate,ve)}var he=r.mergeProps({id:f.id,className:A("root"),style:f.style},D.getOtherProps(f),k("root")),Oe=r.mergeProps({ref:J,className:r.classNames(f.contentClassName,A("content")),style:f.contentStyle,onDragEnter:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.addClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(Y||(t.dataTransfer.dropEffect="copy",!H()&&r.DomHandler.removeClass(J.current,"p-fileupload-highlight"),J.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return ye(e)},"data-p-highlight":!1},k("content"));return d.createElement("div",he,ge,d.createElement("div",Oe,C,d.createElement(s.Messages,{ref:X,__parentMetadata:{parent:L}}),K?B:null,W?x:null,z))}():"basic"===f.mode?(ve=f.chooseOptions,he=r.mergeProps({className:A("label")},k("label")),Oe=ve.iconOnly?d.createElement("span",g({},he,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):d.createElement("span",he,$),Ee=f.auto?Oe:d.createElement("span",he,K?O[0].name:Oe),Se=r.mergeProps({className:A("chooseIcon",{iconOnly:ve.iconOnly})},k("chooseIcon")),Pe=r.IconUtils.getJSXIcon(ve.icon?ve.icon:ve.icon||K&&!f.auto?!ve.icon&&K&&!f.auto&&d.createElement(i.UploadIcon,Se):d.createElement(o.PlusIcon,Se),_({},Se),{props:f,hasFiles:K}),we=r.mergeProps({ref:q,type:"file",onChange:function(e){return ie(e)},multiple:f.multiple,accept:f.accept,disabled:Y},k("input")),Ne=!K&&d.createElement("input",we),je=r.mergeProps({className:r.classNames(f.className,A("root")),style:f.style},D.getOtherProps(f),k("root")),Ie=r.mergeProps({className:r.classNames(ve.className,A("basicButton",{hasFiles:K,disabled:Y,focusedState:U})),style:ve.style,tabIndex:0,onClick:ge,onKeyDown:function(e){return be(e)},onFocus:me,onBlur:fe},D.getOtherProps(f),k("basicButton")),d.createElement("div",je,d.createElement(s.Messages,{ref:X,pt:k("message"),__parentMetadata:{parent:L}}),d.createElement("span",Ie,Pe,Ee,Ne,d.createElement(u.Ripple,null)))):void 0})));R.displayName="FileUpload",exports.FileUpload=R;

package/fileupload/fileupload.d.ts

@@ -218,6 +218,22 @@ interface FileUploadHeaderTemplateOptions {
     props: FileUploadProps;
 }
 
+/**
+ * Custom file upload progressbar template options
+ */
+interface FileUploadProgressBarTemplateOptions {
+    /**
+     * Current progress state as a number.
+     * @defaultValue 0
+     */
+    progress: number;
+    /**
+     * The props passed to the component.
+     * @type {FileUploadProps}
+     */
+    props: FileUploadProps;
+}
+
 /**
  * Custom item template options
  */
@@ -532,7 +548,7 @@ interface FileUploadProps {
     /**
      * Custom template of progressBar content in the container.
      */
-    progressBarTemplate?: React.ReactNode | ((props: FileUploadProps) => React.ReactNode);
+    progressBarTemplate?: React.ReactNode | ((options: FileUploadProgressBarTemplateOptions) => React.ReactNode);
     /**
      * Callback to invoke before file upload begins to customize the request such as post parameters before the files.
      * @param {FileUploadBeforeUploadEvent} event - Custom beforeUpload.

package/fileupload/fileupload.esm.js

@@ -599,8 +599,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     setFocusedState(false);
   };
   var _onKeyDown = function onKeyDown(event) {
-    if (event.which === 13) {
-      // enter
+    if (event.code === 'Enter') {
       choose();
     }
   };
@@ -702,7 +701,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var chooseIconProps = mergeProps({
       className: cx('chooseIcon', {
         iconOnly: iconOnly
-      })
+      }),
+      'aria-hidden': 'true'
     }, ptm('chooseIcon'));
     var icon = _icon || /*#__PURE__*/React.createElement(PlusIcon, chooseIconProps);
     var chooseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
@@ -822,7 +822,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var createProgressBarContent = function createProgressBarContent() {
     if (props.progressBarTemplate) {
-      return ObjectUtils.getJSXElement(props.progressBarTemplate, props);
+      var defaultProgressBarTemplateOptions = {
+        progress: progressState,
+        props: props
+      };
+      return ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
     }
     return /*#__PURE__*/React.createElement(ProgressBar, {
       value: progressState,
@@ -845,7 +849,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var uploadIconProps = mergeProps({
         className: cx('uploadIcon', {
           iconOnly: uploadOptions.iconOnly
-        })
+        }),
+        'aria-hidden': 'true'
       }, ptm('uploadIcon'));
       var uploadIcon = IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React.createElement(UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
         props: props
@@ -853,7 +858,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var cancelIconProps = mergeProps({
         className: cx('cancelIcon', {
           iconOnly: cancelOptions.iconOnly
-        })
+        }),
+        'aria-hidden': 'true'
       }, ptm('cancelIcon'));
       var cancelIcon = IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React.createElement(TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
         props: props
@@ -861,6 +867,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       uploadButton = /*#__PURE__*/React.createElement(Button, {
         type: "button",
         label: uploadLabel,
+        "aria-hidden": "true",
         icon: uploadIcon,
         onClick: upload,
         disabled: uploadDisabled,
@@ -874,6 +881,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       cancelButton = /*#__PURE__*/React.createElement(Button, {
         type: "button",
         label: cancelLabel,
+        "aria-hidden": "true",
         icon: cancelIcon,
         onClick: clear,
         disabled: cancelDisabled,

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as d}from"primereact/icons/times";import{UploadIcon as f}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function O(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},E.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e){return w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",O({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return d.current}}}));var f=i({ref:d,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",f,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),O=T(e.useState([]),2),S=O[0],w=O[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},de=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!fe(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},fe=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),ye(),w((function(t){return[].concat(B(t),B(e))})))},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Oe=function(e){13===e.which&&ve()},Ee=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&de(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:de,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",E({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),f=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",f,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",f," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),O=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:O,index:n,props:h};O=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,O)},ze=function(){var t={severity:"success",value:n("completed")||"Completed"},r=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===h.mode?function(){var t,r,o,v,g,O,S,w,N,P,B,x,I,F,T,D,z,M,U,A=(r=(t=h.chooseOptions).className,o=t.style,v=t.icon,g=t.iconOnly,O=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),S=g?e.createElement("span",E({},O,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",O,te),w=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),N=e.createElement("input",w),P=i({className:K("chooseIcon",{iconOnly:g})},V("chooseIcon")),B=c.getJSXIcon(v||e.createElement(p,P),k({},P),{props:h}),x=i({className:a(r,K("chooseButton",{iconOnly:g,disabled:ee,className:r,focusedState:_})),style:o,onClick:ve,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var X=h.uploadOptions,J=h.cancelOptions,G=X.iconOnly?"":ne,ie=J.iconOnly?"":re,ce=i({className:K("uploadIcon",{iconOnly:X.iconOnly})},V("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:h}),se=i({className:K("cancelIcon",{iconOnly:J.iconOnly})},V("cancelIcon")),pe=c.getJSXIcon(J.icon||e.createElement(d,se),k({},se),{props:h});I=e.createElement(s,{type:"button",label:G,icon:ue,onClick:be,disabled:ae,style:X.style,className:X.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),F=e.createElement(s,{type:"button",label:ie,icon:pe,onClick:ye,disabled:le,style:J.style,className:J.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(M={severity:"warning",value:n("pending")||"Pending"},U=j.map((function(e,t){return _e(e,t,M)})),T=e.createElement("div",null,U),z=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,h):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(D=ze());var fe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),me=e.createElement("div",fe,A,I,F);if(h.headerTemplate){var Se={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:A,uploadButton:I,cancelButton:F,element:me,props:h};me=l.getJSXElement(h.headerTemplate,Se)}var we=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),Ne=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Ee(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",we,me,e.createElement("div",Ne,z,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?T:null,Z?D:null,R))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",E({},Ne,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(f,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Oe(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};
+import*as e from"react";import{PrimeReactContext as t,localeOption as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as o}from"primereact/componentbase";import{classNames as a,ObjectUtils as l,mergeProps as i,IconUtils as c,DomHandler as u}from"primereact/utils";import{Button as s}from"primereact/button";import{PlusIcon as p}from"primereact/icons/plus";import{TimesIcon as d}from"primereact/icons/times";import{UploadIcon as f}from"primereact/icons/upload";import{Messages as m}from"primereact/messages";import{ProgressBar as b}from"primereact/progressbar";import{Ripple as y}from"primereact/ripple";function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function g(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=g(e,"string");return"symbol"===v(t)?t:String(t)}function E(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},O.apply(this,arguments)}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){if(Array.isArray(e))return S(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function j(e,t){if(e){if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?S(e,t):void 0}}function P(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e){return w(e)||N(e)||j(e)||P()}function x(e){throw new TypeError('"'+e+'" is read-only')}function I(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}function F(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,t){return I(e)||C(e,t)||j(e,t)||F()}var D=r.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a("p-badge p-component",E({"p-badge-no-gutter":l.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":l.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var M=e.memo(e.forwardRef((function(n,r){var l=e.useContext(t),c=D.getProps(n,l),u=D.setMetaData(z({props:c},c.__parentMetadata)),s=u.ptm,p=u.cx;o(D.css.styles,u.isUnstyled,{name:"badge"});var d=e.useRef(null);e.useImperativeHandle(r,(function(){return{props:c,getElement:function(){return d.current}}}));var f=i({ref:d,style:c.style,className:a(c.className,p("root"))},D.getOtherProps(c),s("root"));return e.createElement("span",f,c.value)})));M.displayName="Badge";var L=r.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},css:{classes:{root:function(e){return a("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return a("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return a("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return a("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n    .p-fileupload-content {\n        position: relative;\n    }\n    \n    .p-fileupload-row {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-fileupload-row > div {\n        flex: 1 1 auto;\n        width: 25%;\n    }\n    \n    .p-fileupload-row > div:last-child {\n        text-align: right;\n    }\n    \n    .p-fileupload-content > .p-progressbar {\n        width: 100%;\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n    \n    .p-button.p-fileupload-choose {\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fileupload-buttonbar {\n        display: flex;\n        flex-wrap: wrap;\n    }\n    \n    .p-button.p-fileupload-choose input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n        display: none;\n    }\n    \n    .p-fileupload-filename {\n        word-break: break-all;\n    }\n    \n    .p-fileupload-file-thumbnail {\n        flex-shrink: 0;\n    }\n    \n    .p-fileupload-file-badge {\n        margin: 0.5rem;\n    }\n    \n    .p-fluid .p-fileupload .p-button {\n        width: auto;\n    }\n}\n"}});function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,l=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){i=!0,a=e},f:function(){try{l||null==n.return||n.return()}finally{if(i)throw a}}}}function R(e,t){if(e){if("string"==typeof e)return X(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?X(e,t):void 0}}function X(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var H=e.memo(e.forwardRef((function(r,v){var g=e.useContext(t),h=L.getProps(r,g),E=T(e.useState([]),2),S=E[0],w=E[1],N=T(e.useState([]),2),j=N[0],P=N[1],I=T(e.useState(0),2),C=I[0],F=I[1],D=T(e.useState(!1),2),_=D[0],z=D[1],U=T(e.useState(!1),2),R=U[0],X=U[1],H={props:h,state:{progress:C,uploading:R,uploadedFiles:S,files:j,focused:_}},J=L.setMetaData(H),V=J.ptm,K=J.cx,W=J.isUnstyled;o(L.css.styles,W,{name:"fileupload"});var Y=e.useRef(null),$=e.useRef(null),q=e.useRef(null),G=e.useRef(0),Q=l.isNotEmpty(j),Z=l.isNotEmpty(S),ee=h.disabled||R,te=h.chooseLabel||h.chooseOptions.label||n("choose"),ne=h.uploadLabel||h.uploadOptions.label||n("upload"),re=h.cancelLabel||h.cancelOptions.label||n("cancel"),oe=ee||h.fileLimit&&h.fileLimit<=j.length+G,ae=ee||!Q,le=ee||!Q,ie=function(e){return/^image\//.test(e.type)},ce=function(e,t){se();var n=B(j),r=j[t];n.splice(t,1),P(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},ue=function(e,t){se();var n=B(S),r=j[t];n.splice(t,1),w(n),h.onRemove&&h.onRemove({originalEvent:e,file:r})},se=function(){Y.current&&(Y.current.value="")},pe=function(e){var t=n("fileSizeTypes");if(0===e)return"0 ".concat(t[0]);var r=Math.floor(Math.log(e)/Math.log(1024)),o=parseFloat((e/Math.pow(1024,r)).toFixed(3));return"".concat(o," ").concat(t[r])},de=function(e){if(!h.onBeforeSelect||!1!==h.onBeforeSelect({originalEvent:e,files:j})){var t=[];h.multiple&&(t=j?B(j):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var o=n[r];!fe(o)&&me(o)&&(ie(o)&&(o.objectURL=window.URL.createObjectURL(o)),t.push(o))}P(t),l.isNotEmpty(t)&&h.auto&&be(t),h.onSelect&&h.onSelect({originalEvent:e,files:t}),se(),"basic"===h.mode&&t.length>0&&(Y.current.style.display="none")}},fe=function(e){return j.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},me=function(e){if(h.maxFileSize&&e.size>h.maxFileSize){var t={severity:"error",summary:h.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:h.invalidFileSizeMessageDetail.replace("{0}",pe(h.maxFileSize)),sticky:!0};return"advanced"===h.mode&&$.current.show(t),h.onValidationFail&&h.onValidationFail(e),!1}return!0},be=function(e){if((e=e||j)&&e.nativeEvent&&(e=j),h.customUpload)h.fileLimit&&x("uploadedFileCount"),h.uploadHandler&&h.uploadHandler({files:e,options:{clear:ye,props:h}});else{X(!0);var t=new XMLHttpRequest,n=new FormData;h.onBeforeUpload&&h.onBeforeUpload({xhr:t,formData:n});var r,o=A(e);try{for(o.s();!(r=o.n()).done;){var a=r.value;n.append(h.name,a,a.name)}}catch(e){o.e(e)}finally{o.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),h.onProgress&&h.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),X(!1),t.status>=200&&t.status<300?(h.fileLimit&&x("uploadedFileCount"),h.onUpload&&h.onUpload({xhr:t,files:e})):h.onError&&h.onError({xhr:t,files:e}),ye(),w((function(t){return[].concat(B(t),B(e))})))},t.open("POST",h.url,!0),h.onBeforeSend&&h.onBeforeSend({xhr:t,formData:n}),t.withCredentials=h.withCredentials,t.send(n)}},ye=function(){P([]),w([]),X(!1),h.onClear&&h.onClear(),se()},ve=function(){Y.current.click()},ge=function(){z(!0)},he=function(){z(!1)},Ee=function(e){"Enter"===e.code&&ve()},Oe=function(e){if(!h.disabled&&(!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!h.onBeforeDrop||!1!==h.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(h.multiple||l.isEmpty(j)&&t&&1===t.length)&&de(e)}},Se=function(){!ee&&Q?be():Y.current.click()};e.useImperativeHandle(v,(function(){return{props:h,upload:be,clear:ye,formatSize:pe,onFileSelect:de,getInput:function(){return Y.current},getContent:function(){return q.current},getFiles:function(){return j},setFiles:function(e){return P(e||[])},getUploadedFiles:function(){return S},setUploadedFiles:function(e){return w(e||[])}}}));var we,Ne,je,Pe,Be,xe,Ie,Ce,Fe,Te,De=function(e,t,n){"warning"===t.severity?ce(e,n):ue(e,n)},_e=function(t,n,r){var o=t.name+t.type+t.size,a=i({role:"presentation",className:K("thumbnail"),src:t.objectURL,width:h.previewWidth},V("thumbnail")),c=ie(t)?e.createElement("img",O({},a,{alt:t.name})):null,u=i(V("details")),p=i(V("fileSize")),f=i({className:K("fileName")},V("fileName")),m=i(V("actions")),b=e.createElement("div",f,t.name),y=e.createElement("div",p,pe(t.size)),v=e.createElement("div",u,e.createElement("div",f," ",t.name),e.createElement("span",p,pe(t.size)),e.createElement(M,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity,pt:V("badge"),__parentMetadata:{parent:H}})),g=e.createElement("div",m,e.createElement(s,{type:"button",icon:h.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return De(e,r,n)},disabled:ee,pt:V("removeButton"),__parentMetadata:{parent:H}})),E=e.createElement(e.Fragment,null,c,v,g);if(h.itemTemplate){var S={onRemove:function(e){return ce(e,n)},previewElement:c,fileNameElement:b,sizeElement:y,removeElement:g,formatSize:pe(t.size),element:E,index:n,props:h};E=l.getJSXElement(h.itemTemplate,t,S)}var w=i({key:o,className:K("file")},V("file"));return e.createElement("div",w,E)},ze=function(){var t={severity:"success",value:n("completed")||"Completed"},r=S&&S.map((function(e,n){return _e(e,n,t)}));return e.createElement("div",null,r)};return"advanced"===h.mode?function(){var t,r,o,v,g,E,S,w,N,P,B,x,I,F,T,D,z,M,U,A=(r=(t=h.chooseOptions).className,o=t.style,v=t.icon,g=t.iconOnly,E=i({className:K("chooseButtonLabel")},V("chooseButtonLabel")),S=g?e.createElement("span",O({},E,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",E,te),w=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:oe},V("input")),N=e.createElement("input",w),P=i({className:K("chooseIcon",{iconOnly:g}),"aria-hidden":"true"},V("chooseIcon")),B=c.getJSXIcon(v||e.createElement(p,P),k({},P),{props:h}),x=i({className:a(r,K("chooseButton",{iconOnly:g,disabled:ee,className:r,focusedState:_})),style:o,onClick:ve,onKeyDown:function(e){return Ee(e)},onFocus:ge,onBlur:he,tabIndex:0,"data-p-disabled":ee,"data-p-focus":_},V("chooseButton")),e.createElement("span",x,N,B,S,e.createElement(y,null))),R=!h.emptyTemplate||Q||Z?null:l.getJSXElement(h.emptyTemplate,h);if(!h.auto){var X=h.uploadOptions,J=h.cancelOptions,G=X.iconOnly?"":ne,ie=J.iconOnly?"":re,ce=i({className:K("uploadIcon",{iconOnly:X.iconOnly}),"aria-hidden":"true"},V("uploadIcon")),ue=c.getJSXIcon(X.icon||e.createElement(f,ce),k({},ce),{props:h}),se=i({className:K("cancelIcon",{iconOnly:J.iconOnly}),"aria-hidden":"true"},V("cancelIcon")),pe=c.getJSXIcon(J.icon||e.createElement(d,se),k({},se),{props:h});I=e.createElement(s,{type:"button",label:G,"aria-hidden":"true",icon:ue,onClick:be,disabled:ae,style:X.style,className:X.className,pt:V("uploadButton"),__parentMetadata:{parent:H}}),F=e.createElement(s,{type:"button",label:ie,"aria-hidden":"true",icon:pe,onClick:ye,disabled:le,style:J.style,className:J.className,pt:V("cancelButton"),__parentMetadata:{parent:H}})}Q&&(M={severity:"warning",value:n("pending")||"Pending"},U=j.map((function(e,t){return _e(e,t,M)})),T=e.createElement("div",null,U),z=h.progressBarTemplate?l.getJSXElement(h.progressBarTemplate,{progress:C,props:h}):e.createElement(b,{value:C,showValue:!1,pt:V("progressbar"),__parentMetadata:{parent:H}})),Z&&(D=ze());var fe=i({className:a(h.headerClassName,K("buttonbar")),style:h.headerStyle},V("buttonbar")),me=e.createElement("div",fe,A,I,F);if(h.headerTemplate){var Se={className:a("p-fileupload-buttonbar",h.headerClassName),chooseButton:A,uploadButton:I,cancelButton:F,element:me,props:h};me=l.getJSXElement(h.headerTemplate,Se)}var we=i({id:h.id,className:K("root"),style:h.style},L.getOtherProps(h),V("root")),Ne=i({ref:q,className:a(h.contentClassName,K("content")),style:h.contentStyle,onDragEnter:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.addClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(ee||(t.dataTransfer.dropEffect="copy",!W()&&u.removeClass(q.current,"p-fileupload-highlight"),q.current.setAttribute("data-p-highlight",!1)));var t},onDrop:function(e){return Oe(e)},"data-p-highlight":!1},V("content"));return e.createElement("div",we,me,e.createElement("div",Ne,z,e.createElement(m,{ref:$,__parentMetadata:{parent:H}}),Q?T:null,Z?D:null,R))}():"basic"===h.mode?(we=h.chooseOptions,Ne=i({className:K("label")},V("label")),je=we.iconOnly?e.createElement("span",O({},Ne,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",Ne,te),Pe=h.auto?je:e.createElement("span",Ne,Q?j[0].name:je),Be=i({className:K("chooseIcon",{iconOnly:we.iconOnly})},V("chooseIcon")),xe=c.getJSXIcon(we.icon?we.icon:we.icon||Q&&!h.auto?!we.icon&&Q&&!h.auto&&e.createElement(f,Be):e.createElement(p,Be),k({},Be),{props:h,hasFiles:Q}),Ie=i({ref:Y,type:"file",onChange:function(e){return de(e)},multiple:h.multiple,accept:h.accept,disabled:ee},V("input")),Ce=!Q&&e.createElement("input",Ie),Fe=i({className:a(h.className,K("root")),style:h.style},L.getOtherProps(h),V("root")),Te=i({className:a(we.className,K("basicButton",{hasFiles:Q,disabled:ee,focusedState:_})),style:we.style,tabIndex:0,onClick:Se,onKeyDown:function(e){return Ee(e)},onFocus:ge,onBlur:he},L.getOtherProps(h),V("basicButton")),e.createElement("div",Fe,e.createElement(m,{ref:$,pt:V("message"),__parentMetadata:{parent:H}}),e.createElement("span",Te,xe,Pe,Ce,e.createElement(y,null)))):void 0})));H.displayName="FileUpload";export{H as FileUpload};

package/fileupload/fileupload.js

@@ -610,8 +610,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       setFocusedState(false);
     };
     var _onKeyDown = function onKeyDown(event) {
-      if (event.which === 13) {
-        // enter
+      if (event.code === 'Enter') {
         choose();
       }
     };
@@ -713,7 +712,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
       var chooseIconProps = utils.mergeProps({
         className: cx('chooseIcon', {
           iconOnly: iconOnly
-        })
+        }),
+        'aria-hidden': 'true'
       }, ptm('chooseIcon'));
       var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
       var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
@@ -833,7 +833,11 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
     };
     var createProgressBarContent = function createProgressBarContent() {
       if (props.progressBarTemplate) {
-        return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, props);
+        var defaultProgressBarTemplateOptions = {
+          progress: progressState,
+          props: props
+        };
+        return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, defaultProgressBarTemplateOptions);
       }
       return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
         value: progressState,
@@ -856,7 +860,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         var uploadIconProps = utils.mergeProps({
           className: cx('uploadIcon', {
             iconOnly: uploadOptions.iconOnly
-          })
+          }),
+          'aria-hidden': 'true'
         }, ptm('uploadIcon'));
         var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
           props: props
@@ -864,7 +869,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         var cancelIconProps = utils.mergeProps({
           className: cx('cancelIcon', {
             iconOnly: cancelOptions.iconOnly
-          })
+          }),
+          'aria-hidden': 'true'
         }, ptm('cancelIcon'));
         var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
           props: props
@@ -872,6 +878,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           label: uploadLabel,
+          "aria-hidden": "true",
           icon: uploadIcon,
           onClick: upload$1,
           disabled: uploadDisabled,
@@ -885,6 +892,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, util
         cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           label: cancelLabel,
+          "aria-hidden": "true",
           icon: cancelIcon,
           onClick: clear,
           disabled: cancelDisabled,