primereact 9.2.3 → 9.3.0

package/image/image.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Defines valid properties in Image component. In addition to these, all properties of HTMLSpanElement can be used in this component.
@@ -28,6 +29,30 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      * @default false
      */
     downloadable?: boolean | undefined;
+    /**
+     * Icon of the download button.
+     */
+    downloadIcon: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the rotate right button.
+     */
+    rotateRightIcon: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the rotate left button.
+     */
+    rotateLeftIcon: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the zoom out button.
+     */
+    zoomOutIcon: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the zoom in button.
+     */
+    zoomInIcon: IconType<ImageProps> | undefined;
+    /**
+     * Icon of the close button.
+     */
+    closeIcon: IconType<ImageProps> | undefined;
     /**
      * Height of the image element.
      */
@@ -45,12 +70,17 @@ export interface ImageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
      * @default false
      */
     preview?: boolean | undefined;
+    /**
+     * Changing the default icon when the image is hovered in preview mode.
+     */
+    indicatorIcon?: IconType<ImageProps> | undefined;
     /**
      * Specifies the path to the image.
      */
     src?: string | undefined;
     /**
      * Changing the default icon when the image is hovered in preview mode.
+     * @deprecated Since v9, use `indicatorIcon` instead.
      */
     template?: any | undefined;
     /**

package/image/image.esm.js

@@ -3,7 +3,14 @@ import PrimeReact, { localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useUnmountEffect } from 'primereact/hooks';
 import { Portal } from 'primereact/portal';
-import { ObjectUtils, ZIndexUtils, classNames, DomHandler } from 'primereact/utils';
+import { ObjectUtils, ZIndexUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { IconBase } from 'primereact/iconbase';
+import { RefreshIcon } from 'primereact/icons/refresh';
+import { EyeIcon } from 'primereact/icons/eye';
+import { UndoIcon } from 'primereact/icons/undo';
+import { SearchMinusIcon } from 'primereact/icons/searchminus';
+import { SearchPlusIcon } from 'primereact/icons/searchplus';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -81,6 +88,12 @@ var ImageBase = {
     alt: null,
     className: null,
     downloadable: false,
+    downloadIcon: null,
+    rotateRightIcon: null,
+    rotateLeftIcon: null,
+    zoomOutIcon: null,
+    zoomInIcon: null,
+    closeIcon: null,
     height: null,
     imageClassName: null,
     imageStyle: null,
@@ -88,6 +101,7 @@ var ImageBase = {
     onHide: null,
     onShow: null,
     preview: false,
+    indicatorIcon: null,
     src: null,
     template: null,
     width: null,
@@ -102,6 +116,32 @@ var ImageBase = {
   }
 };
 
+var DownloadIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, pti), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#clip0_407_20832)"
+  }, /*#__PURE__*/React.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"
+  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "clip0_407_20832"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: "14",
+    height: "14",
+    fill: "white"
+  }))));
+}));
+DownloadIcon.displayName = 'DownloadIcon';
+
 var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = ImageBase.getProps(inProps);
   var _React$useState = React.useState(false),
@@ -212,7 +252,24 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     };
     var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5;
     // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
