primereact 9.3.1 → 9.5.0

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,o,l,a,c,i,u,s,m,p,f){"use strict";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 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 h=g(t),I=d(n);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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},v.apply(this,arguments)}function C(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,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function y(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,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function w(){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 S(e,t){return C(e)||b(e,t)||E(e,t)||w()}var O={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},getProps:function(e){return a.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,O.defaultProps)}},N=h.memo(h.forwardRef((function(e,t){var n=c.IconBase.getPTI(e);return h.createElement("svg",v({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),h.createElement("g",{clipPath:"url(#clip0_407_20832)"},h.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"})),h.createElement("defs",null,h.createElement("clipPath",{id:"clip0_407_20832"},h.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));N.displayName="DownloadIcon";var P=h.memo(h.forwardRef((function(e,t){var c=O.getProps(e),d=S(h.useState(!1),2),g=d[0],C=d[1],b=S(h.useState(!1),2),y=b[0],E=b[1],w=S(h.useState(0),2),P=w[0],j=w[1],k=S(h.useState(1),2),U=k[0],R=k[1],x=h.useRef(null),M=h.useRef(null),_=h.useRef(null),z=h.useRef(null),H=h.useRef(!1),J=function(){c.preview&&(C(!0),setTimeout((function(){E(!0)}),25))},X=function(){H.current||(E(!1),j(0),R(1)),H.current=!1},A=function(){H.current=!0},T=function(){a.DomHandler.saveAs({name:c.alt,src:c.src}),H.current=!0},L=function(){j((function(e){return e+90})),H.current=!0},V=function(){j((function(e){return e-90})),H.current=!0},Z=function(){R((function(e){return e+.1})),H.current=!0},D=function(){R((function(e){return e-.1})),H.current=!0},B=function(){a.ZIndexUtils.set("modal",_.current,I.default.autoZIndex,I.default.zIndex.modal)},Y=function(){c.onShow&&c.onShow()},$=function(){a.DomHandler.addClass(_.current,"p-component-overlay-leave")},q=function(){c.onHide&&c.onHide()},F=function(){a.ZIndexUtils.clear(_.current),C(!1)};o.useUnmountEffect((function(){_.current&&a.ZIndexUtils.clear(_.current)}));h.useImperativeHandle(t,(function(){return{props:c,show:J,hide:X,getElement:function(){return x.current},getImage:function(){return M.current}}}));var G,K,Q,W,ee,te,ne,re,oe,le=c.src,ae=c.alt,ce=c.width,ie=c.height,ue=c.crossOrigin,se=c.referrerPolicy,me=c.useMap,pe=c.loading,fe=O.getOtherProps(c),de=a.classNames("p-image p-component",c.className,{"p-image-preview-container":c.preview}),ge=(G=c.downloadable,K={transform:"rotate("+P+"deg) scale("+U+")"},Q=U<=.5||U>=1.5,W=a.IconUtils.getJSXIcon(c.downloadIcon||h.createElement(N,null),void 0,{props:c}),ee=a.IconUtils.getJSXIcon(c.rotateRightIcon||h.createElement(i.RefreshIcon,null),void 0,{props:c}),te=a.IconUtils.getJSXIcon(c.rotateLeftIcon||h.createElement(s.UndoIcon,null),void 0,{props:c}),ne=a.IconUtils.getJSXIcon(c.zoomOutIcon||h.createElement(m.SearchMinusIcon,null),void 0,{props:c}),re=a.IconUtils.getJSXIcon(c.zoomInIcon||h.createElement(p.SearchPlusIcon,null),void 0,{props:c}),oe=a.IconUtils.getJSXIcon(c.closeIcon||h.createElement(f.TimesIcon,null),void 0,{props:c}),h.createElement("div",{ref:_,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:X},h.createElement("div",{className:"p-image-toolbar"},G&&h.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button"},W),h.createElement("button",{className:"p-image-action p-link",onClick:L,type:"button"},ee),h.createElement("button",{className:"p-image-action p-link",onClick:V,type:"button"},te),h.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button",disabled:Q},ne),h.createElement("button",{className:"p-image-action p-link",onClick:Z,type:"button",disabled:Q},re),h.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},oe)),h.createElement(r.CSSTransition,{nodeRef:z,classNames:"p-image-preview",in:y,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:B,onEntered:Y,onExit:$,onExiting:q,onExited:F},h.createElement("div",{ref:z},h.createElement("img",{src:c.zoomSrc||c.src,className:"p-image-preview",style:K,onClick:A,alt:c.alt}))))),he="p-image-preview-icon",Ie=a.IconUtils.getJSXIcon(c.indicatorIcon||h.createElement(u.EyeIcon,{className:he}),{className:he},{props:c}),ve=c.template?a.ObjectUtils.getJSXElement(c.template,c):Ie,Ce=c.preview?h.createElement("div",{className:"p-image-preview-indicator",onClick:J},ve):null,be=c.src&&h.createElement("img",{ref:M,src:le,className:c.imageClassName,width:ce,height:ie,crossOrigin:ue,referrerPolicy:se,useMap:me,loading:pe,alt:ae,style:c.imageStyle,onError:c.onError});return h.createElement("span",v({ref:x,className:de},fe),be,Ce,g&&h.createElement(l.Portal,{element:ge,appendTo:document.body}))})));return P.displayName="Image",e.Image=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.iconbase,primereact.icons.refresh,primereact.icons.eye,primereact.icons.undo,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.image=function(e,t,r,n,o,i,a,l,c,u,s,p,f,m,g){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var v=d(t),h=y(r);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},b.apply(this,arguments)}function E(e){return E="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},E(e)}function P(e,t){if("object"!==E(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==E(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=P(e,"string");return"symbol"===E(t)?t:String(t)}function I(e,t,r){return(t=C(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){if(Array.isArray(e))return e}function O(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return l}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function j(e,t){if(e){if("string"==typeof e)return x(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,t):void 0}}function k(){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 S(e,t){return w(e)||O(e,t)||j(e,t)||k()}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,C(n.key),n)}}var U=function(){function e(){D(this,e)}var t,r,n;return t=e,n=[{key:"equals",value:function(e,t,r){return r&&e&&"object"===E(e)&&t&&"object"===E(t)?this.resolveFieldData(e,r)===this.resolveFieldData(t,r):this.deepEquals(e,t)}},{key:"deepEquals",value:function(e,t){if(e===t)return!0;if(e&&t&&"object"==E(e)&&"object"==E(t)){var r,n,o,i=Array.isArray(e),a=Array.isArray(t);if(i&&a){if((n=e.length)!==t.length)return!1;for(r=n;0!=r--;)if(!this.deepEquals(e[r],t[r]))return!1;return!0}if(i!==a)return!1;var l=e instanceof Date,c=t instanceof Date;if(l!==c)return!1;if(l&&c)return e.getTime()===t.getTime();var u=e instanceof RegExp,s=t instanceof RegExp;if(u!==s)return!1;if(u&&s)return e.toString()===t.toString();var p=Object.keys(e);if((n=p.length)!==Object.keys(t).length)return!1;for(r=n;0!=r--;)if(!Object.prototype.hasOwnProperty.call(t,p[r]))return!1;for(r=n;0!=r--;)if(!this.deepEquals(e[o=p[r]],t[o]))return!1;return!0}return e!=e&&t!=t}},{key:"resolveFieldData",value:function(t,r){if(t&&Object.keys(t).length&&r){if(this.isFunction(r))return r(t);if(e.isNotEmpty(t[r]))return t[r];if(-1===r.indexOf("."))return t[r];for(var n=r.split("."),o=t,i=0,a=n.length;i<a;++i){if(null==o)return null;o=o[n[i]]}return o}return null}},{key:"isFunction",value:function(e){return!!(e&&e.constructor&&e.call&&e.apply)}},{key:"isLetter",value:function(e){return e&&(e.toUpperCase()!=e.toLowerCase()||e.codePointAt(0)>127)}},{key:"findDiffKeys",value:function(e,t){return e&&t?Object.keys(e).filter((function(e){return!t.hasOwnProperty(e)})).reduce((function(t,r){return t[r]=e[r],t}),{}):{}}},{key:"reduceKeys",value:function(e,t){var r={};return e&&t&&0!==t.length?(Object.keys(e).filter((function(e){return t.some((function(t){return e.startsWith(t)}))})).forEach((function(t){r[t]=e[t],delete e[t]})),r):r}},{key:"reorderArray",value:function(e,t,r){e&&t!==r&&(r>=e.length&&(r%=e.length,t%=e.length),e.splice(r,0,e.splice(t,1)[0]))}},{key:"findIndexInList",value:function(e,t,r){var n=this;return t?t.findIndex(r?function(t){return n.equals(t,e,r)}:function(t){return t===e}):-1}},{key:"getJSXElement",value:function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return this.isFunction(e)?e.apply(void 0,r):e}},{key:"getProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=e?e[t]:void 0;return void 0===r?(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})[t]:r}},{key:"getMergedProps",value:function(e,t){return Object.assign({},t,e)}},{key:"getDiffProps",value:function(e,t){return this.findDiffKeys(e,t)}},{key:"getPropValue",value:function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return this.isFunction(e)?e.apply(void 0,r):e}},{key:"getComponentProp",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return this.isNotEmpty(e)?this.getProp(e.props,t,r):void 0}},{key:"getComponentProps",value:function(e,t){return this.isNotEmpty(e)?this.getMergedProps(e.props,t):void 0}},{key:"getComponentDiffProps",value:function(e,t){return this.isNotEmpty(e)?this.getDiffProps(e.props,t):void 0}},{key:"isValidChild",value:function(e,t,r){if(e){var n=(this.getComponentProp(e,"__TYPE")||(e.type?e.type.displayName:void 0))===t;return n}return!1}},{key:"getRefElement",value:function(e){return e?"object"===E(e)&&e.hasOwnProperty("current")?e.current:e:null}},{key:"combinedRefs",value:function(e,t){e&&t&&("function"==typeof t?t(e.current):t.current=e.current)}},{key:"removeAccents",value:function(e){return e&&e.search(/[\xC0-\xFF]/g)>-1&&(e=e.replace(/[\xC0-\xC5]/g,"A").replace(/[\xC6]/g,"AE").replace(/[\xC7]/g,"C").replace(/[\xC8-\xCB]/g,"E").replace(/[\xCC-\xCF]/g,"I").replace(/[\xD0]/g,"D").replace(/[\xD1]/g,"N").replace(/[\xD2-\xD6\xD8]/g,"O").replace(/[\xD9-\xDC]/g,"U").replace(/[\xDD]/g,"Y").replace(/[\xDE]/g,"P").replace(/[\xE0-\xE5]/g,"a").replace(/[\xE6]/g,"ae").replace(/[\xE7]/g,"c").replace(/[\xE8-\xEB]/g,"e").replace(/[\xEC-\xEF]/g,"i").replace(/[\xF1]/g,"n").replace(/[\xF2-\xF6\xF8]/g,"o").replace(/[\xF9-\xFC]/g,"u").replace(/[\xFE]/g,"p").replace(/[\xFD\xFF]/g,"y")),e}},{key:"convertToFlatCase",value:function(e){return this.isNotEmpty(e)?e.replace(/(-|_)/g,"").toLowerCase():e}},{key:"isEmpty",value:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||!(e instanceof Date)&&"object"===E(e)&&0===Object.keys(e).length}},{key:"isNotEmpty",value:function(e){return!this.isEmpty(e)}},{key:"sort",value:function(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1,i=e.compare(t,r,arguments.length>3?arguments[3]:void 0,n),a=n;return(e.isEmpty(t)||e.isEmpty(r))&&(a=1===o?n:o),a*i}},{key:"compare",value:function(t,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=e.isEmpty(t),a=e.isEmpty(r);return i&&a?0:i?o:a?-o:"string"==typeof t&&"string"==typeof r?t.localeCompare(r,n,{numeric:!0}):t<r?-1:t>r?1:0}}],(r=null)&&N(t.prototype,r),n&&N(t,n),Object.defineProperty(t,"prototype",{writable:!1}),e}(),F=0;function A(){return F++,"".concat(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"pr_id_").concat(F)}var R=v.memo(v.forwardRef((function(e,t){var r=i.IconBase.getPTI(e),n=S(v.useState(e.id),2),o=n[0],a=n[1];return v.useEffect((function(){U.isEmpty(o)&&a(A("pr_icon_clip_"))}),[o]),v.createElement("svg",b({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),v.createElement("g",{clipPath:"url(#".concat(o,")")},v.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"})),v.createElement("defs",null,v.createElement("clipPath",{id:o},v.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));R.displayName="DownloadIcon";var M=g.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}});function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function T(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var z=v.memo(v.forwardRef((function(e,t){var i=M.getProps(e),g=S(v.useState(!1),2),y=g[0],d=g[1],E=S(v.useState(!1),2),P=E[0],C=E[1],I=S(v.useState(0),2),w=I[0],O=I[1],x=S(v.useState(1),2),j=x[0],k=x[1],D=v.useRef(null),N=v.useRef(null),U=v.useRef(null),F=v.useRef(null),A=v.useRef(!1),_=M.setMetaData({props:i,state:{maskVisible:y,previewVisible:P,rotate:w,scale:j}}).ptm,z=function(){i.preview&&(d(!0),setTimeout((function(){C(!0)}),25))},L=function(){A.current||(C(!1),O(0),k(1)),A.current=!1},B=function(){A.current=!0},V=function(){m.DomHandler.saveAs({name:i.alt,src:i.src}),A.current=!0},J=function(){O((function(e){return e+90})),A.current=!0},X=function(){O((function(e){return e-90})),A.current=!0},H=function(){k((function(e){return e+.1})),A.current=!0},q=function(){k((function(e){return e-.1})),A.current=!0},Z=function(){m.ZIndexUtils.set("modal",U.current,h.default.autoZIndex,h.default.zIndex.modal)},K=function(){i.onShow&&i.onShow()},Y=function(){m.DomHandler.addClass(U.current,"p-component-overlay-leave")},W=function(){i.onHide&&i.onHide()},$=function(){m.ZIndexUtils.clear(U.current),d(!1)};o.useUnmountEffect((function(){U.current&&m.ZIndexUtils.clear(U.current)}));v.useImperativeHandle(t,(function(){return{props:i,show:z,hide:L,getElement:function(){return D.current},getImage:function(){return N.current}}}));var G,Q=i.src,ee=i.alt,te=i.width,re=i.height,ne=i.crossOrigin,oe=i.referrerPolicy,ie=i.useMap,ae=i.loading,le=m.classNames("p-image p-component",i.className,{"p-image-preview-container":i.preview}),ce=function(){var e=i.downloadable,t=i.alt,o=i.crossOrigin,a=i.referrerPolicy,f=i.useMap,g=i.loading,y={transform:"rotate("+w+"deg) scale("+j+")"},d=j<=.5,h=j>=1.5,E=m.mergeProps(_("downloadIcon")),C=m.mergeProps(_("rotateRightIcon")),I=m.mergeProps(_("rotateLeftIcon")),O=m.mergeProps(_("zoomOutIcon")),x=m.mergeProps(_("zoomInIcon")),k=m.mergeProps(_("closeIcon")),S=m.IconUtils.getJSXIcon(i.downloadIcon||v.createElement(R,null),T({},E),{props:i}),D=m.IconUtils.getJSXIcon(i.rotateRightIcon||v.createElement(l.RefreshIcon,null),T({},C),{props:i}),N=m.IconUtils.getJSXIcon(i.rotateLeftIcon||v.createElement(p.UndoIcon,null),T({},I),{props:i}),A=m.IconUtils.getJSXIcon(i.zoomOutIcon||v.createElement(c.SearchMinusIcon,null),T({},O),{props:i}),M=m.IconUtils.getJSXIcon(i.zoomInIcon||v.createElement(u.SearchPlusIcon,null),T({},x),{props:i}),z=m.IconUtils.getJSXIcon(i.closeIcon||v.createElement(s.TimesIcon,null),T({},k),{props:i}),G=m.mergeProps({ref:U,className:"p-image-mask p-component-overlay p-component-overlay-enter",onPointerUp:L},_("mask")),Q=m.mergeProps({className:"p-image-toolbar"},_("toolbar")),ee=m.mergeProps({className:"p-image-action p-link",onPointerUp:V,type:"button"},_("downloadButton")),te=m.mergeProps({className:"p-image-action p-link",onPointerUp:J,type:"button"},_("rotateRightButton")),re=m.mergeProps({className:"p-image-action p-link",onPointerUp:X,type:"button"},_("rotateLeftButton")),ne=m.mergeProps({className:"p-image-action p-link",onPointerUp:q,type:"button",disabled:d},_("zoomOutButton")),oe=m.mergeProps({className:"p-image-action p-link",onPointerUp:H,type:"button",disabled:h},_("zoomInButton")),ie=m.mergeProps({className:"p-image-action p-link",type:"button","aria-label":r.localeOption("close")},_("closeButton")),ae=m.mergeProps({src:i.zoomSrc||i.src,className:"p-image-preview",style:y,onPointerUp:B,crossOrigin:o,referrerPolicy:a,useMap:f,loading:g},_("preview")),le=m.mergeProps({ref:F},_("previewContainer"));return v.createElement("div",G,v.createElement("div",Q,e&&v.createElement("button",ee,S),v.createElement("button",te,D),v.createElement("button",re,N),v.createElement("button",ne,A),v.createElement("button",oe,M),v.createElement("button",ie,z)),v.createElement(n.CSSTransition,{nodeRef:F,classNames:"p-image-preview",in:P,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:Z,onEntered:K,onExit:Y,onExiting:W,onExited:$},v.createElement("div",le,v.createElement("img",b({alt:t},ae)))))}(),ue=m.mergeProps({className:"p-image-preview-icon"},_("icon")),se=m.IconUtils.getJSXIcon(i.indicatorIcon||v.createElement(a.EyeIcon,ue),T({},ue),{props:i}),pe=i.template?m.ObjectUtils.getJSXElement(i.template,i):se,fe=(G=m.mergeProps({className:"p-image-preview-indicator",onClick:z},_("button")),i.preview?v.createElement("div",G,pe):null),me=m.mergeProps({ref:N,src:Q,className:i.imageClassName,width:te,height:re,crossOrigin:ne,referrerPolicy:oe,useMap:ie,loading:ae,style:i.imageStyle,onError:i.onError},_("image")),ge=i.src&&v.createElement("img",b({},me,{alt:ee})),ye=m.mergeProps({ref:D,className:le},M.getOtherProps(i),_("root"));return v.createElement("span",ye,ge,fe,y&&v.createElement(f.Portal,{element:ce,appendTo:document.body}))})));return z.displayName="Image",e.Image=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.iconbase,primereact.icons.eye,primereact.icons.refresh,primereact.icons.searchminus,primereact.icons.searchplus,primereact.icons.times,primereact.icons.undo,primereact.portal,primereact.utils,primereact.componentbase);

package/inplace/inplace.cjs.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var button = require('primereact/button');
-var utils = require('primereact/utils');
 var times = require('primereact/icons/times');
+var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -28,21 +29,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -98,25 +84,19 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InplaceDisplayBase = {
+componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceDisplay',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(display) {
-    return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
   }
-};
-var InplaceContentBase = {
+});
+componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceContent',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(content) {
-    return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
   }
-};
-var InplaceBase = {
+});
+var InplaceBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Inplace',
     style: null,
@@ -131,14 +111,8 @@ var InplaceBase = {
     onClose: null,
     onToggle: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
   }
-};
+});
 
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
@@ -154,6 +128,13 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     setActiveState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var active = props.onToggle ? props.active : activeState;
+  var _InplaceBase$setMetaD = InplaceBase.setMetaData({
+      props: props,
+      state: {
+        active: activeState
+      }
+    }),
+    ptm = _InplaceBase$setMetaD.ptm;
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -186,18 +167,17 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = utils.classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      className: className
-    }, otherProps, {
+    var displayProps = utils.mergeProps({
       onClick: open,
+      className: className,
       onKeyDown: onDisplayKeyDown,
       tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel
-    }), content);
+      'aria-label': props.ariaLabel
+    }, ptm('display'));
+    return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
   };
   var createCloseButton = function createCloseButton() {
     var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null);
