primereact 10.6.2 → 10.6.3

package/fileupload/fileupload.js

@@ -785,7 +785,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
         pt: ptm('removeButton'),
         __parentMetadata: {
           parent: metaData
-        }
+        },
+        unstyled: isUnstyled()
       }));
       var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, contentBody, removeButton);
       if (props.itemTemplate) {
@@ -893,7 +894,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
           pt: ptm('uploadButton'),
           __parentMetadata: {
             parent: metaData
-          }
+          },
+          unstyled: isUnstyled()
         });
         cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
@@ -907,7 +909,8 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
           pt: ptm('cancelButton'),
           __parentMetadata: {
             parent: metaData
-          }
+          },
+          unstyled: isUnstyled()
         });
       }
       if (hasFiles) {
@@ -935,7 +938,7 @@ this.primereact.fileupload = (function (exports, React, api, componentbase, hook
       }
       var rootProps = mergeProps({
         id: props.id,
-        className: cx('root'),
+        className: utils.classNames(props.className, cx('root')),
         style: props.style
       }, FileUploadBase.getOtherProps(props), ptm('root'));
       var contentProps = mergeProps({

package/fileupload/fileupload.min.js

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

package/floatlabel/floatlabel.cjs.js

@@ -44,10 +44,11 @@ var FloatLabelBase = componentbase.ComponentBase.extend({
   }
 });
 
-var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
+var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = FloatLabelBase.getProps(inProps, context);
+  var elementRef = React__namespace.useRef(ref);
   var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
       props: props
     }),
@@ -57,7 +58,11 @@ var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   componentbase.useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
     name: 'floatlabel'
   });
+  React__namespace.useEffect(function () {
+    utils.ObjectUtils.combinedRefs(elementRef, ref);
+  }, [elementRef, ref]);
   var rootProps = mergeProps({
+    ref: elementRef,
     className: utils.classNames(cx('root'))
   }, FloatLabelBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.children);

package/floatlabel/floatlabel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/componentbase"),a=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var o=r(e),p=l.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),i=o.memo(o.forwardRef((function(e){var r=a.useMergeProps(),i=o.useContext(t.PrimeReactContext),s=p.getProps(e,i),c=p.setMetaData({props:s}),f=c.ptm,u=c.cx;l.useHandleStyle(p.css.styles,c.isUnstyled,{name:"floatlabel"});var b=r({className:n.classNames(u("root"))},p.getOtherProps(s),f("root"));return o.createElement("span",b,s.children)})));i.displayName="FloatLabel",exports.FloatLabel=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/componentbase"),a=require("primereact/hooks"),n=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var o=r(e),p=l.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),i=o.memo(o.forwardRef((function(e,r){var i=a.useMergeProps(),s=o.useContext(t.PrimeReactContext),c=p.getProps(e,s),f=o.useRef(r),u=p.setMetaData({props:c}),b=u.ptm,d=u.cx;l.useHandleStyle(p.css.styles,u.isUnstyled,{name:"floatlabel"}),o.useEffect((function(){n.ObjectUtils.combinedRefs(f,r)}),[f,r]);var m=i({ref:f,className:n.classNames(d("root"))},p.getOtherProps(c),b("root"));return o.createElement("span",m,c.children)})));i.displayName="FloatLabel",exports.FloatLabel=i;

package/floatlabel/floatlabel.esm.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { useMergeProps } from 'primereact/hooks';
-import { classNames } from 'primereact/utils';
+import { ObjectUtils, classNames } from 'primereact/utils';
 
 var classes = {
   root: 'p-float-label'
@@ -20,10 +20,11 @@ var FloatLabelBase = ComponentBase.extend({
   }
 });
 
-var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps) {
+var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = FloatLabelBase.getProps(inProps, context);
+  var elementRef = React.useRef(ref);
   var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
       props: props
     }),
@@ -33,7 +34,11 @@ var FloatLabel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
     name: 'floatlabel'
   });