-
+    var downloadIcon = IconUtils.getJSXIcon(props.downloadIcon || /*#__PURE__*/React.createElement(DownloadIcon, null), undefined, {
+      props: props
+    });
+    var rotateRightIcon = IconUtils.getJSXIcon(props.rotateRightIcon || /*#__PURE__*/React.createElement(RefreshIcon, null), undefined, {
+      props: props
+    });
+    var rotateLeftIcon = IconUtils.getJSXIcon(props.rotateLeftIcon || /*#__PURE__*/React.createElement(UndoIcon, null), undefined, {
+      props: props
+    });
+    var zoomOutIcon = IconUtils.getJSXIcon(props.zoomOutIcon || /*#__PURE__*/React.createElement(SearchMinusIcon, null), undefined, {
+      props: props
+    });
+    var zoomInIcon = IconUtils.getJSXIcon(props.zoomInIcon || /*#__PURE__*/React.createElement(SearchPlusIcon, null), undefined, {
+      props: props
+    });
+    var closeIcon = IconUtils.getJSXIcon(props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, null), undefined, {
+      props: props
+    });
     return /*#__PURE__*/React.createElement("div", {
       ref: maskRef,
       className: "p-image-mask p-component-overlay p-component-overlay-enter",
@@ -223,41 +280,29 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       className: "p-image-action p-link",
       onClick: onDownload,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-download"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, downloadIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: rotateRight,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-refresh"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, rotateRightIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: rotateLeft,
       type: "button"
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-undo"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, rotateLeftIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: zoomOut,
       type: "button",
       disabled: zoomDisabled
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-search-minus"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, zoomOutIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       onClick: zoomIn,
       type: "button",
       disabled: zoomDisabled
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-search-plus"
-    })), /*#__PURE__*/React.createElement("button", {
+    }, zoomInIcon), /*#__PURE__*/React.createElement("button", {
       className: "p-image-action p-link",
       type: "button",
       "aria-label": localeOption('close')
-    }, /*#__PURE__*/React.createElement("i", {
-      className: "pi pi-times"
-    }))), /*#__PURE__*/React.createElement(CSSTransition, {
+    }, closeIcon)), /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: previewRef,
       classNames: "p-image-preview",
       "in": previewVisibleState,
@@ -303,9 +348,16 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     'p-image-preview-container': props.preview
   });
   var element = createElement();