@@ -206,22 +186,24 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     });
     var ariaLabel = api.localeOption('close');
     if (props.closable) {
-      return /*#__PURE__*/React__namespace.createElement(button.Button, {
-        type: "button",
-        className: "p-inplace-content-close",
+      var closeButtonProps = utils.mergeProps({
+        className: 'p-inplace-content-close',
         icon: closeIcon,
+        type: 'button',
         onClick: close,
-        "aria-label": ariaLabel
+        'aria-label': ariaLabel,
+        pt: ptm('closeButton')
       });
+      return /*#__PURE__*/React__namespace.createElement(button.Button, closeButtonProps);
     }
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      className: "p-inplace-content"
-    }, otherProps), content, closeButton);
+    var contentProps = utils.mergeProps({
+      className: 'p-inplace-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, content, closeButton);
   };
   var createChildren = function createChildren() {
     var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
@@ -241,15 +223,15 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = utils.classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), children);
+  }, InplaceBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
 InplaceContent.displayName = 'InplaceContent';

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/utils"),l=require("primereact/icons/times");function o(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 a=o(e);function i(){return i=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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function u(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 p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,d.defaultProps)}},b={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,b.defaultProps)}},g={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,g.defaultProps)}},m=function(e){return e.children},v=function(e){return e.children},y=a.forwardRef((function(e,o){var u,m,v=g.getProps(e),y=a.useState(v.active),O=(m=2,c(u=y)||s(u,m)||p(u,m)||f()),h=O[0],P=O[1],I=a.useRef(null),j=v.onToggle?v.active:h,C=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):P(!0))},E=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):P(!1)},D=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},N=function(e){var t=d.getOtherProps(e),n=r.classNames("p-inplace-display",{"p-disabled":v.disabled});return a.createElement("div",i({className:n},t,{onClick:C,onKeyDown:D,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),e)},T=function(e){var o,c,s=b.getOtherProps(e),u=(o=r.IconUtils.getJSXIcon(v.closeIcon||a.createElement(l.TimesIcon,null),void 0,{props:v}),c=t.localeOption("close"),v.closable?a.createElement(n.Button,{type:"button",className:"p-inplace-content-close",icon:o,onClick:E,"aria-label":c}):null);return a.createElement("div",i({className:"p-inplace-content"},s),e,u)};a.useImperativeHandle(o,(function(){return{props:v,getElement:function(){return I.current}}}));var _,w=g.getOtherProps(v),x=(_=["InplaceContent","InplaceDisplay"],a.Children.map(v.children,(function(e){return j&&r.ObjectUtils.isValidChild(e,"InplaceContent",_)?T(e):!j&&r.ObjectUtils.isValidChild(e,"InplaceDisplay",_)?N(e):void 0}))),U=r.classNames("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return a.createElement("div",i({ref:I,className:U},w),x)}));m.displayName="InplaceDisplay",v.displayName="InplaceContent",y.displayName="Inplace",exports.Inplace=y,exports.InplaceContent=v,exports.InplaceDisplay=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/icons/times"),l=require("primereact/utils"),a=require("primereact/componentbase");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var i=o(e);function c(e){if(Array.isArray(e))return e}function s(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw l}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function p(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var f=a.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0}}),m=function(e){return e.children},b=function(e){return e.children},v=i.forwardRef((function(e,a){var o,u,m=f.getProps(e),b=i.useState(m.active),v=(u=2,c(o=b)||s(o,u)||p(o,u)||d()),y=v[0],g=v[1],I=i.useRef(null),h=m.onToggle?m.active:y,O=f.setMetaData({props:m,state:{active:y}}).ptm,C=function(e){m.disabled||(m.onOpen&&m.onOpen(e),m.onToggle?m.onToggle({originalEvent:e,value:!0}):g(!0))},P=function(e){m.onClose&&m.onClose(e),m.onToggle?m.onToggle({originalEvent:e,value:!1}):g(!1)},E=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},j=function(e){var n=l.classNames("p-inplace-display",{"p-disabled":m.disabled}),t=l.mergeProps({onClick:C,className:n,onKeyDown:E,tabIndex:m.tabIndex,"aria-label":m.ariaLabel},O("display"));return i.createElement("div",t,e)},x=function(){var e=l.IconUtils.getJSXIcon(m.closeIcon||i.createElement(r.TimesIcon,null),void 0,{props:m}),a=n.localeOption("close");if(m.closable){var o=l.mergeProps({className:"p-inplace-content-close",icon:e,type:"button",onClick:P,"aria-label":a,pt:O("closeButton")});return i.createElement(t.Button,o)}return null};i.useImperativeHandle(a,(function(){return{props:m,getElement:function(){return I.current}}}));var N,T=(N=["InplaceContent","InplaceDisplay"],i.Children.map(m.children,(function(e){return h&&l.ObjectUtils.isValidChild(e,"InplaceContent",N)?(n=e,t=x(),r=l.mergeProps({className:"p-inplace-content"},O("content")),i.createElement("div",r,n,t)):!h&&l.ObjectUtils.isValidChild(e,"InplaceDisplay",N)?j(e):void 0;var n,t,r}))),_=l.classNames("p-inplace p-component",{"p-inplace-closable":m.closable},m.className),D=l.mergeProps({ref:I,className:_},f.getOtherProps(m),O("root"));return i.createElement("div",D,T)}));m.displayName="InplaceDisplay",b.displayName="InplaceContent",v.displayName="Inplace",exports.Inplace=v,exports.InplaceContent=b,exports.InplaceDisplay=m;

