primereact 7.0.0-rc.2 → 7.2.0

package/colorpicker/colorpicker.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
+this.primereact.colorpicker = (function (exports, React, utils, csstransition, portal, tooltip, overlayservice, PrimeReact) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -44,6 +44,9 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
   function _createClass(Constructor, protoProps, staticProps) {
     if (protoProps) _defineProperties(Constructor.prototype, protoProps);
     if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
     return Constructor;
   }
 
@@ -76,23 +79,20 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
         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) {
@@ -145,14 +145,14 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
     _createClass(ColorPickerPanelComponent, [{
       key: "renderElement",
       value: function renderElement() {
-        var className = core.classNames('p-colorpicker-panel', {
+        var className = utils.classNames('p-colorpicker-panel', {
           'p-colorpicker-overlay-panel': !this.props.inline,
           'p-disabled': this.props.disabled
         });
-        return /*#__PURE__*/React__default['default'].createElement(core.CSSTransition, {
+        return /*#__PURE__*/React__default["default"].createElement(csstransition.CSSTransition, {
           nodeRef: this.props.forwardRef,
           classNames: "p-connected-overlay",
-          in: this.props.in,
+          "in": this.props["in"],
           timeout: {
             enter: 120,
             exit: 100
@@ -163,7 +163,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
           onEntered: this.props.onEntered,
           onExit: this.props.onExit,
           onExited: this.props.onExited
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: this.props.forwardRef,
           className: className,
           onClick: this.props.onClick
@@ -173,7 +173,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       key: "render",
       value: function render() {
         var element = this.renderElement();
-        return this.props.inline ? element : /*#__PURE__*/React__default['default'].createElement(core.Portal, {
+        return this.props.inline ? element : /*#__PURE__*/React__default["default"].createElement(portal.Portal, {
           element: element,
           appendTo: this.props.appendTo
         });
@@ -190,15 +190,15 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
     onClick: null
   });
 
-  var ColorPickerPanel = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-    return /*#__PURE__*/React__default['default'].createElement(ColorPickerPanelComponent, _extends({
+  var ColorPickerPanel = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(ColorPickerPanelComponent, _extends({
       forwardRef: ref
     }, props));
   });
 
-  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); }; }
 
@@ -239,7 +239,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       key: "onPanelClick",
       value: function onPanelClick(event) {
         if (!this.props.inline) {
-          core.OverlayService.emit('overlay-click', {
+          overlayservice.OverlayService.emit('overlay-click', {
             originalEvent: event,
             target: this.container
           });
@@ -264,7 +264,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
 
         this.hueDragging = true;
         this.pickHue(event);
-        core.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
+        utils.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
       }
     }, {
       key: "pickHue",
@@ -298,7 +298,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
 
         this.colorDragging = true;
         this.pickColor(event);
-        core.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
+        utils.DomHandler.addClass(this.container, 'p-colorpicker-dragging');
         event.preventDefault();
       }
     }, {
@@ -319,7 +319,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function onDragEnd() {
         this.colorDragging = false;
         this.hueDragging = false;
-        core.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
+        utils.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
         this.unbindDragListeners();
       }
     }, {
@@ -470,7 +470,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
     }, {
       key: "onOverlayEnter",
       value: function onOverlayEnter() {
-        core.ZIndexUtils.set('overlay', this.overlayRef.current);
+        utils.ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
         this.alignOverlay();
       }
     }, {
@@ -491,7 +491,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
     }, {
       key: "onOverlayExited",
       value: function onOverlayExited() {
-        core.ZIndexUtils.clear(this.overlayRef.current);
+        utils.ZIndexUtils.clear(this.overlayRef.current);
         this.props.onHide && this.props.onHide();
       }
     }, {
@@ -550,7 +550,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
         var _this3 = this;
 
         if (!this.scrollHandler) {
-          this.scrollHandler = new core.ConnectedOverlayScrollHandler(this.container, function () {
+          this.scrollHandler = new utils.ConnectedOverlayScrollHandler(this.container, function () {
             if (_this3.state.overlayVisible) {
               _this3.hide();
             }
@@ -573,7 +573,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
 
         if (!this.resizeListener) {
           this.resizeListener = function () {
-            if (_this4.state.overlayVisible && !core.DomHandler.isAndroid()) {
+            if (_this4.state.overlayVisible && !utils.DomHandler.isTouchDevice()) {
               _this4.hide();
             }
           };
@@ -634,7 +634,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function onDocumentMouseUp() {
         this.colorDragging = false;
         this.hueDragging = false;
-        core.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
+        utils.DomHandler.removeClass(this.container, 'p-colorpicker-dragging');
         this.unbindDocumentMouseMoveListener();
         this.unbindDocumentMouseUpListener();
       }
@@ -869,7 +869,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
           this.tooltip = null;
         }
 
-        core.ZIndexUtils.clear(this.overlayRef.current);
+        utils.ZIndexUtils.clear(this.overlayRef.current);
       }
     }, {
       key: "updateUI",
@@ -883,13 +883,13 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       key: "alignOverlay",
       value: function alignOverlay() {
         if (this.inputRef && this.inputRef.current) {
-          core.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default['default'].appendTo);
+          utils.DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact__default["default"].appendTo);
         }
       }
     }, {
       key: "renderTooltip",
       value: function renderTooltip() {
-        this.tooltip = core.tip({
+        this.tooltip = tooltip.tip({
           target: this.container,
           content: this.props.tooltip,
           options: this.props.tooltipOptions
@@ -900,7 +900,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function renderColorSelector() {
         var _this5 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.colorSelector = el;
           },
@@ -909,9 +909,9 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
           onTouchStart: this.onColorDragStart,
           onTouchMove: this.onDrag,
           onTouchEnd: this.onDragEnd
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-colorpicker-color"
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this5.colorHandle = el;
           },
@@ -923,7 +923,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function renderHue() {
         var _this6 = this;
 
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this6.hueView = el;
           },
@@ -932,7 +932,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
           onTouchStart: this.onHueDragStart,
           onTouchMove: this.onDrag,
           onTouchEnd: this.onDragEnd
-        }, /*#__PURE__*/React__default['default'].createElement("div", {
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this6.hueHandle = el;
           },
@@ -944,7 +944,7 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function renderContent() {
         var colorSelector = this.renderColorSelector();
         var hue = this.renderHue();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "p-colorpicker-content"
         }, colorSelector, hue);
       }
@@ -952,11 +952,11 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       key: "renderInput",
       value: function renderInput() {
         if (!this.props.inline) {
-          var inputClassName = core.classNames('p-colorpicker-preview p-inputtext', {
+          var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
             'p-disabled': this.props.disabled
           });
-          var inputProps = core.ObjectUtils.findDiffKeys(this.props, ColorPicker.defaultProps);
-          return /*#__PURE__*/React__default['default'].createElement("input", _extends({
+          var inputProps = utils.ObjectUtils.findDiffKeys(this.props, ColorPicker.defaultProps);
+          return /*#__PURE__*/React__default["default"].createElement("input", _extends({
             ref: this.inputRef,
             type: "text",
             className: inputClassName,
@@ -976,25 +976,25 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
       value: function render() {
         var _this7 = this;
 
-        var containerClassName = core.classNames('p-colorpicker p-component', {
+        var containerClassName = utils.classNames('p-colorpicker p-component', {
           'p-colorpicker-overlay': !this.props.inline
         }, this.props.className);
         var content = this.renderContent();
         var input = this.renderInput();
-        return /*#__PURE__*/React__default['default'].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           ref: function ref(el) {
             return _this7.container = el;
           },
           id: this.props.id,
           style: this.props.style,
           className: containerClassName
-        }, input, /*#__PURE__*/React__default['default'].createElement(ColorPickerPanel, {
+        }, input, /*#__PURE__*/React__default["default"].createElement(ColorPickerPanel, {
           ref: this.overlayRef,
           appendTo: this.props.appendTo,
           inline: this.props.inline,
           disabled: this.props.disabled,
           onClick: this.onPanelClick,
-          in: this.props.inline || this.state.overlayVisible,
+          "in": this.props.inline || this.state.overlayVisible,
           onEnter: this.onOverlayEnter,
           onEntered: this.onOverlayEntered,
           onExit: this.onOverlayExit,
@@ -1034,4 +1034,4 @@ this.primereact.colorpicker = (function (exports, React, core, PrimeReact) {
 
   return exports;
 
-}({}, React, primereact.core, primereact.api));
+})({}, React, primereact.utils, primereact.csstransition, primereact.portal, primereact.tooltip, primereact.overlayservice, primereact.api);

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t),s=i(o);function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(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 c(e,t,n){return t&&l(e.prototype,t),n&&l(e,n),e}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function d(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&&p(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})(e)}function v(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 h(e)}function y(e){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,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 g=function(e){d(s,e);var t,o,i=(t=s,o=m(),function(){var e,n=y(t);if(o){var i=y(this).constructor;e=Reflect.construct(n,arguments,i)}else e=n.apply(this,arguments);return v(this,e)});function s(){return a(this,s),i.apply(this,arguments)}return c(s,[{key:"renderElement",value:function(){var e=n.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return r.default.createElement(n.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},r.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:r.default.createElement(n.Portal,{element:e,appendTo:this.props.appendTo})}}]),s}(t.Component);b(g,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var k=r.default.forwardRef((function(e,t){return r.default.createElement(g,u({forwardRef:t},e))}));function M(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(){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 D=function(e){d(p,e);var o,i,l=(o=p,i=H(),function(){var e,t=y(o);if(i){var n=y(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return v(this,e)});function p(e){var n;return a(this,p),(n=l.call(this,e)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(h(n)),n.onInputKeydown=n.onInputKeydown.bind(h(n)),n.onOverlayEnter=n.onOverlayEnter.bind(h(n)),n.onOverlayEntered=n.onOverlayEntered.bind(h(n)),n.onOverlayExit=n.onOverlayExit.bind(h(n)),n.onOverlayExited=n.onOverlayExited.bind(h(n)),n.onPanelClick=n.onPanelClick.bind(h(n)),n.onColorMousedown=n.onColorMousedown.bind(h(n)),n.onHueMousedown=n.onHueMousedown.bind(h(n)),n.onColorDragStart=n.onColorDragStart.bind(h(n)),n.onHueDragStart=n.onHueDragStart.bind(h(n)),n.onDrag=n.onDrag.bind(h(n)),n.onDragEnd=n.onDragEnd.bind(h(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return c(p,[{key:"onPanelClick",value:function(e){this.props.inline||n.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var t=this.hueView.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);this.hsbValue=this.validateHSB({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),this.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){this.colorHandle&&(this.colorHandle.style.left=Math.floor(150*this.hsbValue.s/100)+"px",this.colorHandle.style.top=Math.floor(150*(100-this.hsbValue.b)/100)+"px")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isAndroid()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}}},{key:"validateRGB",value:function(e){return{r:Math.min(255,Math.max(0,e.r)),g:Math.min(255,Math.max(0,e.g)),b:Math.min(255,Math.max(0,e.b))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,u=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+u):n<120?(t.g=r,t.b=s,t.r=r-u):n<180?(t.g=r,t.r=s,t.b=s+u):n<240?(t.b=r,t.r=s,t.g=r-u):n<300?(t.b=r,t.g=s,t.r=s+u):n<360?(t.r=r,t.g=s,t.b=r-u):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(E({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||s.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=n.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return r.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},r.default.createElement("div",{className:"p-colorpicker-color"},r.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return r.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},r.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return r.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=n.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),t=n.ObjectUtils.findDiffKeys(this.props,p.defaultProps);return r.default.createElement("input",u({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},t))}return null}},{key:"render",value:function(){var e=this,t=n.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return r.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:t},i,r.default.createElement(k,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),p}(t.Component);return b(D,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),e.ColorPicker=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.core,primereact.api);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,t,n,o,i,r,s,a){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),c=u(a);function h(){return h=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function p(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(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 f(e,t,n){return t&&d(e.prototype,t),n&&d(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},y(e,t)}function b(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&&y(e,t)}function m(e){return m="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},m(e)}function g(e,t){if(t&&("object"===m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(){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 D=function(e){b(a,e);var t,r,s=(t=a,r=E(),function(){var e,n=k(t);if(r){var o=k(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return g(this,e)});function a(){return p(this,a),s.apply(this,arguments)}return f(a,[{key:"renderElement",value:function(){var e=n.classNames("p-colorpicker-panel",{"p-colorpicker-overlay-panel":!this.props.inline,"p-disabled":this.props.disabled});return l.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},l.default.createElement("div",{ref:this.props.forwardRef,className:e,onClick:this.props.onClick},this.props.children))}},{key:"render",value:function(){var e=this.renderElement();return this.props.inline?e:l.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),a}(t.Component);M(D,"defaultProps",{appendTo:null,inline:!1,disabled:!1,onClick:null});var H=l.default.forwardRef((function(e,t){return l.default.createElement(D,h({forwardRef:t},e))}));function O(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(){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 L=function(e){b(u,e);var o,i,a=(o=u,i=S(),function(){var e,t=k(o);if(i){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function u(e){var n;return p(this,u),(n=a.call(this,e)).state={overlayVisible:!1},n.onInputClick=n.onInputClick.bind(v(n)),n.onInputKeydown=n.onInputKeydown.bind(v(n)),n.onOverlayEnter=n.onOverlayEnter.bind(v(n)),n.onOverlayEntered=n.onOverlayEntered.bind(v(n)),n.onOverlayExit=n.onOverlayExit.bind(v(n)),n.onOverlayExited=n.onOverlayExited.bind(v(n)),n.onPanelClick=n.onPanelClick.bind(v(n)),n.onColorMousedown=n.onColorMousedown.bind(v(n)),n.onHueMousedown=n.onHueMousedown.bind(v(n)),n.onColorDragStart=n.onColorDragStart.bind(v(n)),n.onHueDragStart=n.onHueDragStart.bind(v(n)),n.onDrag=n.onDrag.bind(v(n)),n.onDragEnd=n.onDragEnd.bind(v(n)),n.overlayRef=t.createRef(),n.inputRef=t.createRef(n.props.inputRef),n}return f(u,[{key:"onPanelClick",value:function(e){this.props.inline||s.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onHueMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onHueDragStart(e))}},{key:"onHueDragStart",value:function(e){this.props.disabled||(this.hueDragging=!0,this.pickHue(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"))}},{key:"pickHue",value:function(e){var t=this.hueView.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);this.hsbValue=this.validateHSB({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),this.updateColorSelector(),this.updateHue(),this.updateModel()}},{key:"onColorMousedown",value:function(e){this.props.disabled||(this.bindDragListeners(),this.onColorDragStart(e))}},{key:"onColorDragStart",value:function(e){this.props.disabled||(this.colorDragging=!0,this.pickColor(e),n.DomHandler.addClass(this.container,"p-colorpicker-dragging"),e.preventDefault())}},{key:"onDrag",value:function(e){this.colorDragging&&(this.pickColor(e),e.preventDefault()),this.hueDragging&&(this.pickHue(e),e.preventDefault())}},{key:"onDragEnd",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDragListeners()}},{key:"bindDragListeners",value:function(){this.bindDocumentMouseMoveListener(),this.bindDocumentMouseUpListener()}},{key:"unbindDragListeners",value:function(){this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"pickColor",value:function(e){var t=this.colorSelector.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),o=t.left+document.body.scrollLeft,i=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-o))/150),r=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150);this.hsbValue=this.validateHSB({h:this.hsbValue.h,s:i,b:r}),this.updateColorHandle(),this.updateInput(),this.updateModel()}},{key:"updateModel",value:function(){switch(this.props.format){case"hex":this.onChange(this.HSBtoHEX(this.hsbValue));break;case"rgb":this.onChange(this.HSBtoRGB(this.hsbValue));break;case"hsb":this.onChange(this.hsbValue)}}},{key:"toHSB",value:function(e){var t;if(e)switch(this.props.format){case"hex":t=this.HEXtoHSB(e);break;case"rgb":t=this.RGBtoHSB(e);break;case"hsb":t=e}else t=this.HEXtoHSB(this.props.defaultColor);return t}},{key:"updateHSBValue",value:function(e){this.hsbValue=this.toHSB(e)}},{key:"areHSBEqual",value:function(e,t){return e.h===t.h&&e.s===t.s&&e.b===t.b}},{key:"onChange",value:function(e){this.props.onChange&&this.props.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.props.id,value:e}})}},{key:"updateColorSelector",value:function(){if(this.colorSelector){var e=this.validateHSB({h:this.hsbValue.h,s:100,b:100});this.colorSelector.style.backgroundColor="#"+this.HSBtoHEX(e)}}},{key:"updateColorHandle",value:function(){this.colorHandle&&(this.colorHandle.style.left=Math.floor(150*this.hsbValue.s/100)+"px",this.colorHandle.style.top=Math.floor(150*(100-this.hsbValue.b)/100)+"px")}},{key:"updateHue",value:function(){this.hueHandle&&(this.hueHandle.style.top=Math.floor(150-150*this.hsbValue.h/360)+"px")}},{key:"updateInput",value:function(){this.inputRef&&this.inputRef.current&&(this.inputRef.current.style.backgroundColor="#"+this.HSBtoHEX(this.hsbValue))}},{key:"show",value:function(){this.setState({overlayVisible:!0})}},{key:"hide",value:function(){this.setState({overlayVisible:!1})}},{key:"onOverlayEnter",value:function(){n.ZIndexUtils.set("overlay",this.overlayRef.current,c.default.autoZIndex,c.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){n.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"onInputClick",value:function(){this.togglePanel()}},{key:"togglePanel",value:function(){this.state.overlayVisible?this.hide():this.show()}},{key:"onInputKeydown",value:function(e){switch(e.which){case 32:this.togglePanel(),e.preventDefault();break;case 27:case 9:this.hide()}}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hide()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new n.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hide()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!n.DomHandler.isTouchDevice()&&e.hide()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&!(this.container.isSameNode(e.target)||this.container.contains(e.target)||this.overlayRef&&this.overlayRef.current.contains(e.target))}},{key:"bindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener||(this.documentMouseMoveListener=this.onDocumentMouseMove.bind(this),document.addEventListener("mousemove",this.documentMouseMoveListener))}},{key:"onDocumentMouseMove",value:function(e){this.colorDragging&&this.pickColor(e),this.hueDragging&&this.pickHue(e)}},{key:"unbindDocumentMouseMoveListener",value:function(){this.documentMouseMoveListener&&(document.removeEventListener("mousemove",this.documentMouseMoveListener),this.documentMouseMoveListener=null)}},{key:"bindDocumentMouseUpListener",value:function(){this.documentMouseUpListener||(this.documentMouseUpListener=this.onDocumentMouseUp.bind(this),document.addEventListener("mouseup",this.documentMouseUpListener))}},{key:"onDocumentMouseUp",value:function(){this.colorDragging=!1,this.hueDragging=!1,n.DomHandler.removeClass(this.container,"p-colorpicker-dragging"),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener()}},{key:"unbindDocumentMouseUpListener",value:function(){this.documentMouseUpListener&&(document.removeEventListener("mouseup",this.documentMouseUpListener),this.documentMouseUpListener=null)}},{key:"validateHSB",value:function(e){return{h:Math.min(360,Math.max(0,e.h)),s:Math.min(100,Math.max(0,e.s)),b:Math.min(100,Math.max(0,e.b))}}},{key:"validateRGB",value:function(e){return{r:Math.min(255,Math.max(0,e.r)),g:Math.min(255,Math.max(0,e.g)),b:Math.min(255,Math.max(0,e.b))}}},{key:"validateHEX",value:function(e){var t=6-e.length;if(t>0){for(var n=[],o=0;o<t;o++)n.push("0");n.push(e),e=n.join("")}return e}},{key:"HEXtoRGB",value:function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}}},{key:"HEXtoHSB",value:function(e){return this.RGBtoHSB(this.HEXtoRGB(e))}},{key:"RGBtoHSB",value:function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),o=Math.max(e.r,e.g,e.b),i=o-n;return t.b=o,t.s=0!==o?255*i/o:0,t.h=0!==t.s?e.r===o?(e.g-e.b)/i:e.g===o?2+(e.b-e.r)/i:4+(e.r-e.g)/i:-1,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t}},{key:"HSBtoRGB",value:function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),o=Math.round(255*e.s/100),i=Math.round(255*e.b/100);if(0===o)t={r:i,g:i,b:i};else{var r=i,s=(255-o)*i/255,a=n%60*(r-s)/60;360===n&&(n=0),n<60?(t.r=r,t.b=s,t.g=s+a):n<120?(t.g=r,t.b=s,t.r=r-a):n<180?(t.g=r,t.r=s,t.b=s+a):n<240?(t.b=r,t.r=s,t.g=r-a):n<300?(t.b=r,t.g=s,t.r=s+a):n<360?(t.r=r,t.g=s,t.b=r-a):(t.r=0,t.g=0,t.b=0)}return{r:Math.round(t.r),g:Math.round(t.g),b:Math.round(t.b)}}},{key:"RGBtoHEX",value:function(e){var t=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var n in t)1===t[n].length&&(t[n]="0"+t[n]);return t.join("")}},{key:"HSBtoHEX",value:function(e){return this.RGBtoHEX(this.HSBtoRGB(e))}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.updateHSBValue(this.props.value),this.updateUI(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){this.colorDragging||this.hueDragging||this.props.value===e.value||this.updateHSBValue(this.props.value),this.updateUI(),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(C({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindDocumentMouseMoveListener(),this.unbindDocumentMouseUpListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),n.ZIndexUtils.clear(this.overlayRef.current)}},{key:"updateUI",value:function(){this.updateHue(),this.updateColorHandle(),this.updateInput(),this.updateColorSelector()}},{key:"alignOverlay",value:function(){this.inputRef&&this.inputRef.current&&n.DomHandler.alignOverlay(this.overlayRef.current,this.inputRef.current.parentElement,this.props.appendTo||c.default.appendTo)}},{key:"renderTooltip",value:function(){this.tooltip=r.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderColorSelector",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.colorSelector=t},className:"p-colorpicker-color-selector",onMouseDown:this.onColorMousedown,onTouchStart:this.onColorDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{className:"p-colorpicker-color"},l.default.createElement("div",{ref:function(t){return e.colorHandle=t},className:"p-colorpicker-color-handle"})))}},{key:"renderHue",value:function(){var e=this;return l.default.createElement("div",{ref:function(t){return e.hueView=t},className:"p-colorpicker-hue",onMouseDown:this.onHueMousedown,onTouchStart:this.onHueDragStart,onTouchMove:this.onDrag,onTouchEnd:this.onDragEnd},l.default.createElement("div",{ref:function(t){return e.hueHandle=t},className:"p-colorpicker-hue-handle"}))}},{key:"renderContent",value:function(){var e=this.renderColorSelector(),t=this.renderHue();return l.default.createElement("div",{className:"p-colorpicker-content"},e,t)}},{key:"renderInput",value:function(){if(!this.props.inline){var e=n.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":this.props.disabled}),t=n.ObjectUtils.findDiffKeys(this.props,u.defaultProps);return l.default.createElement("input",h({ref:this.inputRef,type:"text",className:e,readOnly:!0,id:this.props.inputId,tabIndex:this.props.tabIndex,disabled:this.props.disabled,onClick:this.onInputClick,onKeyDown:this.onInputKeydown},t))}return null}},{key:"render",value:function(){var e=this,t=n.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!this.props.inline},this.props.className),o=this.renderContent(),i=this.renderInput();return l.default.createElement("div",{ref:function(t){return e.container=t},id:this.props.id,style:this.props.style,className:t},i,l.default.createElement(H,{ref:this.overlayRef,appendTo:this.props.appendTo,inline:this.props.inline,disabled:this.props.disabled,onClick:this.onPanelClick,in:this.props.inline||this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited,transitionOptions:this.props.transitionOptions},o))}}]),u}(t.Component);return M(L,"defaultProps",{id:null,inputRef:null,value:null,style:null,className:null,defaultColor:"ff0000",inline:!1,format:"hex",appendTo:null,disabled:!1,tabIndex:null,inputId:null,tooltip:null,tooltipOptions:null,transitionOptions:null,onChange:null,onShow:null,onHide:null}),e.ColorPicker=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.csstransition,primereact.portal,primereact.tooltip,primereact.overlayservice,primereact.api);

package/column/column.cjs.js

@@ -4,6 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -31,23 +50,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 _assertThisInitialized(self) {
@@ -104,7 +120,7 @@ var Column = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
 
-  return Column;
+  return _createClass(Column);
 }(react.Component);
 
 _defineProperty(Column, "defaultProps", {
@@ -112,6 +128,7 @@ _defineProperty(Column, "defaultProps", {
   field: null,
   sortField: null,
   filterField: null,
+  exportField: null,
   header: null,
   body: null,
   footer: null,
@@ -139,6 +156,8 @@ _defineProperty(Column, "defaultProps", {
   maxConstraints: 2,
   filterMenuClassName: null,
   filterMenuStyle: null,
+  align: null,
+  alignHeader: null,
   alignFrozen: 'left',
   hidden: false,
   onFilterClear: null,

package/column/column.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){return(l=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function n(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&&l(e,t)}function r(e){return(r="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 o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function u(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return o(e)}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(){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 c,f,s,p=function(l){n(f,e.Component);var r,o,c=(r=f,o=a(),function(){var e,t=i(r);if(o){var l=i(this).constructor;e=Reflect.construct(t,arguments,l)}else e=t.apply(this,arguments);return u(this,e)});function f(){return t(this,f),c.apply(this,arguments)}return f}();s={columnKey:null,field:null,sortField:null,filterField:null,header:null,body:null,footer:null,sortable:!1,sortableDisabled:!1,sortFunction:null,dataType:"text",filter:!1,filterMatchMode:null,filterPlaceholder:null,filterType:"text",filterMaxLength:null,filterElement:null,filterFunction:null,filterHeaderStyle:null,filterHeaderClassName:null,showFilterMenu:!0,showFilterOperator:!0,showClearButton:!0,showApplyButton:!0,showFilterMatchModes:!0,showFilterMenuOptions:!0,showAddButton:!0,filterMatchModeOptions:null,maxConstraints:2,filterMenuClassName:null,filterMenuStyle:null,alignFrozen:"left",hidden:!1,onFilterClear:null,onFilterApplyClick:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,filterClear:null,filterApply:null,filterHeader:null,filterFooter:null,style:null,className:null,headerStyle:null,headerClassName:null,bodyStyle:null,bodyClassName:null,footerStyle:null,footerClassName:null,expander:!1,frozen:!1,selectionMode:null,colSpan:null,rowSpan:null,editor:null,cellEditValidator:null,cellEditValidatorEvent:"click",onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditInit:null,onCellEditComplete:null,onCellEditCancel:null,excludeGlobalFilter:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowEditor:!1,exportable:!0,reorderable:!0},(f="defaultProps")in(c=p)?Object.defineProperty(c,f,{value:s,enumerable:!0,configurable:!0,writable:!0}):c[f]=s,exports.Column=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e,t){for(var l=0;l<t.length;l++){var n=t[l];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){return n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},n(e,t)}function r(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&&n(e,t)}function o(e){return o="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},o(e)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function i(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return u(e)}function a(e){return a=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},a(e)}function f(){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 c,s,p,d=function(n){r(y,e.Component);var o,u,c,s,p,d=(o=y,u=f(),function(){var e,t=a(o);if(u){var l=a(this).constructor;e=Reflect.construct(t,arguments,l)}else e=t.apply(this,arguments);return i(this,e)});function y(){return l(this,y),d.apply(this,arguments)}return c=y,s&&t(c.prototype,s),p&&t(c,p),Object.defineProperty(c,"prototype",{writable:!1}),c}();p={columnKey:null,field:null,sortField:null,filterField:null,exportField:null,header:null,body:null,footer:null,sortable:!1,sortableDisabled:!1,sortFunction:null,dataType:"text",filter:!1,filterMatchMode:null,filterPlaceholder:null,filterType:"text",filterMaxLength:null,filterElement:null,filterFunction:null,filterHeaderStyle:null,filterHeaderClassName:null,showFilterMenu:!0,showFilterOperator:!0,showClearButton:!0,showApplyButton:!0,showFilterMatchModes:!0,showFilterMenuOptions:!0,showAddButton:!0,filterMatchModeOptions:null,maxConstraints:2,filterMenuClassName:null,filterMenuStyle:null,align:null,alignHeader:null,alignFrozen:"left",hidden:!1,onFilterClear:null,onFilterApplyClick:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,filterClear:null,filterApply:null,filterHeader:null,filterFooter:null,style:null,className:null,headerStyle:null,headerClassName:null,bodyStyle:null,bodyClassName:null,footerStyle:null,footerClassName:null,expander:!1,frozen:!1,selectionMode:null,colSpan:null,rowSpan:null,editor:null,cellEditValidator:null,cellEditValidatorEvent:"click",onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditInit:null,onCellEditComplete:null,onCellEditCancel:null,excludeGlobalFilter:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowEditor:!1,exportable:!0,reorderable:!0},(s="defaultProps")in(c=d)?Object.defineProperty(c,s,{value:p,enumerable:!0,configurable:!0,writable:!0}):c[s]=p,exports.Column=d;

package/column/column.d.ts

@@ -16,6 +16,8 @@ type ColumnSortOrderType = 1 | 0 | -1 | undefined | null;
 
 type ColumnDataType = 'text' | 'numeric' | 'date' | string;
 
+type ColumnAlignType = 'left' | 'right' | 'center' | undefined | null;
+
 type ColumnAlignFrozenType = 'left' | 'right';
 
 type ColumnFilterOperatorType = 'and' | 'or';
@@ -42,8 +44,30 @@ interface ColumnBodyOptions {
     column: Column;
     field: string;
     rowIndex: number;
+    props?: any;
     frozenRow?: boolean;
-    props: any;
+    expander?: ColumnBodyExpanderOptions;
+    rowEditor?: ColumnBodyRowEditorOptions;
+}
+
+interface ColumnBodyExpanderOptions {
+    onClick?(e: any): void;
+    className?: string;
+    iconClassName?: string;
+    element?: React.ReactNode;
+}
+
+interface ColumnBodyRowEditorOptions {
+    editing: boolean,
+    onSaveClick?(e: any): void;
+    saveClassName?: string;
+    saveIconClassName?: string;
+    onCancelClick?(e: any): void;
+    cancelClassName?: string;
+    cancelIconClassName?: string;
+    onInitClick?(e: any): void;
+    initClassName?: string;
+    initIconClassName?: string;
 }
 
 interface ColumnEditorOptions {
@@ -124,7 +148,7 @@ interface ColumnFilterOperatorChangeParams {
 
 interface ColumnFilterConstraintAddParams {
     field: string;
-    constraing: ColumnFilterMetaData;
+    constraint: ColumnFilterMetaData;
 }
 
 interface ColumnFilterConstraintRemoveParams extends ColumnFilterConstraintAddParams {}
@@ -178,6 +202,8 @@ export interface ColumnProps {
     maxConstraints?: number;
     filterMenuClassName?: string;
     filterMenuStyle?: object;
+    align?: ColumnAlignType;
+    alignHeader?: ColumnAlignType;
     alignFrozen?: ColumnAlignFrozenType;
     hidden?: boolean;
     onFilterClear?(): void;

package/column/column.esm.js

@@ -1,5 +1,24 @@
 import { Component } from 'react';
 
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -27,23 +46,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 _assertThisInitialized(self) {
@@ -100,7 +116,7 @@ var Column = /*#__PURE__*/function (_Component) {
     return _super.apply(this, arguments);
   }
 
-  return Column;
+  return _createClass(Column);
 }(Component);
 
 _defineProperty(Column, "defaultProps", {
@@ -108,6 +124,7 @@ _defineProperty(Column, "defaultProps", {
   field: null,
   sortField: null,
   filterField: null,
+  exportField: null,
   header: null,
   body: null,
   footer: null,
@@ -135,6 +152,8 @@ _defineProperty(Column, "defaultProps", {
   maxConstraints: 2,
   filterMenuClassName: null,
   filterMenuStyle: null,
+  align: null,
+  alignHeader: null,
   alignFrozen: 'left',
   hidden: false,
   onFilterClear: null,