primereact 9.2.3 → 9.3.1

package/messages/messages.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, utils, api, hooks, ripple) {
+this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, utils, api, hooks, check, exclamationtriangle, infocircle, times, timescircle, ripple) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -127,16 +127,65 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     }
   };
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      icon = _props$message.icon;
+    var messageInfo = props.message;
+    var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle,
+      _icon = _messageInfo$message.icon,
+      _closeIcon = _messageInfo$message.closeIcon;
     var _useTimeout = hooks.useTimeout(function () {
         onClose(null);
       }, life || 3000, !sticky),
@@ -156,31 +205,53 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
+        var iconProps = {
+          className: 'p-message-close-icon',
+          'aria-hidden': true
+        };
+        var icon = _closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
+        var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+          props: props
+        });
         return /*#__PURE__*/React__namespace.createElement("button", {
           type: "button",
           className: "p-message-close p-link",
           "aria-label": ariaLabel,
           onClick: onClose
-        }, /*#__PURE__*/React__namespace.createElement("i", {
-          className: "p-message-close-icon pi pi-times",
-          "aria-hidden": "true"
-        }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, _closeIcon2, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createMessage = function createMessage() {
       if (props.message) {
-        var iconValue = icon;
-        if (!iconValue) {
-          iconValue = utils.classNames('pi', {
-            'pi-info-circle': severity === 'info',
-            'pi-exclamation-triangle': severity === 'warn',
-            'pi-times-circle': severity === 'error',
-            'pi-check': severity === 'success'
-          });
+        var iconClassName = 'p-message-icon';
+        var icon = _icon;
+        if (!_icon) {
+          switch (severity) {
+            case 'info':
+              icon = /*#__PURE__*/React__namespace.createElement(infocircle.InfoCircleIcon, {
+                className: iconClassName
+              });
+              break;
+            case 'warn':
+              icon = /*#__PURE__*/React__namespace.createElement(exclamationtriangle.ExclamationTriangleIcon, {
+                className: iconClassName
+              });
+              break;
+            case 'error':
+              icon = /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, {
+                className: iconClassName
+              });
+              break;
+            case 'success':
+              icon = /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+                className: iconClassName
+              });
+              break;
+          }
         }
-        var iconContent = utils.IconUtils.getJSXIcon(iconValue, {
-          className: 'p-message-icon'
+        var iconContent = utils.IconUtils.getJSXIcon(icon, {
+          className: iconClassName
         }, {
           props: props
         });
@@ -192,15 +263,18 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       }
       return null;
     };
-    var className = utils.classNames('p-message p-component p-message-' + severity);
+    var className = utils.classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+    var contentClassName = utils.classNames('p-message-wrapper', _contentClassName);
     var closeIcon = createCloseIcon();
     var message = createMessage();
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: ref,
       className: className,
+      style: style,
       onClick: onClick
     }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-message-wrapper"
+      className: contentClassName,
+      style: contentStyle
     }, message, closeIcon));
   }));
   UIMessage.displayName = 'UIMessage';
@@ -216,35 +290,33 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     var show = function show(value) {
       if (value) {
         var messages = assignIdentifiers(value, true);
-        if (Array.isArray(value)) {
-          for (var i = 0; i < value.length; i++) {
-            value[i].id = messageIdx++;
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          }
-        } else {
-          value.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-        }
         setMessagesState(messages);
       }
     };
-    var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
       var messages;
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          if (copy) {
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          } else {
-            messages = value;
-          }
+      if (Array.isArray(messageInfo)) {
+        var multipleMessages = messageInfo.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx++,
+            message: message
+          });
+          return acc;
+        }, []);
+        if (copy) {
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+        } else {
+          messages = multipleMessages;
         }
       } else {
-        value.id = messageIdx++;
+        var message = {
+          _pId: messageIdx++,
+          message: messageInfo
+        };
         if (copy) {
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
         } else {
-          messages = [value];
+          messages = [message];
         }
       }
       return messages;
@@ -252,21 +324,26 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     var clear = function clear() {
       setMessagesState([]);
     };