-  var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : /*#__PURE__*/React.createElement("i", {
-    className: "p-image-preview-icon pi pi-eye"
+  var iconClassName = 'p-image-preview-icon';
+  var icon = props.indicatorIcon || /*#__PURE__*/React.createElement(EyeIcon, {
+    className: iconClassName
+  });
+  var indicatorIcon = IconUtils.getJSXIcon(icon, {
+    className: iconClassName
+  }, {
+    props: props
   });
+  var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : indicatorIcon;
   var preview = createPreview();
   var image = props.src && /*#__PURE__*/React.createElement("img", {
     ref: imageRef,

package/image/image.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{ObjectUtils as o,ZIndexUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function s(){return s=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},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,o,l=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}function f(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 d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function g(){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 y(e,t){return m(e)||p(e,t)||d(e,t)||g()}var E={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return o.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,E.defaultProps)}},b=e.memo(e.forwardRef((function(m,p){var f=E.getProps(m),d=y(e.useState(!1),2),g=d[0],b=d[1],v=y(e.useState(!1),2),h=v[0],w=v[1],N=y(e.useState(0),2),S=N[0],k=N[1],C=y(e.useState(1),2),O=C[0],P=C[1],x=e.useRef(null),I=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(!1),H=function(){f.preview&&(b(!0),setTimeout((function(){w(!0)}),25))},T=function(){R.current||(w(!1),k(0),P(1)),R.current=!1},z=function(){R.current=!0},M=function(){u.saveAs({name:f.alt,src:f.src}),R.current=!0},_=function(){k((function(e){return e+90})),R.current=!0},D=function(){k((function(e){return e-90})),R.current=!0},J=function(){P((function(e){return e+.1})),R.current=!0},U=function(){P((function(e){return e-.1})),R.current=!0},X=function(){l.set("modal",j.current,t.autoZIndex,t.zIndex.modal)},Y=function(){f.onShow&&f.onShow()},Z=function(){u.addClass(j.current,"p-component-overlay-leave")},$=function(){f.onHide&&f.onHide()},q=function(){l.clear(j.current),b(!1)};a((function(){j.current&&l.clear(j.current)}));e.useImperativeHandle(p,(function(){return{props:f,show:H,hide:T,getElement:function(){return x.current},getImage:function(){return I.current}}}));var B,F,G=f.src,K=f.alt,L=f.width,Q=f.height,V=E.getOtherProps(f),W=c("p-image p-component",f.className,{"p-image-preview-container":f.preview}),ee=(B={transform:"rotate("+S+"deg) scale("+O+")"},F=O<=.5||O>=1.5,e.createElement("div",{ref:j,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:T},e.createElement("div",{className:"p-image-toolbar"},f.downloadable&&e.createElement("button",{className:"p-image-action p-link",onClick:M,type:"button"},e.createElement("i",{className:"pi pi-download"})),e.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},e.createElement("i",{className:"pi pi-refresh"})),e.createElement("button",{className:"p-image-action p-link",onClick:D,type:"button"},e.createElement("i",{className:"pi pi-undo"})),e.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-minus"})),e.createElement("button",{className:"p-image-action p-link",onClick:J,type:"button",disabled:F},e.createElement("i",{className:"pi pi-search-plus"})),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},e.createElement("i",{className:"pi pi-times"}))),e.createElement(r,{nodeRef:A,classNames:"p-image-preview",in:h,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:X,onEntered:Y,onExit:Z,onExiting:$,onExited:q},e.createElement("div",{ref:A},e.createElement("img",{src:f.zoomSrc||f.src,className:"p-image-preview",style:B,onClick:z,alt:f.alt}))))),te=f.template?o.getJSXElement(f.template,f):e.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),ne=f.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:H},te):null,re=f.src&&e.createElement("img",{ref:I,src:G,className:f.imageClassName,width:L,height:Q,style:f.imageStyle,alt:K,onError:f.onError});return e.createElement("span",s({ref:x,className:W},V),re,ne,g&&e.createElement(i,{element:ee,appendTo:document.body}))})));b.displayName="Image";export{b as Image};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useUnmountEffect as o}from"primereact/hooks";import{Portal as l}from"primereact/portal";import{ObjectUtils as a,ZIndexUtils as i,classNames as c,IconUtils as u,DomHandler as m}from"primereact/utils";import{IconBase as s}from"primereact/iconbase";import{RefreshIcon as p}from"primereact/icons/refresh";import{EyeIcon as f}from"primereact/icons/eye";import{UndoIcon as d}from"primereact/icons/undo";import{SearchMinusIcon as g}from"primereact/icons/searchminus";import{SearchPlusIcon as C}from"primereact/icons/searchplus";import{TimesIcon as v}from"primereact/icons/times";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 E(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function w(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 b(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return E(e)||y(e,t)||b(e,t)||I()}var N={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,downloadIcon:null,rotateRightIcon:null,rotateLeftIcon:null,zoomOutIcon:null,zoomInIcon:null,closeIcon:null,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,indicatorIcon:null,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return a.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,N.defaultProps)}},k=e.memo(e.forwardRef((function(t,n){var r=s.getPTI(t);return e.createElement("svg",h({ref:n,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("g",{clipPath:"url(#clip0_407_20832)"},e.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"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_407_20832"},e.createElement("rect",{width:"14",height:"14",fill:"white"}))))})));k.displayName="DownloadIcon";var P=e.memo(e.forwardRef((function(s,E){var y=N.getProps(s),w=S(e.useState(!1),2),b=w[0],I=w[1],P=S(e.useState(!1),2),O=P[0],R=P[1],x=S(e.useState(0),2),j=x[0],J=x[1],X=S(e.useState(1),2),z=X[0],A=X[1],H=e.useRef(null),L=e.useRef(null),V=e.useRef(null),_=e.useRef(null),T=e.useRef(!1),M=function(){y.preview&&(I(!0),setTimeout((function(){R(!0)}),25))},Z=function(){T.current||(R(!1),J(0),A(1)),T.current=!1},D=function(){T.current=!0},B=function(){m.saveAs({name:y.alt,src:y.src}),T.current=!0},U=function(){J((function(e){return e+90})),T.current=!0},Y=function(){J((function(e){return e-90})),T.current=!0},$=function(){A((function(e){return e+.1})),T.current=!0},q=function(){A((function(e){return e-.1})),T.current=!0},F=function(){i.set("modal",V.current,t.autoZIndex,t.zIndex.modal)},G=function(){y.onShow&&y.onShow()},K=function(){m.addClass(V.current,"p-component-overlay-leave")},Q=function(){y.onHide&&y.onHide()},W=function(){i.clear(V.current),I(!1)};o((function(){V.current&&i.clear(V.current)}));e.useImperativeHandle(E,(function(){return{props:y,show:M,hide:Z,getElement:function(){return H.current},getImage:function(){return L.current}}}));var ee,te,ne,re,oe,le,ae,ie,ce,ue=y.src,me=y.alt,se=y.width,pe=y.height,fe=N.getOtherProps(y),de=c("p-image p-component",y.className,{"p-image-preview-container":y.preview}),ge=(ee=y.downloadable,te={transform:"rotate("+j+"deg) scale("+z+")"},ne=z<=.5||z>=1.5,re=u.getJSXIcon(y.downloadIcon||e.createElement(k,null),void 0,{props:y}),oe=u.getJSXIcon(y.rotateRightIcon||e.createElement(p,null),void 0,{props:y}),le=u.getJSXIcon(y.rotateLeftIcon||e.createElement(d,null),void 0,{props:y}),ae=u.getJSXIcon(y.zoomOutIcon||e.createElement(g,null),void 0,{props:y}),ie=u.getJSXIcon(y.zoomInIcon||e.createElement(C,null),void 0,{props:y}),ce=u.getJSXIcon(y.closeIcon||e.createElement(v,null),void 0,{props:y}),e.createElement("div",{ref:V,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:Z},e.createElement("div",{className:"p-image-toolbar"},ee&&e.createElement("button",{className:"p-image-action p-link",onClick:B,type:"button"},re),e.createElement("button",{className:"p-image-action p-link",onClick:U,type:"button"},oe),e.createElement("button",{className:"p-image-action p-link",onClick:Y,type:"button"},le),e.createElement("button",{className:"p-image-action p-link",onClick:q,type:"button",disabled:ne},ae),e.createElement("button",{className:"p-image-action p-link",onClick:$,type:"button",disabled:ne},ie),e.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n("close")},ce)),e.createElement(r,{nodeRef:_,classNames:"p-image-preview",in:O,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:F,onEntered:G,onExit:K,onExiting:Q,onExited:W},e.createElement("div",{ref:_},e.createElement("img",{src:y.zoomSrc||y.src,className:"p-image-preview",style:te,onClick:D,alt:y.alt}))))),Ce="p-image-preview-icon",ve=u.getJSXIcon(y.indicatorIcon||e.createElement(f,{className:Ce}),{className:Ce},{props:y}),he=y.template?a.getJSXElement(y.template,y):ve,Ee=y.preview?e.createElement("div",{className:"p-image-preview-indicator",onClick:M},he):null,ye=y.src&&e.createElement("img",{ref:L,src:ue,className:y.imageClassName,width:se,height:pe,style:y.imageStyle,alt:me,onError:y.onError});return e.createElement("span",h({ref:H,className:de},fe),ye,Ee,b&&e.createElement(l,{element:ge,appendTo:document.body}))})));P.displayName="Image";export{P as Image};

package/image/image.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.image = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils) {
+this.primereact.image = (function (exports, React, PrimeReact, csstransition, hooks, portal, utils, iconbase, refresh, eye, undo, searchminus, searchplus, times) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -101,6 +101,12 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       alt: null,
       className: null,
       downloadable: false,
+      downloadIcon: null,
+      rotateRightIcon: null,
+      rotateLeftIcon: null,
+      zoomOutIcon: null,
+      zoomInIcon: null,
+      closeIcon: null,
       height: null,
       imageClassName: null,
       imageStyle: null,
@@ -108,6 +114,7 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       onHide: null,
       onShow: null,
       preview: false,
+      indicatorIcon: null,
       src: null,
       template: null,
       width: null,
@@ -122,6 +129,32 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
     }
   };
 
+  var DownloadIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var pti = iconbase.IconBase.getPTI(inProps);
+    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+      ref: ref,
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, pti), /*#__PURE__*/React__namespace.createElement("g", {
+      clipPath: "url(#clip0_407_20832)"
+    }, /*#__PURE__*/React__namespace.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"
+    })), /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+      id: "clip0_407_20832"
+    }, /*#__PURE__*/React__namespace.createElement("rect", {
+      width: "14",
+      height: "14",
+      fill: "white"
+    }))));
+  }));
+  DownloadIcon.displayName = 'DownloadIcon';
+
   var Image = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = ImageBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