package/inplace/inplace.d.ts

@@ -14,7 +14,52 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+import { ButtonPassThroughOptions } from '../button';
+
+export declare type InplacePassThroughType<T> = PassThroughType<T, InplacePassThroughMethodOptions>;
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InplacePassThroughMethodOptions {
+    props: InplaceProps;
+    state: InplaceState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InplaceProps.pt}
+ */
+export interface InplacePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the display's DOM element.
+     */
+    display?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    closeButton?: ButtonPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in Inplace component.
+ */
+export interface InplaceState {
+    /**
+     * Current active state as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+}
 
 /**
  * Custom toggle event.
@@ -80,6 +125,11 @@ export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {InplacePassThroughOptions}
+     */
+    pt?: InplacePassThroughOptions;
 }
 
 /**

package/inplace/inplace.esm.js

@@ -1,23 +1,9 @@
 import * as React from 'react';
 import { localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 import { TimesIcon } from 'primereact/icons/times';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+import { classNames, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -74,25 +60,19 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InplaceDisplayBase = {
+ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceDisplay',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(display) {
-    return ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
   }
-};
-var InplaceContentBase = {
+});
+ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceContent',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(content) {
-    return ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
   }
-};
-var InplaceBase = {
+});
+var InplaceBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Inplace',
     style: null,
@@ -107,14 +87,8 @@ var InplaceBase = {
     onClose: null,
     onToggle: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
   }
-};
+});
 
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
@@ -130,6 +104,13 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setActiveState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var active = props.onToggle ? props.active : activeState;
+  var _InplaceBase$setMetaD = InplaceBase.setMetaData({
+      props: props,
+      state: {
+        active: activeState
+      }
+    }),
+    ptm = _InplaceBase$setMetaD.ptm;
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -162,18 +143,17 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: className
-    }, otherProps, {
+    var displayProps = mergeProps({
       onClick: open,
+      className: className,
       onKeyDown: onDisplayKeyDown,
       tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel
-    }), content);
+      'aria-label': props.ariaLabel
+    }, ptm('display'));
+    return /*#__PURE__*/React.createElement("div", displayProps, content);
   };
   var createCloseButton = function createCloseButton() {
     var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, null);