-    var replace = function replace(value) {
-      var replaced = assignIdentifiers(value, false);
+    var replace = function replace(messageInfo) {
+      var replaced = assignIdentifiers(messageInfo, false);
       setMessagesState(replaced);
     };
-    var onClose = function onClose(message) {
-      setMessagesState(messagesState.filter(function (msg) {
-        return msg.id !== message.id;
-      }));
-      props.onRemove && props.onRemove(message);
+    var remove = function remove(messageInfo) {
+      var messages = messagesState.filter(function (msg) {
+        return msg._pId !== messageInfo._pId;
+      });
+      setMessagesState(messages);
+      props.onRemove && props.onRemove(messageInfo.message);
+    };
+    var onClose = function onClose(messageInfo) {
+      remove(messageInfo);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
         show: show,
         replace: replace,
+        remove: remove,
         clear: clear,
         getElement: function getElement() {
           return elementRef.current;
@@ -283,7 +360,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       var messageRef = /*#__PURE__*/React__namespace.createRef();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: message._pId,
         classNames: "p-message",
         unmountOnExit: true,
         timeout: {
@@ -307,4 +384,4 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   return exports;
 
-})({}, React, ReactTransitionGroup, primereact.csstransition, primereact.utils, primereact.api, primereact.hooks, primereact.ripple);
+})({}, React, ReactTransitionGroup, primereact.csstransition, primereact.utils, primereact.api, primereact.hooks, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.times, primereact.icons.timescircle, primereact.ripple);

package/messages/messages.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,a,i,o,s){"use strict";function l(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 c=l(t);function u(){return u=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},u.apply(this,arguments)}function f(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 m(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return m(e)||p(e)||d(e)||y()}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,o,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return s}}function h(){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 O(e,t){return v(e)||b(e,t)||d(e,t)||h()}var E={defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}},j=c.memo(c.forwardRef((function(e,t){var r=e.message,n=r.severity,l=r.content,u=r.summary,f=r.detail,m=r.closable,p=r.icon,d=O(o.useTimeout((function(){y(null)}),r.life||3e3,!r.sticky),1)[0],y=function(t){d(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},g=a.classNames("p-message p-component p-message-"+n),v=function(){if(!1!==m){var e=i.localeOption("close");return c.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":e,onClick:y},c.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))}return null}(),b=function(){if(e.message){var t=p;t||(t=a.classNames("pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times-circle":"error"===n,"pi-check":"success"===n}));var r=a.IconUtils.getJSXIcon(t,{className:"p-message-icon"},{props:e});return l||c.createElement(c.Fragment,null,r,c.createElement("span",{className:"p-message-summary"},u),c.createElement("span",{className:"p-message-detail"},f))}return null}();return c.createElement("div",{ref:t,className:g,onClick:function(){e.onClick&&e.onClick(e.message)}},c.createElement("div",{className:"p-message-wrapper"},b,v))})));j.displayName="UIMessage";var N=0,P=c.memo(c.forwardRef((function(e,t){var a=E.getProps(e),i=O(c.useState([]),2),o=i[0],s=i[1],l=c.useRef(null),f=function(e){if(e){var t=m(e,!0);if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=N++,t=[].concat(g(o),g(e));else e.id=N++,t=o?[].concat(g(o),[e]):[e];s(t)}},m=function(e,t){var r;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=N++,r=t?[].concat(g(o),g(e)):e;else e.id=N++,r=t&&o?[].concat(g(o),[e]):[e];return r},p=function(){s([])},d=function(e){var t=m(e,!1);s(t)},y=function(e){s(o.filter((function(t){return t.id!==e.id}))),a.onRemove&&a.onRemove(e)};c.useImperativeHandle(t,(function(){return{props:a,show:f,replace:d,clear:p,getElement:function(){return l.current}}}));var v=E.getOtherProps(a);return c.createElement("div",u({id:a.id,ref:l,className:a.className,style:a.style},v),c.createElement(r.TransitionGroup,null,o&&o.map((function(e){var t=c.createRef();return c.createElement(n.CSSTransition,{nodeRef:t,key:e.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},c.createElement(j,{ref:t,message:e,onClick:a.onClick,onClose:y}))}))))})));return P.displayName="Messages",e.Messages=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.api,primereact.hooks,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,o,a,i,c,s,l,u,m,f){"use strict";function p(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 y=p(t);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 g(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 v(e){if(Array.isArray(e))return g(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e){return v(e)||d(e)||O(e)||h()}function E(e){if(Array.isArray(e))return e}function P(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,c=[],s=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}function S(){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 w(e,t){return E(e)||P(e,t)||O(e,t)||S()}var I={defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},getProps:function(e){return o.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,I.defaultProps)}};function N(e){return N="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},N(e)}function k(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=k(e,"string");return"symbol"===N(t)?t:String(t)}function A(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 R(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?R(Object(r),!0).forEach((function(t){A(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var _=y.memo(y.forwardRef((function(e,t){var r=e.message.message,n=r.severity,p=r.content,b=r.summary,g=r.detail,v=r.closable,d=r.className,O=r.style,h=r.contentClassName,j=r.contentStyle,E=r.icon,P=r.closeIcon,S=w(i.useTimeout((function(){I(null)}),r.life||3e3,!r.sticky),1)[0],I=function(t){S(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},N=o.classNames("p-message p-component",A({},"p-message-".concat(n),n),d),k=o.classNames("p-message-wrapper",h),C=function(){if(!1!==v){var t=a.localeOption("close"),r={className:"p-message-close-icon","aria-hidden":!0},n=o.IconUtils.getJSXIcon(P||y.createElement(u.TimesIcon,r),T({},r),{props:e});return y.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":t,onClick:I},n,y.createElement(f.Ripple,null))}return null}(),R=function(){if(e.message){var t="p-message-icon",r=E;if(!E)switch(n){case"info":r=y.createElement(l.InfoCircleIcon,{className:t});break;case"warn":r=y.createElement(s.ExclamationTriangleIcon,{className:t});break;case"error":r=y.createElement(m.TimesCircleIcon,{className:t});break;case"success":r=y.createElement(c.CheckIcon,{className:t})}var a=o.IconUtils.getJSXIcon(r,{className:t},{props:e});return p||y.createElement(y.Fragment,null,a,y.createElement("span",{className:"p-message-summary"},b),y.createElement("span",{className:"p-message-detail"},g))}return null}();return y.createElement("div",{ref:t,className:N,style:O,onClick:function(){e.onClick&&e.onClick(e.message)}},y.createElement("div",{className:k,style:j},R,C))})));_.displayName="UIMessage";var M=0,D=y.memo(y.forwardRef((function(e,t){var o=I.getProps(e),a=w(y.useState([]),2),i=a[0],c=a[1],s=y.useRef(null),l=function(e){if(e){var t=u(e,!0);c(t)}},u=function(e,t){var r;if(Array.isArray(e)){var n=e.reduce((function(e,t){return e.push({_pId:M++,message:t}),e}),[]);r=t&&i?[].concat(j(i),j(n)):n}else{var o={_pId:M++,message:e};r=t&&i?[].concat(j(i),[o]):[o]}return r},m=function(){c([])},f=function(e){var t=u(e,!1);c(t)},p=function(e){var t=i.filter((function(t){return t._pId!==e._pId}));c(t),o.onRemove&&o.onRemove(e.message)},g=function(e){p(e)};y.useImperativeHandle(t,(function(){return{props:o,show:l,replace:f,remove:p,clear:m,getElement:function(){return s.current}}}));var v=I.getOtherProps(o);return y.createElement("div",b({id:o.id,ref:s,className:o.className,style:o.style},v),y.createElement(r.TransitionGroup,null,i&&i.map((function(e){var t=y.createRef();return y.createElement(n.CSSTransition,{nodeRef:t,key:e._pId,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:o.transitionOptions},y.createElement(_,{ref:t,message:e,onClick:o.onClick,onClose:g}))}))))})));return D.displayName="Messages",e.Messages=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.api,primereact.hooks,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);

package/multiselect/multiselect.cjs.js

@@ -11,8 +11,13 @@ var utils = require('primereact/utils');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
 var virtualscroller = require('primereact/virtualscroller');
+var check = require('primereact/icons/check');
 var inputtext = require('primereact/inputtext');
 var ripple = require('primereact/ripple');
+var times = require('primereact/icons/times');
+var search = require('primereact/icons/search');
+var timescircle = require('primereact/icons/timescircle');
+var chevrondown = require('primereact/icons/chevrondown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -170,10 +175,12 @@ var MultiSelectBase = {
     appendTo: null,
     ariaLabelledBy: null,
     className: null,
+    closeIcon: null,
+    checkboxIcon: null,
     dataKey: null,
     disabled: false,
     display: 'comma',
-    dropdownIcon: 'pi pi-chevron-down',
+    dropdownIcon: null,
     emptyFilterMessage: null,
     filter: false,
     filterBy: null,
@@ -184,6 +191,7 @@ var MultiSelectBase = {
     fixedPlaceholder: false,
     flex: false,
     id: null,
+    itemCheckboxIcon: null,
     inline: false,
     inputId: null,
     inputRef: null,
@@ -211,7 +219,7 @@ var MultiSelectBase = {
     panelHeaderTemplate: null,
     panelStyle: null,
     placeholder: null,
-    removeIcon: 'pi pi-times-circle',
+    removeIcon: null,
     resetFilterOnHide: false,
     scrollHeight: '200px',
     selectAll: false,
@@ -255,7 +263,7 @@ var CheckboxBase = {
     required: false,
     readOnly: false,
     tabIndex: null,
-    icon: 'pi pi-check',
+    icon: null,
     tooltip: null,
     tooltipOptions: null,
     onChange: null,
@@ -282,7 +290,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var onClick = function onClick(event) {
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
-      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement || event.target instanceof Object;
       var isInputToggled = event.target === inputRef.current;
       var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
       if (isInputToggled || isCheckboxToggled) {
@@ -355,8 +363,12 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     'p-disabled': props.disabled,
     'p-focus': focusedState
   });
-  var icon = utils.IconUtils.getJSXIcon(checked ? props.icon : '', {
-    className: 'p-checkbox-icon p-c'
+  var iconClassName = 'p-checkbox-icon p-c';
+  var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+    className: iconClassName
+  }) : null;
+  var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+    className: iconClassName
   }, {
     props: props,
     checked: checked
@@ -387,13 +399,15 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     required: props.required
   }, ariaProps))), /*#__PURE__*/React__namespace.createElement("div", {
     className: boxClass
-  }, icon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+  }, checkboxIcon)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
 }));
 Checkbox.displayName = 'Checkbox';
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   var filterOptions = {
     filter: function filter(e) {
@@ -421,6 +435,15 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     event.preventDefault();
   };
   var createFilterElement = function createFilterElement() {
+    var filterIconClassName = 'p-multiselect-filter-icon';
+    var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+      className: filterIconClassName
+    });
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: filterIconClassName
+    }, {
+      props: props
+    });
     if (props.filter) {
       var containerClassName = utils.classNames('p-multiselect-filter-container');
       var content = /*#__PURE__*/React__namespace.createElement("div", {
@@ -433,16 +456,14 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
         onChange: onFilter,
         className: "p-multiselect-filter",
         placeholder: props.filterPlaceholder
-      }), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-multiselect-filter-icon pi pi-search"
-      }));
+      }), filterIcon);
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: containerClassName,
           element: content,
           filterOptions: filterOptions,
           onFilter: onFilter,
-          filterIconClassName: 'p-multeselect-filter-icon pi pi-search',
+          filterIconClassName: filterIconClassName,
           props: props
         };
         content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
@@ -452,21 +473,36 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
     return null;
   };
   var filterElement = createFilterElement();
+  var checkboxIconClassName = 'p-checkbox-icon p-c';
+  var checkedIcon = props.itemCheckboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+    className: checkboxIconClassName
+  });
+  var itemCheckboxIcon = utils.IconUtils.getJSXIcon(checkedIcon, {
+    className: checkboxIconClassName
+  }, {
+    selected: props.selected
+  });
   var checkboxElement = props.showSelectAll && /*#__PURE__*/React__namespace.createElement(Checkbox, {
     checked: props.selectAll,
     onChange: onSelectAll,
     role: "checkbox",
-    "aria-checked": props.selectAll
+    "aria-checked": props.selectAll,
+    icon: itemCheckboxIcon
+  });
+  var iconProps = {
+    className: 'p-multiselect-close-icon',
+    'aria-hidden': true
+  };
+  var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
+  var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, iconProps), {
+    props: props
   });
   var closeElement = /*#__PURE__*/React__namespace.createElement("button", {
     type: "button",
     className: "p-multiselect-close p-link",
     "aria-label": PrimeReact.localeOption('close'),
     onClick: props.onClose
-  }, /*#__PURE__*/React__namespace.createElement("span", {
-    className: "p-multiselect-close-icon pi pi-times",
-    "aria-hidden": "true"
-  }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+  }, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   var element = /*#__PURE__*/React__namespace.createElement("div", {
     className: "p-multiselect-header"
   }, checkboxElement, filterElement, closeElement);
@@ -479,9 +515,10 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       filterElement: filterElement,
       closeElement: closeElement,
       closeElementClassName: 'p-multiselect-close p-link',
-      closeIconClassName: 'p-multiselect-close-icon pi pi-times',
+      closeIconClassName: 'p-multiselect-close-icon',
       onCloseClick: props.onClose,
       element: element,
+      itemCheckboxIcon: itemCheckboxIcon,
       props: props
     };
     return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
@@ -515,8 +552,14 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var checkboxClassName = utils.classNames('p-checkbox-box', {
     'p-highlight': props.selected
   });
-  var checkboxIcon = utils.classNames('p-checkbox-icon p-c', {
-    'pi pi-check': props.selected
+  var checkboxIconClassName = 'p-checkbox-icon p-c';
+  var icon = props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
+    className: checkboxIconClassName
+  });
+  var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {
+    className: checkboxIconClassName
+  }, {
+    selected: props.selected
   });
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : props.label;
   var tabIndex = props.disabled ? null : props.tabIndex || 0;