@@ -232,7 +265,24 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       };
       var zoomDisabled = scaleState <= 0.5 || scaleState >= 1.5;
       // const rotateClassName = 'p-image-preview-rotate-' + rotateScale;
-
+      var downloadIcon = utils.IconUtils.getJSXIcon(props.downloadIcon || /*#__PURE__*/React__namespace.createElement(DownloadIcon, null), undefined, {
+        props: props
+      });
+      var rotateRightIcon = utils.IconUtils.getJSXIcon(props.rotateRightIcon || /*#__PURE__*/React__namespace.createElement(refresh.RefreshIcon, null), undefined, {
+        props: props
+      });
+      var rotateLeftIcon = utils.IconUtils.getJSXIcon(props.rotateLeftIcon || /*#__PURE__*/React__namespace.createElement(undo.UndoIcon, null), undefined, {
+        props: props
+      });
+      var zoomOutIcon = utils.IconUtils.getJSXIcon(props.zoomOutIcon || /*#__PURE__*/React__namespace.createElement(searchminus.SearchMinusIcon, null), undefined, {
+        props: props
+      });
+      var zoomInIcon = utils.IconUtils.getJSXIcon(props.zoomInIcon || /*#__PURE__*/React__namespace.createElement(searchplus.SearchPlusIcon, null), undefined, {
+        props: props
+      });
+      var closeIcon = utils.IconUtils.getJSXIcon(props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null), undefined, {
+        props: props
+      });
       return /*#__PURE__*/React__namespace.createElement("div", {
         ref: maskRef,
         className: "p-image-mask p-component-overlay p-component-overlay-enter",
@@ -243,41 +293,29 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
         className: "p-image-action p-link",
         onClick: onDownload,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-download"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, downloadIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: rotateRight,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-refresh"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, rotateRightIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: rotateLeft,
         type: "button"
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-undo"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, rotateLeftIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: zoomOut,
         type: "button",
         disabled: zoomDisabled
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-search-minus"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, zoomOutIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         onClick: zoomIn,
         type: "button",
         disabled: zoomDisabled
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-search-plus"
-      })), /*#__PURE__*/React__namespace.createElement("button", {
+      }, zoomInIcon), /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-image-action p-link",
         type: "button",
         "aria-label": PrimeReact.localeOption('close')