+  React.useEffect(function () {
+    ObjectUtils.combinedRefs(elementRef, ref);
+  }, [elementRef, ref]);
   var rootProps = mergeProps({
+    ref: elementRef,
     className: classNames(cx('root'))
   }, FloatLabelBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement("span", rootProps, props.children);

package/floatlabel/floatlabel.esm.min.js

@@ -1 +1 @@
-import*as l from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as a,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as n}from"primereact/hooks";import{classNames as o}from"primereact/utils";var p=a.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),r=l.memo(l.forwardRef((function(a){var r=n(),i=l.useContext(e),s=p.getProps(a,i),f=p.setMetaData({props:s}),c=f.ptm,b=f.cx;t(p.css.styles,f.isUnstyled,{name:"floatlabel"});var m=r({className:o(b("root"))},p.getOtherProps(s),c("root"));return l.createElement("span",m,s.children)})));r.displayName="FloatLabel";export{r as FloatLabel};
+import*as e from"react";import{PrimeReactContext as l}from"primereact/api";import{ComponentBase as a,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as n}from"primereact/hooks";import{ObjectUtils as o,classNames as p}from"primereact/utils";var r=a.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),i=e.memo(e.forwardRef((function(a,i){var s=n(),f=e.useContext(l),c=r.getProps(a,f),b=e.useRef(i),m=r.setMetaData({props:c}),u=m.ptm,h=m.cx;t(r.css.styles,m.isUnstyled,{name:"floatlabel"}),e.useEffect((function(){o.combinedRefs(b,i)}),[b,i]);var d=s({ref:b,className:p(h("root"))},r.getOtherProps(c),u("root"));return e.createElement("span",d,c.children)})));i.displayName="FloatLabel";export{i as FloatLabel};

package/floatlabel/floatlabel.js

@@ -37,10 +37,11 @@ this.primereact.floatlabel = (function (exports, React, api, componentbase, hook
       }
     });
 
-    var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
+    var FloatLabel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = FloatLabelBase.getProps(inProps, context);
+      var elementRef = React__namespace.useRef(ref);
       var _FloatLabelBase$setMe = FloatLabelBase.setMetaData({
           props: props
         }),
@@ -50,7 +51,11 @@ this.primereact.floatlabel = (function (exports, React, api, componentbase, hook
       componentbase.useHandleStyle(FloatLabelBase.css.styles, isUnstyled, {
         name: 'floatlabel'
       });
+      React__namespace.useEffect(function () {
+        utils.ObjectUtils.combinedRefs(elementRef, ref);
+      }, [elementRef, ref]);
       var rootProps = mergeProps({
+        ref: elementRef,
         className: utils.classNames(cx('root'))
       }, FloatLabelBase.getOtherProps(props), ptm('root'));
       return /*#__PURE__*/React__namespace.createElement("span", rootProps, props.children);

package/floatlabel/floatlabel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.floatlabel=function(e,t,a,l,n,o){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,l.get?l:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var p=r(t),i=l.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),s=p.memo(p.forwardRef((function(e){var t=n.useMergeProps(),r=p.useContext(a.PrimeReactContext),s=i.getProps(e,r),c=i.setMetaData({props:s}),f=c.ptm,u=c.cx;l.useHandleStyle(i.css.styles,c.isUnstyled,{name:"floatlabel"});var b=t({className:o.classNames(u("root"))},i.getOtherProps(s),f("root"));return p.createElement("span",b,s.children)})));return s.displayName="FloatLabel",e.FloatLabel=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.floatlabel=function(e,t,l,a,n,o){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var p=r(t),i=a.ComponentBase.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:{root:"p-float-label"},styles:"\n@layer primereact {\n    .p-float-label {\n        display: block;\n        position: relative;\n    }\n    \n    .p-float-label label {\n        position: absolute;\n        pointer-events: none;\n        top: 50%;\n        margin-top: -.5rem;\n        transition-property: all;\n        transition-timing-function: ease;\n        line-height: 1;\n    }\n    \n    .p-float-label:has(textarea) label {\n        top: 1rem;\n    }\n    \n    .p-float-label:has(input:focus) label,\n    .p-float-label:has(input.p-filled) label,\n    .p-float-label:has(input:-webkit-autofill) label,\n    .p-float-label:has(textarea:focus) label,\n    .p-float-label:has(textarea.p-filled) label,\n    .p-float-label:has(.p-inputwrapper-focus) label,\n    .p-float-label:has(.p-inputwrapper-filled) label {\n        top: -.75rem;\n        font-size: 12px;\n    }\n    \n    .p-float-label .p-placeholder,\n    .p-float-label input::placeholder,\n    .p-float-label .p-inputtext::placeholder {\n        opacity: 0;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n    \n    .p-float-label .p-focus .p-placeholder,\n    .p-float-label input:focus::placeholder,\n    .p-float-label .p-inputtext:focus::placeholder {\n        opacity: 1;\n        transition-property: all;\n        transition-timing-function: ease;\n    }\n}"}}),s=p.memo(p.forwardRef((function(e,t){var r=n.useMergeProps(),s=p.useContext(l.PrimeReactContext),c=i.getProps(e,s),f=p.useRef(t),u=i.setMetaData({props:c}),b=u.ptm,m=u.cx;a.useHandleStyle(i.css.styles,u.isUnstyled,{name:"floatlabel"}),p.useEffect((function(){o.ObjectUtils.combinedRefs(f,t)}),[f,t]);var d=r({ref:f,className:o.classNames(m("root"))},i.getOtherProps(c),b("root"));return p.createElement("span",d,c.children)})));return s.displayName="FloatLabel",e.FloatLabel=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/iconfield/iconfield.cjs.js