@@ -532,9 +575,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
     className: "p-checkbox p-component"
   }, /*#__PURE__*/React__namespace.createElement("div", {
     className: checkboxClassName
-  }, /*#__PURE__*/React__namespace.createElement("span", {
-    className: checkboxIcon
-  }))), /*#__PURE__*/React__namespace.createElement("span", null, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+  }, checkboxIcon)), /*#__PURE__*/React__namespace.createElement("span", null, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
 MultiSelectItem.displayName = 'MultiSelectItem';
 
@@ -584,7 +625,10 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       selectAll: props.isAllSelected(),
       onSelectAll: props.onSelectAll,
       template: props.panelHeaderTemplate,
-      resetFilter: props.resetFilter
+      resetFilter: props.resetFilter,
+      closeIcon: props.closeIcon,
+      filterIcon: props.filterIcon,
+      itemCheckboxIcon: props.itemCheckboxIcon
     });
   };
   var createFooter = function createFooter() {
@@ -615,7 +659,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         onKeyDown: props.onOptionKeyDown,
         tabIndex: tabIndex,
         disabled: disabled,
-        className: props.itemClassName
+        className: props.itemClassName,
+        checkboxIcon: props.checkboxIcon
       });
     });
   };
@@ -657,7 +702,8 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         onKeyDown: props.onOptionKeyDown,
         tabIndex: tabIndex,
         disabled: disabled,