-      }, /*#__PURE__*/React__namespace.createElement("i", {
-        className: "pi pi-times"
-      }))), /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
+      }, closeIcon)), /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: previewRef,
         classNames: "p-image-preview",
         "in": previewVisibleState,
@@ -323,9 +361,16 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
       'p-image-preview-container': props.preview
     });
     var element = createElement();
-    var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : /*#__PURE__*/React__namespace.createElement("i", {
-      className: "p-image-preview-icon pi pi-eye"
+    var iconClassName = 'p-image-preview-icon';
+    var icon = props.indicatorIcon || /*#__PURE__*/React__namespace.createElement(eye.EyeIcon, {
+      className: iconClassName
+    });
+    var indicatorIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
     });
+    var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : indicatorIcon;
     var preview = createPreview();
     var image = props.src && /*#__PURE__*/React__namespace.createElement("img", {
       ref: imageRef,
@@ -353,4 +398,4 @@ this.primereact.image = (function (exports, React, PrimeReact, csstransition, ho
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.utils);
+})({}, 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);

package/image/image.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.image=function(e,t,n,r,a,i,l){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 u=c(t),s=o(n);function m(){return m=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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return o}}function d(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 g(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function b(){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 y(e,t){return p(e)||f(e,t)||g(e,t)||b()}var v={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,src:null,template:null,width:null,zoomSrc:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},h=u.memo(u.forwardRef((function(e,t){var o=v.getProps(e),c=y(u.useState(!1),2),p=c[0],f=c[1],d=y(u.useState(!1),2),g=d[0],b=d[1],h=y(u.useState(0),2),E=h[0],w=h[1],N=y(u.useState(1),2),O=N[0],S=N[1],j=u.useRef(null),k=u.useRef(null),P=u.useRef(null),C=u.useRef(null),I=u.useRef(!1),x=function(){o.preview&&(f(!0),setTimeout((function(){b(!0)}),25))},R=function(){I.current||(b(!1),w(0),S(1)),I.current=!1},U=function(){I.current=!0},A=function(){l.DomHandler.saveAs({name:o.alt,src:o.src}),I.current=!0},H=function(){w((function(e){return e+90})),I.current=!0},_=function(){w((function(e){return e-90})),I.current=!0},T=function(){S((function(e){return e+.1})),I.current=!0},z=function(){S((function(e){return e-.1})),I.current=!0},D=function(){l.ZIndexUtils.set("modal",P.current,s.default.autoZIndex,s.default.zIndex.modal)},M=function(){o.onShow&&o.onShow()},Z=function(){l.DomHandler.addClass(P.current,"p-component-overlay-leave")},J=function(){o.onHide&&o.onHide()},X=function(){l.ZIndexUtils.clear(P.current),f(!1)};a.useUnmountEffect((function(){P.current&&l.ZIndexUtils.clear(P.current)}));u.useImperativeHandle(t,(function(){return{props:o,show:x,hide:R,getElement:function(){return j.current},getImage:function(){return k.current}}}));var Y,$,q=o.src,B=o.alt,F=o.width,G=o.height,K=v.getOtherProps(o),L=l.classNames("p-image p-component",o.className,{"p-image-preview-container":o.preview}),Q=(Y={transform:"rotate("+E+"deg) scale("+O+")"},$=O<=.5||O>=1.5,u.createElement("div",{ref:P,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:R},u.createElement("div",{className:"p-image-toolbar"},o.downloadable&&u.createElement("button",{className:"p-image-action p-link",onClick:A,type:"button"},u.createElement("i",{className:"pi pi-download"})),u.createElement("button",{className:"p-image-action p-link",onClick:H,type:"button"},u.createElement("i",{className:"pi pi-refresh"})),u.createElement("button",{className:"p-image-action p-link",onClick:_,type:"button"},u.createElement("i",{className:"pi pi-undo"})),u.createElement("button",{className:"p-image-action p-link",onClick:z,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-minus"})),u.createElement("button",{className:"p-image-action p-link",onClick:T,type:"button",disabled:$},u.createElement("i",{className:"pi pi-search-plus"})),u.createElement("button",{className:"p-image-action p-link",type:"button","aria-label":n.localeOption("close")},u.createElement("i",{className:"pi pi-times"}))),u.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-image-preview",in:g,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:D,onEntered:M,onExit:Z,onExiting:J,onExited:X},u.createElement("div",{ref:C},u.createElement("img",{src:o.zoomSrc||o.src,className:"p-image-preview",style:Y,onClick:U,alt:o.alt}))))),V=o.template?l.ObjectUtils.getJSXElement(o.template,o):u.createElement("i",{className:"p-image-preview-icon pi pi-eye"}),W=o.preview?u.createElement("div",{className:"p-image-preview-indicator",onClick:x},V):null,ee=o.src&&u.createElement("img",{ref:k,src:q,className:o.imageClassName,width:F,height:G,style:o.imageStyle,alt:B,onError:o.onError});return u.createElement("span",m({ref:j,className:L},K),ee,W,p&&u.createElement(i.Portal,{element:Q,appendTo:document.body}))})));return h.displayName="Image",e.Image=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils);
+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 E(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 y(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 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)||y(e,t)||w()}var O={defaultProps:{__TYPE:"Image",alt:null,className:null,downloadable:!1,downloadIcon:null,rotateRightIcon:null,rotateLeftIcon:null,zoomOutIcon:null,zoomInIcon:null,closeIcon:null,height:null,imageClassName:null,imageStyle:null,onError:null,onHide:null,onShow:null,preview:!1,indicatorIcon:null,src:null,template:null,width: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),E=b[0],y=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),_=h.useRef(null),z=h.useRef(null),H=h.useRef(null),J=h.useRef(!1),X=function(){c.preview&&(C(!0),setTimeout((function(){y(!0)}),25))},A=function(){J.current||(y(!1),j(0),R(1)),J.current=!1},M=function(){J.current=!0},T=function(){a.DomHandler.saveAs({name:c.alt,src:c.src}),J.current=!0},L=function(){j((function(e){return e+90})),J.current=!0},V=function(){j((function(e){return e-90})),J.current=!0},Z=function(){R((function(e){return e+.1})),J.current=!0},D=function(){R((function(e){return e-.1})),J.current=!0},B=function(){a.ZIndexUtils.set("modal",z.current,I.default.autoZIndex,I.default.zIndex.modal)},Y=function(){c.onShow&&c.onShow()},$=function(){a.DomHandler.addClass(z.current,"p-component-overlay-leave")},q=function(){c.onHide&&c.onHide()},F=function(){a.ZIndexUtils.clear(z.current),C(!1)};o.useUnmountEffect((function(){z.current&&a.ZIndexUtils.clear(z.current)}));h.useImperativeHandle(t,(function(){return{props:c,show:X,hide:A,getElement:function(){return x.current},getImage:function(){return _.current}}}));var G,K,Q,W,ee,te,ne,re,oe,le=c.src,ae=c.alt,ce=c.width,ie=c.height,ue=O.getOtherProps(c),se=a.classNames("p-image p-component",c.className,{"p-image-preview-container":c.preview}),me=(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:z,className:"p-image-mask p-component-overlay p-component-overlay-enter",onClick:A},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:H,classNames:"p-image-preview",in:E,timeout:{enter:150,exit:150},unmountOnExit:!0,onEntering:B,onEntered:Y,onExit:$,onExiting:q,onExited:F},h.createElement("div",{ref:H},h.createElement("img",{src:c.zoomSrc||c.src,className:"p-image-preview",style:K,onClick:M,alt:c.alt}))))),pe="p-image-preview-icon",fe=a.IconUtils.getJSXIcon(c.indicatorIcon||h.createElement(u.EyeIcon,{className:pe}),{className:pe},{props:c}),de=c.template?a.ObjectUtils.getJSXElement(c.template,c):fe,ge=c.preview?h.createElement("div",{className:"p-image-preview-indicator",onClick:X},de):null,he=c.src&&h.createElement("img",{ref:_,src:le,className:c.imageClassName,width:ce,height:ie,style:c.imageStyle,alt:ae,onError:c.onError});return h.createElement("span",v({ref:x,className:se},ue),he,ge,g&&h.createElement(l.Portal,{element:me,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);

package/inplace/inplace.cjs.js

@@ -6,6 +6,7 @@ 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');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -122,6 +123,7 @@ var InplaceBase = {
     className: null,
     active: false,
     closable: false,
+    closeIcon: null,
     disabled: false,
     tabIndex: 0,
     ariaLabel: null,
@@ -198,13 +200,18 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }), content);
   };
   var createCloseButton = function createCloseButton() {
+    var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null);
+    var closeIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var ariaLabel = api.localeOption('close');
     if (props.closable) {
       return /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
         className: "p-inplace-content-close",
-        icon: "pi pi-times",
+        icon: closeIcon,
         onClick: close,
-        "aria-label": api.localeOption('close')
+        "aria-label": ariaLabel
       });
     }
     return null;

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