@@ -182,22 +162,24 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     });
     var ariaLabel = localeOption('close');
     if (props.closable) {
-      return /*#__PURE__*/React.createElement(Button, {
-        type: "button",
-        className: "p-inplace-content-close",
+      var closeButtonProps = mergeProps({
+        className: 'p-inplace-content-close',
         icon: closeIcon,
+        type: 'button',
         onClick: close,
-        "aria-label": ariaLabel
+        'aria-label': ariaLabel,
+        pt: ptm('closeButton')
       });
+      return /*#__PURE__*/React.createElement(Button, closeButtonProps);
     }
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: "p-inplace-content"
-    }, otherProps), content, closeButton);
+    var contentProps = mergeProps({
+      className: 'p-inplace-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", contentProps, content, closeButton);
   };
   var createChildren = function createChildren() {
     var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
@@ -217,15 +199,15 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), children);
+  }, InplaceBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
 InplaceContent.displayName = 'InplaceContent';

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as n}from"primereact/api";import{Button as t}from"primereact/button";import{ObjectUtils as r,classNames as l,IconUtils as o}from"primereact/utils";import{TimesIcon as a}from"primereact/icons/times";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function p(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,a,i=[],c=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw l}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,d.defaultProps)}},m={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,m.defaultProps)}},g={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,g.defaultProps)}},v=function(e){return e.children},b=function(e){return e.children},y=e.forwardRef((function(u,v){var b,y,h=g.getProps(u),P=e.useState(h.active),I=(y=2,c(b=P)||p(b,y)||s(b,y)||f()),O=I[0],C=I[1],E=e.useRef(null),T=h.onToggle?h.active:O,D=function(e){h.disabled||(h.onOpen&&h.onOpen(e),h.onToggle?h.onToggle({originalEvent:e,value:!0}):C(!0))},N=function(e){h.onClose&&h.onClose(e),h.onToggle?h.onToggle({originalEvent:e,value:!1}):C(!1)},j=function(e){"Enter"===e.key&&(D(e),e.preventDefault())},w=function(n){var t=d.getOtherProps(n),r=l("p-inplace-display",{"p-disabled":h.disabled});return e.createElement("div",i({className:r},t,{onClick:D,onKeyDown:j,tabIndex:h.tabIndex,"aria-label":h.ariaLabel}),n)},S=function(r){var l,c,p=m.getOtherProps(r),u=(l=o.getJSXIcon(h.closeIcon||e.createElement(a,null),void 0,{props:h}),c=n("close"),h.closable?e.createElement(t,{type:"button",className:"p-inplace-content-close",icon:l,onClick:N,"aria-label":c}):null);return e.createElement("div",i({className:"p-inplace-content"},p),r,u)};e.useImperativeHandle(v,(function(){return{props:h,getElement:function(){return E.current}}}));var A,_=g.getOtherProps(h),x=(A=["InplaceContent","InplaceDisplay"],e.Children.map(h.children,(function(e){return T&&r.isValidChild(e,"InplaceContent",A)?S(e):!T&&r.isValidChild(e,"InplaceDisplay",A)?w(e):void 0}))),k=l("p-inplace p-component",{"p-inplace-closable":h.closable},h.className);return e.createElement("div",i({ref:E,className:k},_),x)}));v.displayName="InplaceDisplay",b.displayName="InplaceContent",y.displayName="Inplace";export{y as Inplace,b as InplaceContent,v as InplaceDisplay};
+import*as e from"react";import{localeOption as n}from"primereact/api";import{Button as t}from"primereact/button";import{TimesIcon as r}from"primereact/icons/times";import{classNames as l,mergeProps as a,ObjectUtils as o,IconUtils as i}from"primereact/utils";import{ComponentBase as c}from"primereact/componentbase";function p(e){if(Array.isArray(e))return e}function u(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw l}}return i}}function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function d(e,n){if(e){if("string"==typeof e)return s(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}c.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),c.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var f=c.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0}}),v=function(e){return e.children},y=function(e){return e.children},b=e.forwardRef((function(c,s){var v,y,b=f.getProps(c),g=e.useState(b.active),I=(y=2,p(v=g)||u(v,y)||d(v,y)||m()),h=I[0],C=I[1],E=e.useRef(null),T=b.onToggle?b.active:h,N=f.setMetaData({props:b,state:{active:h}}).ptm,x=function(e){b.disabled||(b.onOpen&&b.onOpen(e),b.onToggle?b.onToggle({originalEvent:e,value:!0}):C(!0))},O=function(e){b.onClose&&b.onClose(e),b.onToggle?b.onToggle({originalEvent:e,value:!1}):C(!1)},P=function(e){"Enter"===e.key&&(x(e),e.preventDefault())},D=function(n){var t=l("p-inplace-display",{"p-disabled":b.disabled}),r=a({onClick:x,className:t,onKeyDown:P,tabIndex:b.tabIndex,"aria-label":b.ariaLabel},N("display"));return e.createElement("div",r,n)},S=function(){var l=i.getJSXIcon(b.closeIcon||e.createElement(r,null),void 0,{props:b}),o=n("close");if(b.closable){var c=a({className:"p-inplace-content-close",icon:l,type:"button",onClick:O,"aria-label":o,pt:N("closeButton")});return e.createElement(t,c)}return null};e.useImperativeHandle(s,(function(){return{props:b,getElement:function(){return E.current}}}));var w,A=(w=["InplaceContent","InplaceDisplay"],e.Children.map(b.children,(function(n){return T&&o.isValidChild(n,"InplaceContent",w)?(t=n,r=S(),l=a({className:"p-inplace-content"},N("content")),e.createElement("div",l,t,r)):!T&&o.isValidChild(n,"InplaceDisplay",w)?D(n):void 0;var t,r,l}))),_=l("p-inplace p-component",{"p-inplace-closable":b.closable},b.className),j=a({ref:E,className:_},f.getOtherProps(b),N("root"));return e.createElement("div",j,A)}));v.displayName="InplaceDisplay",y.displayName="InplaceContent",b.displayName="Inplace";export{b as Inplace,y as InplaceContent,v as InplaceDisplay};