@@ -4,10 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks = require('primereact/hooks');
 var api = require('primereact/api');
-var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -108,9 +108,9 @@ var IconField = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React_
     ptm = _IconFieldBase$setMet.ptm,
     cx = _IconFieldBase$setMet.cx;
   var rootProps = mergeProps({
-    className: cx('root', {
+    className: utils.classNames(props.className, cx('root', {
       iconPosition: props.iconPosition
-    })
+    }))
   }, IconFieldBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, rootProps, {
     ref: elementRef

package/iconfield/iconfield.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/api"),o=require("primereact/componentbase"),n=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=s(e,"string");return"symbol"===u(t)?t:String(t)}var p=o.ComponentBase.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return n.classNames("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){var o,n,i;o=e,i=r[t],(n=l(n=t))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=c.default.memo(c.default.forwardRef((function(o,n){var i=e.useRef(n),u=t.useMergeProps(),s=e.useContext(r.PrimeReactContext),l=p.getProps(o,s),f=p.setMetaData(b(b({props:l},l.__parentMetadata),{},{context:{iconPosition:l.iconPosition}})),y=f.ptm,m=u({className:(0,f.cx)("root",{iconPosition:l.iconPosition})},p.getOtherProps(l),y("root"));return c.default.createElement("div",a({},m,{ref:i}),l.children)})));y.displayName="IconField",exports.IconField=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/hooks"),o=require("primereact/utils"),n=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function s(e){return s="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},s(e)}function u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}var p=n.ComponentBase.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){var o,n,i;o=e,i=r[t],(n=l(n=t))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=c.default.memo(c.default.forwardRef((function(n,i){var s=e.useRef(i),u=r.useMergeProps(),l=e.useContext(t.PrimeReactContext),f=p.getProps(n,l),m=p.setMetaData(b(b({props:f},f.__parentMetadata),{},{context:{iconPosition:f.iconPosition}})),y=m.ptm,d=u({className:o.classNames(f.className,(0,m.cx)("root",{iconPosition:f.iconPosition}))},p.getOtherProps(f),y("root"));return c.default.createElement("div",a({},d,{ref:s}),f.children)})));m.displayName="IconField",exports.IconField=m;

package/iconfield/iconfield.esm.js

@@ -1,9 +1,9 @@
 'use client';
 import React, { useRef, useContext } from 'react';
-import { useMergeProps } from 'primereact/hooks';
 import { PrimeReactContext } from 'primereact/api';
-import { ComponentBase } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
 import { classNames } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -100,9 +100,9 @@ var IconField = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ptm = _IconFieldBase$setMet.ptm,
     cx = _IconFieldBase$setMet.cx;
   var rootProps = mergeProps({
-    className: cx('root', {
+    className: classNames(props.className, cx('root', {
       iconPosition: props.iconPosition
-    })
+    }))
   }, IconFieldBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement("div", _extends({}, rootProps, {
     ref: elementRef

package/iconfield/iconfield.esm.min.js

@@ -1 +1 @@
-import t,{useRef as r,useContext as e}from"react";import{useMergeProps as o}from"primereact/hooks";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as i}from"primereact/componentbase";import{classNames as c}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},a.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function l(t,r){if("object"!==p(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,r||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function f(t){var r=l(t,"string");return"symbol"===p(r)?r:String(r)}var s=i.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(t){var r=t.props;return c("p-icon-field",{"p-icon-field-right":"right"===r.iconPosition,"p-icon-field-left":"left"===r.iconPosition})}}}});function u(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?u(Object(e),!0).forEach((function(r){var o,n,i;o=t,i=e[r],(n=f(n=r))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}var b=t.memo(t.forwardRef((function(i,c){var p=r(c),l=o(),f=e(n),u=s.getProps(i,f),b=s.setMetaData(m(m({props:u},u.__parentMetadata),{},{context:{iconPosition:u.iconPosition}})),y=b.ptm,v=l({className:(0,b.cx)("root",{iconPosition:u.iconPosition})},s.getOtherProps(u),y("root"));return t.createElement("div",a({},v,{ref:p}),u.children)})));b.displayName="IconField";export{b as IconField};
+import t,{useRef as r,useContext as e}from"react";import{PrimeReactContext as o}from"primereact/api";import{useMergeProps as n}from"primereact/hooks";import{classNames as i}from"primereact/utils";import{ComponentBase as c}from"primereact/componentbase";function a(){return a=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},a.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function l(t,r){if("object"!==p(t)||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,r||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function s(t){var r=l(t,"string");return"symbol"===p(r)?r:String(r)}var f=c.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(t){var r=t.props;return i("p-icon-field",{"p-icon-field-right":"right"===r.iconPosition,"p-icon-field-left":"left"===r.iconPosition})}}}});function u(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,o)}return e}function m(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?u(Object(e),!0).forEach((function(r){var o,n,i;o=t,i=e[r],(n=s(n=r))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}var b=t.memo(t.forwardRef((function(c,p){var l=r(p),s=n(),u=e(o),b=f.getProps(c,u),y=f.setMetaData(m(m({props:b},b.__parentMetadata),{},{context:{iconPosition:b.iconPosition}})),v=y.ptm,O=s({className:i(b.className,(0,y.cx)("root",{iconPosition:b.iconPosition}))},f.getOtherProps(b),v("root"));return t.createElement("div",a({},O,{ref:l}),b.children)})));b.displayName="IconField";export{b as IconField};

package/iconfield/iconfield.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.iconfield = (function (exports, React, hooks, api, componentbase, utils) {
+this.primereact.iconfield = (function (exports, React, api, hooks, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -101,9 +101,9 @@ this.primereact.iconfield = (function (exports, React, hooks, api, componentbase
       ptm = _IconFieldBase$setMet.ptm,
       cx = _IconFieldBase$setMet.cx;
     var rootProps = mergeProps({
-      className: cx('root', {
+      className: utils.classNames(props.className, cx('root', {
         iconPosition: props.iconPosition
-      })
+      }))
     }, IconFieldBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, rootProps, {
       ref: elementRef
@@ -117,4 +117,4 @@ this.primereact.iconfield = (function (exports, React, hooks, api, componentbase
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.api, primereact.componentbase, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);

package/iconfield/iconfield.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.iconfield=function(e,t,r,o,n,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},s.apply(this,arguments)}function u(e){return u="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},u(e)}function l(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=l(e,"string");return"symbol"===u(t)?t:String(t)}var f=n.ComponentBase.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var o,n,i;o=e,i=r[t],(n=p(n=t))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=a.default.memo(a.default.forwardRef((function(e,n){var i=t.useRef(n),c=r.useMergeProps(),u=t.useContext(o.PrimeReactContext),l=f.getProps(e,u),p=f.setMetaData(m(m({props:l},l.__parentMetadata),{},{context:{iconPosition:l.iconPosition}})),b=p.ptm,y=c({className:(0,p.cx)("root",{iconPosition:l.iconPosition})},f.getOtherProps(l),b("root"));return a.default.createElement("div",s({},y,{ref:i}),l.children)})));return y.displayName="IconField",e.IconField=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.api,primereact.componentbase,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.iconfield=function(e,t,r,o,n,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},s.apply(this,arguments)}function l(e){return l="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},l(e)}function u(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==l(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=u(e,"string");return"symbol"===l(t)?t:String(t)}var f=i.ComponentBase.extend({defaultProps:{__TYPE:"IconField",__parentMetadata:null,children:void 0,className:null,iconPosition:"right"},css:{classes:{root:function(e){var t=e.props;return n.classNames("p-icon-field",{"p-icon-field-right":"right"===t.iconPosition,"p-icon-field-left":"left"===t.iconPosition})}}}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var o,n,i;o=e,i=r[t],(n=p(n=t))in o?Object.defineProperty(o,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):o[n]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=a.default.memo(a.default.forwardRef((function(e,i){var c=t.useRef(i),l=o.useMergeProps(),u=t.useContext(r.PrimeReactContext),p=f.getProps(e,u),m=f.setMetaData(b(b({props:p},p.__parentMetadata),{},{context:{iconPosition:p.iconPosition}})),y=m.ptm,d=l({className:n.classNames(p.className,(0,m.cx)("root",{iconPosition:p.iconPosition}))},f.getOtherProps(p),y("root"));return a.default.createElement("div",s({},d,{ref:c}),p.children)})));return y.displayName="IconField",e.IconField=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/iconfield/package.json

@@ -0,0 +1,7 @@
+{
+    "main": "./iconfield.cjs.js",
+    "module": "./iconfield.esm.js",
+    "unpkg": "./iconfield.min.js",
+    "types": "./iconfield.d.ts",
+    "sideEffects": false
+}

package/image/image.cjs.js

@@ -184,7 +184,7 @@ var classes = {
   icon: 'p-image-preview-icon',
   root: function root(_ref) {
     var props = _ref.props;
-    return utils.classNames('p-image p-component', props.className, {
+    return utils.classNames('p-image p-component', {
       'p-image-preview-container': props.preview
     });
   },
@@ -577,7 +577,7 @@ var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   }));
   var rootProps = mergeProps({
     ref: elementRef,
-    className: cx('root')
+    className: utils.classNames(props.className, cx('root'))
   }, ImageBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement("span", rootProps, image, preview, maskVisibleState && /*#__PURE__*/React__namespace.createElement(portal.Portal, {
     element: element,

package/image/image.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"),o=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/iconbase"),i=require("primereact/icons/eye"),l=require("primereact/icons/refresh"),c=require("primereact/icons/searchminus"),s=require("primereact/icons/searchplus"),u=require("primereact/icons/times"),p=require("primereact/icons/undo"),m=require("primereact/portal"),f=require("primereact/utils");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=g(e),y=d(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}function w(e){return w="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},w(e)}function I(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==w(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=I(e,"string");return"symbol"===w(t)?t:String(t)}function O(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 o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function P(){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 j(e,t){return O(e)||C(e,t)||S(e,t)||P()}var x=b.memo(b.forwardRef((function(e,t){var n=a.IconBase.getPTI(e);return b.createElement("svg",v({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));x.displayName="DownloadIcon";var k=n.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){var t=e.props;return f.classNames("p-image p-component",t.className,{"p-image-preview-container":t.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){var o,r,a;o=e,a=n[t],(r=h(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=b.memo(b.forwardRef((function(e,a){var d=r.useMergeProps(),g=b.useContext(t.PrimeReactContext),w=k.getProps(e,g),I=j(b.useState(!1),2),h=I[0],O=I[1],C=j(b.useState(!1),2),E=C[0],S=C[1],P=j(b.useState(0),2),N=P[0],B=P[1],R=j(b.useState(1),2),U=R[0],D=R[1],q=b.useRef(null),M=b.useRef(null),H=b.useRef(null),L=b.useRef(null),T=b.useRef(null),A=U<=.5,_=U>=1.5,J=k.setMetaData({props:w,state:{maskVisible:h,previewVisible:E,rotate:N,scale:U}}),V=J.ptm,X=J.cx,Z=J.sx,G=J.isUnstyled;r.useGlobalOnEscapeKey({callback:function(){Y()},when:w.closeOnEscape&&h,priority:[r.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),n.useHandleStyle(k.css.styles,G,{name:"image"});var K=function(){w.preview&&(O(!0),f.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},Y=function(){S(!1),f.DomHandler.unblockBodyScroll(),B(0),D(1)},F=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||Y()},$=function(e){if("Escape"===e.code)Y(),setTimeout((function(){f.DomHandler.focus(T.current)}),200),e.preventDefault()},Q=function(){f.DomHandler.saveAs({name:w.alt,src:w.src})},W=function(e){e.stopPropagation(),B((function(e){return e+90}))},ee=function(e){e.stopPropagation(),B((function(e){return e-90}))},te=function(e){e.stopPropagation(),D((function(e){return _?e:e+.1}))},ne=function(e){e.stopPropagation(),D((function(e){return A?e:e-.1}))},oe=function(){f.ZIndexUtils.set("modal",H.current,g&&g.autoZIndex||y.default.autoZIndex,g&&g.zIndex.modal||y.default.zIndex.modal)},re=function(){w.onShow&&w.onShow()},ae=function(){!G()&&f.DomHandler.addClass(H.current,"p-component-overlay-leave")},ie=function(){w.onHide&&w.onHide()},le=function(){f.ZIndexUtils.clear(H.current),O(!1)};r.useUnmountEffect((function(){H.current&&f.ZIndexUtils.clear(H.current)}));b.useImperativeHandle(a,(function(){return{props:w,show:K,hide:Y,getElement:function(){return q.current},getImage:function(){return M.current}}}));var ce,se,ue=w.src,pe=w.alt,me=w.width,fe=w.height,de=w.crossOrigin,ge=w.referrerPolicy,be=w.useMap,ye=w.loading,ve=function(){var e=w.downloadable,n=w.alt,r=w.crossOrigin,a=w.referrerPolicy,i=w.useMap,m=w.loading,g=d(V("downloadIcon")),y=d(V("rotateRightIcon")),I=d(V("rotateLeftIcon")),O=d(V("zoomOutIcon")),C=d(V("zoomInIcon")),S=d(V("closeIcon")),P=f.IconUtils.getJSXIcon(w.downloadIcon||b.createElement(x,null),z({},g),{props:w}),j=f.IconUtils.getJSXIcon(w.rotateRightIcon||b.createElement(l.RefreshIcon,null),z({},y),{props:w}),k=f.IconUtils.getJSXIcon(w.rotateLeftIcon||b.createElement(p.UndoIcon,null),z({},I),{props:w}),B=f.IconUtils.getJSXIcon(w.zoomOutIcon||b.createElement(c.SearchMinusIcon,null),z({},O),{props:w}),R=f.IconUtils.getJSXIcon(w.zoomInIcon||b.createElement(s.SearchPlusIcon,null),z({},C),{props:w}),D=f.IconUtils.getJSXIcon(w.closeIcon||b.createElement(u.TimesIcon,null),z({},S),{props:w}),q=d({ref:H,role:"dialog",className:X("mask"),"aria-modal":h,onClick:F,onKeyDown:$},V("mask")),M=d({className:X("toolbar")},V("toolbar")),T=d({className:X("downloadButton"),onPointerUp:Q,type:"button"},V("downloadButton")),J=d({className:X("rotateRightButton"),onClick:W,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},V("rotateRightButton")),G=d({className:X("rotateLeftButton"),onClick:ee,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},V("rotateLeftButton")),K=d({className:f.classNames(X("zoomOutButton"),{"p-disabled":A}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:A,"aria-label":t.localeOption("aria")?t.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},V("zoomOutButton")),ce=d({className:f.classNames(X("zoomInButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:_,"aria-label":t.localeOption("aria")?t.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},V("zoomInButton")),se=d({className:X("closeButton"),type:"button",onClick:Y,"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},V("closeButton")),ue=d({src:w.zoomSrc||w.src,className:X("preview"),style:Z("preview",{rotateState:N,scaleState:U}),crossOrigin:r,referrerPolicy:a,useMap:i,loading:m},V("preview")),pe=d({ref:L},V("previewContainer")),me=d({classNames:X("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},V("transition"));return b.createElement("div",q,b.createElement("div",M,e&&b.createElement("button",T,P),b.createElement("button",J,j),b.createElement("button",G,k),b.createElement("button",K,B),b.createElement("button",ce,R),b.createElement("button",se,D)),b.createElement(o.CSSTransition,v({nodeRef:L},me),b.createElement("div",pe,b.createElement("img",v({alt:n},ue)))))}(),we=d({className:X("icon")},V("icon")),Ie=f.IconUtils.getJSXIcon(w.indicatorIcon||b.createElement(i.EyeIcon,we),z({},we),{props:w}),he=w.template?f.ObjectUtils.getJSXElement(w.template,w):Ie,Oe=(ce=t.localeOption("aria")?t.localeOption("aria").zoomImage:void 0,se=d({ref:T,className:X("button"),onClick:K,type:"button","aria-label":ce},V("button")),w.preview?b.createElement("button",se,he):null),Ce=d({ref:M,src:ue,className:w.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:w.imageStyle,onError:w.onError},V("image")),Ee=w.src&&b.createElement("img",v({},Ce,{alt:pe})),Se=d({ref:q,className:X("root")},k.getOtherProps(w),V("root"));return b.createElement("span",Se,Ee,Oe,h&&b.createElement(m.Portal,{element:ve,appendTo:document.body}))})));B.displayName="Image",exports.Image=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/iconbase"),i=require("primereact/icons/eye"),l=require("primereact/icons/refresh"),c=require("primereact/icons/searchminus"),s=require("primereact/icons/searchplus"),u=require("primereact/icons/times"),p=require("primereact/icons/undo"),m=require("primereact/portal"),f=require("primereact/utils");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=g(e),y=d(t);function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},v.apply(this,arguments)}function w(e){return w="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},w(e)}function I(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==w(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=I(e,"string");return"symbol"===w(t)?t:String(t)}function O(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 o,r,a,i,l=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(l.push(o.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw r}}return l}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function P(){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 j(e,t){return O(e)||C(e,t)||S(e,t)||P()}var x=b.memo(b.forwardRef((function(e,t){var n=a.IconBase.getPTI(e);return b.createElement("svg",v({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z",fill:"currentColor"}))})));x.displayName="DownloadIcon";var k=n.ComponentBase.extend({defaultProps:{__TYPE:"Image",alt:null,className:null,closeIcon:null,crossOrigin:null,decoding:null,downloadIcon:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,indicatorIcon:null,loading:null,onError:null,onHide:null,onShow:null,preview:!1,referrerPolicy:null,rotateLeftIcon:null,rotateRightIcon:null,src:null,template:null,useMap:null,width:null,zoomInIcon:null,zoomOutIcon:null,zoomSrc:null,children:void 0,closeOnEscape:!0},css:{classes:{button:"p-image-preview-indicator",mask:"p-image-mask p-component-overlay p-component-overlay-enter",toolbar:"p-image-toolbar",downloadButton:"p-image-action p-link",rotateRightButton:"p-image-action p-link",rotateLeftButton:"p-image-action p-link",zoomOutButton:"p-image-action p-link",zoomInButton:"p-image-action p-link",closeButton:"p-image-action p-link",preview:"p-image-preview",icon:"p-image-preview-icon",root:function(e){return f.classNames("p-image p-component",{"p-image-preview-container":e.props.preview})},transition:"p-image-preview"},styles:"\n@layer primereact {\n    .p-image-mask {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-image-preview-container {\n        position: relative;\n        display: inline-block;\n        line-height: 0;\n    }\n    \n    .p-image-preview-indicator {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0;\n        transition: opacity .3s;\n        border: none;\n        padding: 0;\n    }\n    \n    .p-image-preview-icon {\n        font-size: 1.5rem;\n    }\n    \n    .p-image-preview-container:hover > .p-image-preview-indicator {\n        opacity: 1;\n        cursor: pointer;\n    }\n    \n    .p-image-preview-container > img {\n        cursor: pointer;\n    }\n    \n    .p-image-toolbar {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        z-index: 1;\n    }\n    \n    .p-image-action.p-link {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n    \n    .p-image-preview {\n        transition: transform .15s;\n        max-width: 100vw;\n        max-height: 100vh;\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-image-preview-enter {\n        opacity: 0;\n        transform: scale(0.7);\n    }\n    \n    .p-image-preview-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-image-preview-enter-done {\n        transform: none;\n    }\n    \n    .p-image-preview-exit {\n        opacity: 1;\n    }\n    \n    .p-image-preview-exit-active {\n        opacity: 0;\n        transform: scale(0.7);\n        transition: all 150ms cubic-bezier(0.4, 0.0, 0.2, 1);\n    }\n}\n",inlineStyles:{preview:function(e){return{transform:"rotate("+e.rotateState+"deg) scale("+e.scaleState+")"}}}}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){var o,r,a;o=e,a=n[t],(r=h(r=t))in o?Object.defineProperty(o,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[r]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=b.memo(b.forwardRef((function(e,a){var d=r.useMergeProps(),g=b.useContext(t.PrimeReactContext),w=k.getProps(e,g),I=j(b.useState(!1),2),h=I[0],O=I[1],C=j(b.useState(!1),2),E=C[0],S=C[1],P=j(b.useState(0),2),N=P[0],B=P[1],R=j(b.useState(1),2),U=R[0],D=R[1],q=b.useRef(null),M=b.useRef(null),H=b.useRef(null),L=b.useRef(null),T=b.useRef(null),A=U<=.5,_=U>=1.5,J=k.setMetaData({props:w,state:{maskVisible:h,previewVisible:E,rotate:N,scale:U}}),V=J.ptm,X=J.cx,Z=J.sx,G=J.isUnstyled;r.useGlobalOnEscapeKey({callback:function(){Y()},when:w.closeOnEscape&&h,priority:[r.ESC_KEY_HANDLING_PRIORITIES.IMAGE,0]}),n.useHandleStyle(k.css.styles,G,{name:"image"});var K=function(){w.preview&&(O(!0),f.DomHandler.blockBodyScroll(),setTimeout((function(){S(!0)}),25))},Y=function(){S(!1),f.DomHandler.unblockBodyScroll(),B(0),D(1)},F=function(e){[e.target.classList].includes("p-image-action")||e.target.closest(".p-image-action")||Y()},$=function(e){if("Escape"===e.code)Y(),setTimeout((function(){f.DomHandler.focus(T.current)}),200),e.preventDefault()},Q=function(){f.DomHandler.saveAs({name:w.alt,src:w.src})},W=function(e){e.stopPropagation(),B((function(e){return e+90}))},ee=function(e){e.stopPropagation(),B((function(e){return e-90}))},te=function(e){e.stopPropagation(),D((function(e){return _?e:e+.1}))},ne=function(e){e.stopPropagation(),D((function(e){return A?e:e-.1}))},oe=function(){f.ZIndexUtils.set("modal",H.current,g&&g.autoZIndex||y.default.autoZIndex,g&&g.zIndex.modal||y.default.zIndex.modal)},re=function(){w.onShow&&w.onShow()},ae=function(){!G()&&f.DomHandler.addClass(H.current,"p-component-overlay-leave")},ie=function(){w.onHide&&w.onHide()},le=function(){f.ZIndexUtils.clear(H.current),O(!1)};r.useUnmountEffect((function(){H.current&&f.ZIndexUtils.clear(H.current)}));b.useImperativeHandle(a,(function(){return{props:w,show:K,hide:Y,getElement:function(){return q.current},getImage:function(){return M.current}}}));var ce,se,ue=w.src,pe=w.alt,me=w.width,fe=w.height,de=w.crossOrigin,ge=w.referrerPolicy,be=w.useMap,ye=w.loading,ve=function(){var e=w.downloadable,n=w.alt,r=w.crossOrigin,a=w.referrerPolicy,i=w.useMap,m=w.loading,g=d(V("downloadIcon")),y=d(V("rotateRightIcon")),I=d(V("rotateLeftIcon")),O=d(V("zoomOutIcon")),C=d(V("zoomInIcon")),S=d(V("closeIcon")),P=f.IconUtils.getJSXIcon(w.downloadIcon||b.createElement(x,null),z({},g),{props:w}),j=f.IconUtils.getJSXIcon(w.rotateRightIcon||b.createElement(l.RefreshIcon,null),z({},y),{props:w}),k=f.IconUtils.getJSXIcon(w.rotateLeftIcon||b.createElement(p.UndoIcon,null),z({},I),{props:w}),B=f.IconUtils.getJSXIcon(w.zoomOutIcon||b.createElement(c.SearchMinusIcon,null),z({},O),{props:w}),R=f.IconUtils.getJSXIcon(w.zoomInIcon||b.createElement(s.SearchPlusIcon,null),z({},C),{props:w}),D=f.IconUtils.getJSXIcon(w.closeIcon||b.createElement(u.TimesIcon,null),z({},S),{props:w}),q=d({ref:H,role:"dialog",className:X("mask"),"aria-modal":h,onClick:F,onKeyDown:$},V("mask")),M=d({className:X("toolbar")},V("toolbar")),T=d({className:X("downloadButton"),onPointerUp:Q,type:"button"},V("downloadButton")),J=d({className:X("rotateRightButton"),onClick:W,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").rotateRight:void 0,"data-pc-group-section":"action"},V("rotateRightButton")),G=d({className:X("rotateLeftButton"),onClick:ee,type:"button","aria-label":t.localeOption("aria")?t.localeOption("aria").rotateLeft:void 0,"data-pc-group-section":"action"},V("rotateLeftButton")),K=d({className:f.classNames(X("zoomOutButton"),{"p-disabled":A}),style:{pointerEvents:"auto"},onClick:ne,type:"button",disabled:A,"aria-label":t.localeOption("aria")?t.localeOption("aria").zoomOut:void 0,"data-pc-group-section":"action"},V("zoomOutButton")),ce=d({className:f.classNames(X("zoomInButton"),{"p-disabled":_}),style:{pointerEvents:"auto"},onClick:te,type:"button",disabled:_,"aria-label":t.localeOption("aria")?t.localeOption("aria").zoomIn:void 0,"data-pc-group-section":"action"},V("zoomInButton")),se=d({className:X("closeButton"),type:"button",onClick:Y,"aria-label":t.localeOption("aria")?t.localeOption("aria").close:void 0,autoFocus:!0,"data-pc-group-section":"action"},V("closeButton")),ue=d({src:w.zoomSrc||w.src,className:X("preview"),style:Z("preview",{rotateState:N,scaleState:U}),crossOrigin:r,referrerPolicy:a,useMap:i,loading:m},V("preview")),pe=d({ref:L},V("previewContainer")),me=d({classNames:X("transition"),in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:oe,onEntered:re,onExit:ae,onExiting:ie,onExited:le},V("transition"));return b.createElement("div",q,b.createElement("div",M,e&&b.createElement("button",T,P),b.createElement("button",J,j),b.createElement("button",G,k),b.createElement("button",K,B),b.createElement("button",ce,R),b.createElement("button",se,D)),b.createElement(o.CSSTransition,v({nodeRef:L},me),b.createElement("div",pe,b.createElement("img",v({alt:n},ue)))))}(),we=d({className:X("icon")},V("icon")),Ie=f.IconUtils.getJSXIcon(w.indicatorIcon||b.createElement(i.EyeIcon,we),z({},we),{props:w}),he=w.template?f.ObjectUtils.getJSXElement(w.template,w):Ie,Oe=(ce=t.localeOption("aria")?t.localeOption("aria").zoomImage:void 0,se=d({ref:T,className:X("button"),onClick:K,type:"button","aria-label":ce},V("button")),w.preview?b.createElement("button",se,he):null),Ce=d({ref:M,src:ue,className:w.imageClassName,width:me,height:fe,crossOrigin:de,referrerPolicy:ge,useMap:be,loading:ye,style:w.imageStyle,onError:w.onError},V("image")),Ee=w.src&&b.createElement("img",v({},Ce,{alt:pe})),Se=d({ref:q,className:f.classNames(w.className,X("root"))},k.getOtherProps(w),V("root"));return b.createElement("span",Se,Ee,Oe,h&&b.createElement(m.Portal,{element:ve,appendTo:document.body}))})));B.displayName="Image",exports.Image=B;

package/image/image.esm.js

@@ -157,7 +157,7 @@ var classes = {
   icon: 'p-image-preview-icon',
   root: function root(_ref) {
     var props = _ref.props;
-    return classNames('p-image p-component', props.className, {
+    return classNames('p-image p-component', {
       'p-image-preview-container': props.preview
     });
   },
@@ -550,7 +550,7 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   }));
   var rootProps = mergeProps({
     ref: elementRef,
-    className: cx('root')
+    className: classNames(props.className, cx('root'))
   }, ImageBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement("span", rootProps, image, preview, maskVisibleState && /*#__PURE__*/React.createElement(Portal, {
     element: element,