package/inplace/inplace.d.ts

@@ -14,6 +14,7 @@
  *
  */
 import * as React from 'react';
+import { IconType } from '../utils/utils';
 
 /**
  * Custom toggle event.
@@ -55,6 +56,10 @@ export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * Used to define a string that labels the component.
      */
     ariaLabel?: string | undefined;
+    /**
+     * Icon of the close button.
+     */
+    closeIcon?: IconType<InplaceProps> | undefined;
     /**
      * Callback to invoke when inplace is opened.
      * @param {React.MouseEvent}  event - Browser event.

package/inplace/inplace.esm.js

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -98,6 +99,7 @@ var InplaceBase = {
     className: null,
     active: false,
     closable: false,
+    closeIcon: null,
     disabled: false,
     tabIndex: 0,
     ariaLabel: null,
@@ -174,13 +176,18 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }), content);
   };
   var createCloseButton = function createCloseButton() {
+    var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, null);
+    var closeIcon = IconUtils.getJSXIcon(icon, undefined, {
+      props: props
+    });
+    var ariaLabel = localeOption('close');
     if (props.closable) {
       return /*#__PURE__*/React.createElement(Button, {
         type: "button",
         className: "p-inplace-content-close",
-        icon: "pi pi-times",
+        icon: closeIcon,
         onClick: close,
-        "aria-label": localeOption('close')
+        "aria-label": ariaLabel
       });
     }
     return null;

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}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(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 c(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 c(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)?c(e,n):void 0}}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.")}var s={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,s.defaultProps)}},f={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,f.defaultProps)}},d={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,d.defaultProps)}},m=function(e){return e.children},g=function(e){return e.children},b=e.forwardRef((function(c,m){var g,b,v=d.getProps(c),y=e.useState(v.active),h=(b=2,a(g=y)||i(g,b)||p(g,b)||u()),P=h[0],I=h[1],O=e.useRef(null),C=v.onToggle?v.active:P,E=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):I(!0))},T=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):I(!1)},D=function(e){"Enter"===e.key&&(E(e),e.preventDefault())},N=function(n){var t=s.getOtherProps(n),r=l("p-inplace-display",{"p-disabled":v.disabled});return e.createElement("div",o({className:r},t,{onClick:E,onKeyDown:D,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),n)},j=function(r){var l=f.getOtherProps(r),a=v.closable?e.createElement(t,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:T,"aria-label":n("close")}):null;return e.createElement("div",o({className:"p-inplace-content"},l),r,a)};e.useImperativeHandle(m,(function(){return{props:v,getElement:function(){return O.current}}}));var w,A=d.getOtherProps(v),S=(w=["InplaceContent","InplaceDisplay"],e.Children.map(v.children,(function(e){return C&&r.isValidChild(e,"InplaceContent",w)?j(e):!C&&r.isValidChild(e,"InplaceDisplay",w)?N(e):void 0}))),_=l("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return e.createElement("div",o({ref:O,className:_},A),S)}));m.displayName="InplaceDisplay",g.displayName="InplaceContent",b.displayName="Inplace";export{b as Inplace,g as InplaceContent,m as InplaceDisplay};
+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};