-        className: props.itemClassName
+        className: props.itemClassName,
+        checkboxIcon: props.checkboxIcon
       });
     }
   };
@@ -1220,14 +1266,19 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         var value = props.value.slice(0, props.maxSelectedLabels || props.value.length);
         return value.map(function (val) {
           var label = getLabelByValue(val);
-          var icon = !props.disabled && utils.IconUtils.getJSXIcon(props.removeIcon, {
+          var icon = !props.disabled && (props.removeIcon ? utils.IconUtils.getJSXIcon(props.removeIcon, {
             className: 'p-multiselect-token-icon',
             onClick: function onClick(e) {
               return removeChip(e, val);
             }
           }, {
             props: props
-          });
+          }) : /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, {
+            className: "p-multiselect-token-icon",
+            onClick: function onClick(e) {
+              return removeChip(e, val);
+            }
+          }));
           return /*#__PURE__*/React__namespace.createElement("div", {
             className: "p-multiselect-token",
             key: label
@@ -1304,13 +1355,22 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createClearIcon = function createClearIcon() {
+    var iconClassName = 'p-multiselect-clear-icon';
+    var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+      className: iconClassName
+    });
+    var clearIcon = utils.IconUtils.getJSXIcon(icon, {
+      className: iconClassName
+    }, {
+      props: props
+    });
     if (!empty && props.showClear && !props.disabled) {
       return /*#__PURE__*/React__namespace.createElement("i", {
-        className: "p-multiselect-clear-icon pi pi-times",
+        className: iconClassName,
         onClick: function onClick(e) {
           return updateModel(e, null);
         }
-      });
+      }, clearIcon);
     }
     return null;
   };
