primereact 7.0.0-rc.2 → 7.2.0

package/fieldset/fieldset.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.fieldset = (function (exports, React, core) {
+this.primereact.fieldset = (function (exports, React, utils, csstransition, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,6 +25,9 @@ this.primereact.fieldset = (function (exports, React, core) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -57,23 +60,20 @@ this.primereact.fieldset = (function (exports, React, core) {
         configurable: true
       }
     });
+    Object.defineProperty(subClass, "prototype", {
+      writable: false
+    });
     if (superClass) _setPrototypeOf(subClass, superClass);
   }
 
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-
-    return _typeof(obj);
+    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 _possibleConstructorReturn(self, call) {
@@ -108,9 +108,9 @@ this.primereact.fieldset = (function (exports, React, core) {
     return obj;
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+  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; }
 
   function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -138,7 +138,7 @@ this.primereact.fieldset = (function (exports, React, core) {
 
       _this.state = state;
       _this.toggle = _this.toggle.bind(_assertThisInitialized(_this));
-      _this.contentRef = /*#__PURE__*/React__default['default'].createRef();
+      _this.contentRef = /*#__PURE__*/React__default["default"].createRef();
       return _this;
     }
 
@@ -195,7 +195,7 @@ this.primereact.fieldset = (function (exports, React, core) {
       value: function componentDidMount() {
         if (!this.state.id) {
           this.setState({
-            id: core.UniqueComponentId()
+            id: utils.UniqueComponentId()
           });
         }
       }
@@ -203,24 +203,24 @@ this.primereact.fieldset = (function (exports, React, core) {
       key: "renderContent",
       value: function renderContent(collapsed) {
         var id = this.state.id + '_content';
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.contentRef,
           classNames: "p-toggleable-content",
           timeout: {
             enter: 1000,
             exit: 450
           },
-          in: !collapsed,
+          "in": !collapsed,
           unmountOnExit: true,
           options: this.props.transitionOptions
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.contentRef,
           id: id,
           className: "p-toggleable-content",
           "aria-hidden": collapsed,
           role: "region",
           "aria-labelledby": this.state.id + '_header'
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-fieldset-content"
         }, this.props.children)));
       }
@@ -228,11 +228,11 @@ this.primereact.fieldset = (function (exports, React, core) {
       key: "renderToggleIcon",
       value: function renderToggleIcon(collapsed) {
         if (this.props.toggleable) {
-          var className = core.classNames('p-fieldset-toggler pi', {
+          var className = utils.classNames('p-fieldset-toggler pi', {
             'pi-plus': collapsed,
             'pi-minus': !collapsed
           });
-          return /*#__PURE__*/React__default['default'].createElement("span", {
+          return /*#__PURE__*/React__default["default"].createElement("span", {
             className: className
           });
         }
@@ -245,18 +245,18 @@ this.primereact.fieldset = (function (exports, React, core) {
         if (this.props.toggleable) {
           var toggleIcon = this.renderToggleIcon(collapsed);
           var ariaControls = this.state.id + '_content';
-          return /*#__PURE__*/React__default['default'].createElement("a", {
+          return /*#__PURE__*/React__default["default"].createElement("a", {
             href: '#' + ariaControls,
             "aria-controls": ariaControls,
             id: this.state.id + '_header',
             "aria-expanded": !collapsed,
             tabIndex: this.props.toggleable ? null : -1
-          }, toggleIcon, /*#__PURE__*/React__default['default'].createElement("span", {
+          }, toggleIcon, /*#__PURE__*/React__default["default"].createElement("span", {
             className: "p-fieldset-legend-text"
-          }, this.props.legend), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+          }, this.props.legend), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
         }
 
-        return /*#__PURE__*/React__default['default'].createElement("span", {
+        return /*#__PURE__*/React__default["default"].createElement("span", {
           className: "p-fieldset-legend-text",
           id: this.state.id + '_header'
         }, this.props.legend);
@@ -267,7 +267,7 @@ this.primereact.fieldset = (function (exports, React, core) {
         var legendContent = this.renderLegendContent(collapsed);
 
         if (this.props.legend != null || this.props.toggleable) {
-          return /*#__PURE__*/React__default['default'].createElement("legend", {
+          return /*#__PURE__*/React__default["default"].createElement("legend", {
             className: "p-fieldset-legend p-unselectable-text",
             onClick: this.toggle
           }, legendContent);
@@ -276,13 +276,13 @@ this.primereact.fieldset = (function (exports, React, core) {
     }, {
       key: "render",
       value: function render() {
-        var className = core.classNames('p-fieldset p-component', this.props.className, {
+        var className = utils.classNames('p-fieldset p-component', this.props.className, {
           'p-fieldset-toggleable': this.props.toggleable
         });
         var collapsed = this.isCollapsed();
         var legend = this.renderLegend(collapsed);
         var content = this.renderContent(collapsed);
-        return /*#__PURE__*/React__default['default'].createElement("fieldset", {
+        return /*#__PURE__*/React__default["default"].createElement("fieldset", {
           id: this.props.id,
           className: className,
           style: this.props.style,
@@ -314,4 +314,4 @@ this.primereact.fieldset = (function (exports, React, core) {
 
   return exports;
 
-}({}, React, primereact.core));
+})({}, React, primereact.utils, primereact.csstransition, primereact.ripple);

package/fieldset/fieldset.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=o(t);function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t){return(a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&a(e,t)}function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(t&&("object"===c(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}function f(e){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function y(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var b=function(e){p(b,e);var t,o,a,c,d,g=(t=b,o=y(),function(){var e,n=f(t);if(o){var r=f(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return u(this,e)});function b(e){var t;l(this,b),t=g.call(this,e);var n={id:e.id};return t.props.onToggle||(n=h(h({},n),{},{collapsed:e.collapsed})),t.state=n,t.toggle=t.toggle.bind(s(t)),t.contentRef=r.default.createRef(),t}return a=b,(c=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderContent",value:function(e){return r.default.createElement(n.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},r.default.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":e,role:"region","aria-labelledby":this.state.id+"_header"},r.default.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(e){if(this.props.toggleable){var t=n.classNames("p-fieldset-toggler pi",{"pi-plus":e,"pi-minus":!e});return r.default.createElement("span",{className:t})}return null}},{key:"renderLegendContent",value:function(e){if(this.props.toggleable){var t=this.renderToggleIcon(e),o=this.state.id+"_content";return r.default.createElement("a",{href:"#"+o,"aria-controls":o,id:this.state.id+"_header","aria-expanded":!e,tabIndex:this.props.toggleable?null:-1},t,r.default.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),r.default.createElement(n.Ripple,null))}return r.default.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(e){var t=this.renderLegendContent(e);if(null!=this.props.legend||this.props.toggleable)return r.default.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},t)}},{key:"render",value:function(){var e=n.classNames("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),t=this.isCollapsed(),o=this.renderLegend(t),l=this.renderContent(t);return r.default.createElement("fieldset",{id:this.props.id,className:e,style:this.props.style,onClick:this.props.onClick},o,l)}}])&&i(a.prototype,c),d&&i(a,d),b}(t.Component);return d(b,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null}),e.Fieldset=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core);
+this.primereact=this.primereact||{},this.primereact.fieldset=function(e,t,n,r,o){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function p(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function c(e,t){return c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},c(e,t)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}function f(e){return f="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},f(e)}function d(e,t){if(t&&("object"===f(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return p(e)}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var v=function(e){u(v,e);var t,l,c,f,h,y=(t=v,l=m(),function(){var e,n=g(t);if(l){var r=g(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return d(this,e)});function v(e){var t;s(this,v),t=y.call(this,e);var n={id:e.id};return t.props.onToggle||(n=b(b({},n),{},{collapsed:e.collapsed})),t.state=n,t.toggle=t.toggle.bind(p(t)),t.contentRef=i.default.createRef(),t}return c=v,(f=[{key:"toggle",value:function(e){if(this.props.toggleable){var t=this.props.onToggle?this.props.collapsed:this.state.collapsed;t?this.expand(e):this.collapse(e),this.props.onToggle&&this.props.onToggle({originalEvent:e,value:!t})}e.preventDefault()}},{key:"expand",value:function(e){this.props.onToggle||this.setState({collapsed:!1}),this.props.onExpand&&this.props.onExpand(e)}},{key:"collapse",value:function(e){this.props.onToggle||this.setState({collapsed:!0}),this.props.onCollapse&&this.props.onCollapse(e)}},{key:"isCollapsed",value:function(){return!!this.props.toggleable&&(this.props.onToggle?this.props.collapsed:this.state.collapsed)}},{key:"componentDidMount",value:function(){this.state.id||this.setState({id:n.UniqueComponentId()})}},{key:"renderContent",value:function(e){return i.default.createElement(r.CSSTransition,{nodeRef:this.contentRef,classNames:"p-toggleable-content",timeout:{enter:1e3,exit:450},in:!e,unmountOnExit:!0,options:this.props.transitionOptions},i.default.createElement("div",{ref:this.contentRef,id:this.state.id+"_content",className:"p-toggleable-content","aria-hidden":e,role:"region","aria-labelledby":this.state.id+"_header"},i.default.createElement("div",{className:"p-fieldset-content"},this.props.children)))}},{key:"renderToggleIcon",value:function(e){if(this.props.toggleable){var t=n.classNames("p-fieldset-toggler pi",{"pi-plus":e,"pi-minus":!e});return i.default.createElement("span",{className:t})}return null}},{key:"renderLegendContent",value:function(e){if(this.props.toggleable){var t=this.renderToggleIcon(e),n=this.state.id+"_content";return i.default.createElement("a",{href:"#"+n,"aria-controls":n,id:this.state.id+"_header","aria-expanded":!e,tabIndex:this.props.toggleable?null:-1},t,i.default.createElement("span",{className:"p-fieldset-legend-text"},this.props.legend),i.default.createElement(o.Ripple,null))}return i.default.createElement("span",{className:"p-fieldset-legend-text",id:this.state.id+"_header"},this.props.legend)}},{key:"renderLegend",value:function(e){var t=this.renderLegendContent(e);if(null!=this.props.legend||this.props.toggleable)return i.default.createElement("legend",{className:"p-fieldset-legend p-unselectable-text",onClick:this.toggle},t)}},{key:"render",value:function(){var e=n.classNames("p-fieldset p-component",this.props.className,{"p-fieldset-toggleable":this.props.toggleable}),t=this.isCollapsed(),r=this.renderLegend(t),o=this.renderContent(t);return i.default.createElement("fieldset",{id:this.props.id,className:e,style:this.props.style,onClick:this.props.onClick},r,o)}}])&&a(c.prototype,f),h&&a(c,h),Object.defineProperty(c,"prototype",{writable:!1}),v}(t.Component);return h(v,"defaultProps",{id:null,legend:null,className:null,style:null,toggleable:null,collapsed:null,transitionOptions:null,onExpand:null,onCollapse:null,onToggle:null,onClick:null}),e.Fieldset=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.ripple);

package/fileupload/fileupload.cjs.js

@@ -6,7 +6,8 @@ var React = require('react');
 var button = require('primereact/button');
 var messages = require('primereact/messages');
 var progressbar = require('primereact/progressbar');
-var core = require('primereact/core');
+var utils = require('primereact/utils');
+var ripple = require('primereact/ripple');
 var api = require('primereact/api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -67,6 +68,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -99,23 +103,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  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 _possibleConstructorReturn(self, call) {
@@ -150,7 +151,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -173,7 +174,8 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     _this.state = {
       files: [],
       msgs: [],
-      focused: false
+      focused: false,
+      progress: 0
     };
     _this.choose = _this.choose.bind(_assertThisInitialized(_this));
     _this.upload = _this.upload.bind(_assertThisInitialized(_this));
@@ -293,7 +295,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
       this.setState({
         msgs: []
       });
-      this.files = this.state.files || [];
+      this.files = this.state.files ? _toConsumableArray(this.state.files) : [];
       var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
       for (var i = 0; i < files.length; i++) {
@@ -531,6 +533,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragEnter",
     value: function onDragEnter(event) {
       if (!this.props.disabled) {
+        event.dataTransfer.dropEffect = "copy";
         event.stopPropagation();
         event.preventDefault();
       }
@@ -539,7 +542,8 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragOver",
     value: function onDragOver(event) {
       if (!this.props.disabled) {
-        core.DomHandler.addClass(this.content, 'p-fileupload-highlight');
+        event.dataTransfer.dropEffect = "copy";
+        utils.DomHandler.addClass(this.content, 'p-fileupload-highlight');
         event.stopPropagation();
         event.preventDefault();
       }
@@ -548,18 +552,19 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragLeave",
     value: function onDragLeave(event) {
       if (!this.props.disabled) {
-        core.DomHandler.removeClass(this.content, 'p-fileupload-highlight');
+        event.dataTransfer.dropEffect = "copy";
+        utils.DomHandler.removeClass(this.content, 'p-fileupload-highlight');
       }
     }
   }, {
     key: "onDrop",
     value: function onDrop(event) {
       if (!this.props.disabled) {
-        core.DomHandler.removeClass(this.content, 'p-fileupload-highlight');
+        utils.DomHandler.removeClass(this.content, 'p-fileupload-highlight');
         event.stopPropagation();
         event.preventDefault();
         var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-        var allowDrop = this.props.multiple || files && files.length === 1;
+        var allowDrop = this.props.multiple || files && files.length === 0;
 
         if (allowDrop) {
           this.onFileSelect(event);
@@ -585,24 +590,21 @@ var FileUpload = /*#__PURE__*/function (_Component) {
           style = _this$props$chooseOpt.style,
           icon = _this$props$chooseOpt.icon,
           iconOnly = _this$props$chooseOpt.iconOnly;
-      var chooseClassName = core.classNames('p-button p-fileupload-choose p-component', {
+      var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused,
         'p-button-icon-only': iconOnly
       }, className);
-      var chooseIconClassName = core.classNames('p-button-icon p-button-icon-left p-clickable', {
-        'pi pi-fw pi-plus': !icon
-      }, icon);
       var labelClassName = 'p-button-label p-clickable';
-      var label = iconOnly ? /*#__PURE__*/React__default['default'].createElement("span", {
+      var label = iconOnly ? /*#__PURE__*/React__default["default"].createElement("span", {
         className: labelClassName,
         dangerouslySetInnerHTML: {
           __html: "&nbsp;"
         }
-      }) : /*#__PURE__*/React__default['default'].createElement("span", {
+      }) : /*#__PURE__*/React__default["default"].createElement("span", {
         className: labelClassName
       }, this.chooseButtonLabel());
-      return /*#__PURE__*/React__default['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         className: chooseClassName,
         style: style,
         onClick: this.choose,
@@ -610,7 +612,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         onFocus: this.onFocus,
         onBlur: this.onBlur,
         tabIndex: 0
-      }, /*#__PURE__*/React__default['default'].createElement("input", {
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
         ref: function ref(el) {
           return _this4.fileInput = el;
         },
@@ -619,33 +621,35 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         multiple: this.props.multiple,
         accept: this.props.accept,
         disabled: this.chooseDisabled()
-      }), /*#__PURE__*/React__default['default'].createElement("span", {
-        className: chooseIconClassName
-      }), label, /*#__PURE__*/React__default['default'].createElement(core.Ripple, null));
+      }), utils.IconUtils.getJSXIcon(icon || 'pi pi-fw pi-plus', {
+        className: 'p-button-icon p-button-icon-left p-clickable'
+      }, {
+        props: this.props
+      }), label, /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null));
     }
   }, {
     key: "renderFile",
     value: function renderFile(file, index) {
       var _this5 = this;
 
-      var preview = this.isImage(file) ? /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("img", {
+      var preview = this.isImage(file) ? /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("img", {
         alt: file.name,
         role: "presentation",
         src: file.objectURL,
         width: this.props.previewWidth
       })) : null;
-      var fileName = /*#__PURE__*/React__default['default'].createElement("div", {
+      var fileName = /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-fileupload-filename"
       }, file.name);
-      var size = /*#__PURE__*/React__default['default'].createElement("div", null, this.formatSize(file.size));
-      var removeButton = /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(button.Button, {
+      var size = /*#__PURE__*/React__default["default"].createElement("div", null, this.formatSize(file.size));
+      var removeButton = /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(button.Button, {
         type: "button",
         icon: "pi pi-times",
         onClick: function onClick(e) {
           return _this5.remove(e, index);
         }
       }));
-      var content = /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, preview, fileName, size, removeButton);
+      var content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, preview, fileName, size, removeButton);
 
       if (this.props.itemTemplate) {
         var defaultContentOptions = {
@@ -657,13 +661,15 @@ var FileUpload = /*#__PURE__*/function (_Component) {
           sizeElement: size,
           removeElement: removeButton,
           formatSize: this.formatSize(file.size),
+          files: this.state.files,
+          index: index,
           element: content,
           props: this.props
         };
-        content = core.ObjectUtils.getJSXElement(this.props.itemTemplate, file, defaultContentOptions);
+        content = utils.ObjectUtils.getJSXElement(this.props.itemTemplate, file, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-fileupload-row",
         key: file.name + file.type + file.size
       }, content);
@@ -673,7 +679,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     value: function renderFiles() {
       var _this6 = this;
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "p-fileupload-files"
       }, this.state.files.map(function (file, index) {
         return _this6.renderFile(file, index);
@@ -683,7 +689,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "renderEmptyContent",
     value: function renderEmptyContent() {
       if (this.props.emptyTemplate && !this.hasFiles()) {
-        return core.ObjectUtils.getJSXElement(this.props.emptyTemplate, this.props);
+        return utils.ObjectUtils.getJSXElement(this.props.emptyTemplate, this.props);
       }
 
       return null;
@@ -692,10 +698,10 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "renderProgressBarContent",
     value: function renderProgressBarContent() {
       if (this.props.progressBarTemplate) {
-        return core.ObjectUtils.getJSXElement(this.props.progressBarTemplate, this.props);
+        return utils.ObjectUtils.getJSXElement(this.props.progressBarTemplate, this.props);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement(progressbar.ProgressBar, {
+      return /*#__PURE__*/React__default["default"].createElement(progressbar.ProgressBar, {
         value: this.state.progress,
         showValue: false
       });
@@ -705,9 +711,9 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     value: function renderAdvanced() {
       var _this7 = this;
 
-      var className = core.classNames('p-fileupload p-fileupload-advanced p-component', this.props.className);
-      var headerClassName = core.classNames('p-fileupload-buttonbar', this.props.headerClassName);
-      var contentClassName = core.classNames('p-fileupload-content', this.props.contentClassName);
+      var className = utils.classNames('p-fileupload p-fileupload-advanced p-component', this.props.className);
+      var headerClassName = utils.classNames('p-fileupload-buttonbar', this.props.headerClassName);
+      var contentClassName = utils.classNames('p-fileupload-content', this.props.contentClassName);
       var uploadButton, cancelButton, filesList, progressBar;
       var chooseButton = this.renderChooseButton();
       var emptyContent = this.renderEmptyContent();
@@ -717,7 +723,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         var cancelOptions = this.props.cancelOptions;
         var uploadLabel = !uploadOptions.iconOnly ? this.uploadButtonLabel() : '';
         var cancelLabel = !cancelOptions.iconOnly ? this.cancelButtonLabel() : '';
-        uploadButton = /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        uploadButton = /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           label: uploadLabel,
           icon: uploadOptions.icon || 'pi pi-upload',
@@ -726,7 +732,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
           style: uploadOptions.style,
           className: uploadOptions.className
         });
-        cancelButton = /*#__PURE__*/React__default['default'].createElement(button.Button, {
+        cancelButton = /*#__PURE__*/React__default["default"].createElement(button.Button, {
           type: "button",
           label: cancelLabel,
           icon: cancelOptions.icon || 'pi pi-times',
@@ -742,7 +748,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         progressBar = this.renderProgressBarContent();
       }
 
-      var header = /*#__PURE__*/React__default['default'].createElement("div", {
+      var header = /*#__PURE__*/React__default["default"].createElement("div", {
         className: headerClassName,
         style: this.props.headerStyle
       }, chooseButton, uploadButton, cancelButton);
@@ -756,14 +762,14 @@ var FileUpload = /*#__PURE__*/function (_Component) {
           element: header,
           props: this.props
         };
-        header = core.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
+        header = utils.ObjectUtils.getJSXElement(this.props.headerTemplate, defaultContentOptions);
       }
 
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: className,
         style: this.props.style
-      }, header, /*#__PURE__*/React__default['default'].createElement("div", {
+      }, header, /*#__PURE__*/React__default["default"].createElement("div", {
         ref: function ref(el) {
           _this7.content = el;
         },
@@ -773,7 +779,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         onDragOver: this.onDragOver,
         onDragLeave: this.onDragLeave,
         onDrop: this.onDrop
-      }, progressBar, /*#__PURE__*/React__default['default'].createElement(messages.Messages, {
+      }, progressBar, /*#__PURE__*/React__default["default"].createElement(messages.Messages, {
         ref: function ref(el) {
           return _this7.messagesUI = el;
         }
@@ -784,40 +790,44 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     value: function renderBasic() {
       var _this8 = this;
 
+      var hasFiles = this.hasFiles();
       var chooseOptions = this.props.chooseOptions;
-      var className = core.classNames('p-fileupload p-fileupload-basic p-component', this.props.className);
-      var buttonClassName = core.classNames('p-button p-component p-fileupload-choose', {
-        'p-fileupload-choose-selected': this.hasFiles(),
+      var className = utils.classNames('p-fileupload p-fileupload-basic p-component', this.props.className);
+      var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
+        'p-fileupload-choose-selected': hasFiles,
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused
       }, chooseOptions.className);
-      var iconClassName = core.classNames('p-button-icon p-button-icon-left pi', {
-        'pi-plus': !chooseOptions.icon && (!this.hasFiles() || this.props.auto),
-        'pi-upload': !chooseOptions.icon && this.hasFiles() && !this.props.auto
-      }, chooseOptions.icon);
+      var chooseIcon = chooseOptions.icon || utils.classNames({
+        'pi pi-plus': !chooseOptions.icon && (!hasFiles || this.props.auto),
+        'pi pi-upload': !chooseOptions.icon && hasFiles && !this.props.auto
+      });
       var labelClassName = 'p-button-label p-clickable';
-      var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__default['default'].createElement("span", {
+      var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__default["default"].createElement("span", {
         className: labelClassName,
         dangerouslySetInnerHTML: {
           __html: "&nbsp;"
         }
-      }) : /*#__PURE__*/React__default['default'].createElement("span", {
+      }) : /*#__PURE__*/React__default["default"].createElement("span", {
         className: labelClassName
       }, this.chooseButtonLabel());
-      var label = this.props.auto ? chooseLabel : /*#__PURE__*/React__default['default'].createElement("span", {
+      var label = this.props.auto ? chooseLabel : /*#__PURE__*/React__default["default"].createElement("span", {
         className: labelClassName
-      }, this.hasFiles() ? this.state.files[0].name : chooseLabel);
-      var icon = /*#__PURE__*/React__default['default'].createElement("span", {
-        className: iconClassName
+      }, hasFiles ? this.state.files[0].name : chooseLabel);
+      var icon = utils.IconUtils.getJSXIcon(chooseIcon, {
+        className: 'p-button-icon p-button-icon-left'
+      }, {
+        props: this.props,
+        hasFiles: hasFiles
       });
-      return /*#__PURE__*/React__default['default'].createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: className,
         style: this.props.style
-      }, /*#__PURE__*/React__default['default'].createElement(messages.Messages, {
+      }, /*#__PURE__*/React__default["default"].createElement(messages.Messages, {
         ref: function ref(el) {
           return _this8.messagesUI = el;
         }
-      }), /*#__PURE__*/React__default['default'].createElement("span", {
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: buttonClassName,
         style: chooseOptions.style,
         onMouseUp: this.onSimpleUploaderClick,
@@ -825,7 +835,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         onFocus: this.onFocus,
         onBlur: this.onBlur,
         tabIndex: 0
-      }, icon, label, !this.hasFiles() && /*#__PURE__*/React__default['default'].createElement("input", {
+      }, icon, label, !hasFiles && /*#__PURE__*/React__default["default"].createElement("input", {
         ref: function ref(el) {
           return _this8.fileInput = el;
         },
@@ -834,7 +844,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         multiple: this.props.multiple,
         disabled: this.props.disabled,
         onChange: this.onFileSelect
-      }), /*#__PURE__*/React__default['default'].createElement(core.Ripple, null)));
+      }), /*#__PURE__*/React__default["default"].createElement(ripple.Ripple, null)));
     }
   }, {
     key: "render",