@@ -1340,6 +1400,16 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
     'p-inputwrapper-focus': focusedState || overlayVisibleState
   }, props.className);
+  var dropdownIconClass = 'p-multiselect-trigger-icon p-c';
+  var dropdownIcon = /*#__PURE__*/React__namespace.createElement("div", {
+    className: "p-multiselect-trigger"
+  }, props.dropdownIcon ? utils.IconUtils.getJSXIcon(props.dropdownIcon, {
+    className: dropdownIconClass
+  }, {
+    props: props
+  }) : /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, {
+    className: dropdownIconClass
+  }));
   var label = !props.inline && createLabel();
   var clearIcon = !props.inline && createClearIcon();
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -1364,13 +1434,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     "aria-expanded": overlayVisibleState,
     disabled: props.disabled,
     tabIndex: props.tabIndex
-  }, ariaProps))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-multiselect-trigger"
-  }, utils.IconUtils.getJSXIcon(props.dropdownIcon, {
-    className: 'p-multiselect-trigger-icon p-c'
-  }, {
-    props: props
-  }))), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
+  }, ariaProps))), !props.inline && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, label, clearIcon, dropdownIcon), /*#__PURE__*/React__namespace.createElement(MultiSelectPanel, _extends({
     ref: overlayRef,
     visibleOptions: visibleOptions
   }, props, {