primereact 9.0.0-beta.1 → 9.0.0-rc.1

package/colorpicker/colorpicker.cjs.js

@@ -67,9 +67,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -85,9 +83,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -108,6 +104,39 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var ColorPickerBase = {
+  defaultProps: {
+    __TYPE: 'ColorPicker',
+    appendTo: null,
+    className: null,
+    defaultColor: 'ff0000',
+    disabled: false,
+    format: 'hex',
+    id: null,
+    inline: false,
+    inputId: null,
+    inputRef: null,
+    onChange: null,
+    onHide: null,
+    onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    style: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    transitionOptions: null,
+    value: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ColorPickerBase.defaultProps);
+  }
+};
+
 var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var createElement = function createElement() {
     var className = utils.classNames('p-colorpicker-panel', props.panelClassName, {
@@ -145,7 +174,8 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ColorPickerBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     overlayVisibleState = _React$useState2[0],
@@ -604,7 +634,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
       var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
         'p-disabled': props.disabled
       });
-      var inputProps = utils.ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+      var inputProps = ColorPickerBase.getOtherProps(props);
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef,
         type: "text",
@@ -620,7 +650,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     return null;
   };
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+  var otherProps = ColorPickerBase.getOtherProps(props);
   var className = utils.classNames('p-colorpicker p-component', {
     'p-colorpicker-overlay': !props.inline
   }, props.className);
@@ -651,28 +681,5 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   }, props.tooltipOptions)));
 }));
 ColorPicker.displayName = 'ColorPicker';
-ColorPicker.defaultProps = {
-  __TYPE: 'ColorPicker',
-  appendTo: null,
-  className: null,
-  defaultColor: 'ff0000',
-  disabled: false,
-  format: 'hex',
-  id: null,
-  inline: false,
-  inputId: null,
-  inputRef: null,
-  onChange: null,
-  onHide: null,
-  onShow: null,
-  panelClassName: null,
-  panelStyle: null,
-  style: null,
-  tabIndex: null,
-  tooltip: null,
-  tooltipOptions: null,
-  transitionOptions: null,
-  value: null
-};
 
 exports.ColorPicker = ColorPicker;

package/colorpicker/colorpicker.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),l=require("primereact/utils"),a=require("primereact/csstransition"),i=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(e),f=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,n){return d(e)||m(e,n)||b(e,n)||g()}var y=s.forwardRef((function(e,n){var t,r=(t=l.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),s.createElement(a.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},s.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:s.createElement(i.Portal,{element:r,appendTo:e.appendTo})}));y.displayName="ColorPickerPanel";var E=s.memo(s.forwardRef((function(e,n){var a=v(s.useState(!1),2),i=a[0],u=a[1],c=s.useRef(null),d=s.useRef(null),m=s.useRef(e.inputRef),h=s.useRef(null),b=s.useRef(null),g=s.useRef(null),x=s.useRef(null),M=s.useRef(!1),O=s.useRef(null),k=s.useRef(!1),C=v(t.useOverlayListener({target:c,overlay:d,listener:function(e,n){n.valid&&W()},when:i}),2),w=C[0],T=C[1],N=v(t.useEventListener({type:"mousemove",listener:function(e){k.current&&K(e),M.current&&H(e)}}),2),S=N[0],j=N[1],R=v(t.useEventListener({type:"mouseup",listener:function(){k.current=M.current=!1,l.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),j(),I()}}),2),D=R[0],I=R[1],P=function(n){e.disabled||(L(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),l.DomHandler.addClass(c.current,"p-colorpicker-dragging"))},H=function(e){var n=x.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);O.current=re({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),$(),J(),z()},q=function(n){e.disabled||(L(),Y(n))},Y=function(n){e.disabled||(k.current=!0,K(n),l.DomHandler.addClass(c.current,"p-colorpicker-dragging"),n.preventDefault())},A=function(e){k.current&&(K(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},_=function(){k.current=!1,M.current=!1,l.DomHandler.removeClass(c.current,"p-colorpicker-dragging"),Z()},L=function(){S(),D()},Z=function(){j(),I()},K=function(e){var n=h.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);O.current=re({h:O.current.h,s:o,b:l}),G(),Q(),z()},z=function(){switch(e.format){case"hex":F(ce(O.current));break;case"rgb":F(ie(O.current));break;case"hsb":F(O.current)}},B=function(n){var t;if(n)switch(e.format){case"hex":t=le(n);break;case"rgb":t=ae(n);break;case"hsb":t=n}else t=le(e.defaultColor);return t},X=function(e){O.current=B(e)},F=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},$=function(){if(h.current){var e=re({h:O.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ce(e)}},G=function(){b.current&&(b.current.style.left=Math.floor(150*O.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-O.current.b)/100)+"px")},J=function(){g.current&&(g.current.style.top=Math.floor(150-150*O.current.h/360)+"px")},Q=function(){m.current&&(m.current.style.backgroundColor="#"+ce(O.current))},V=function(){u(!0)},W=function(){u(!1)},ee=function(){ne()},ne=function(){i?W():V()},te=function(e){switch(e.which){case 32:ne(),e.preventDefault();break;case 27:case 9:W()}},re=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))}},oe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},le=function(e){return ae(oe(e))},ae=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ie=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ue=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},ce=function(e){return ue(ie(e))},se=function(){J(),G(),Q(),$()},fe=function(){m.current&&l.DomHandler.alignOverlay(d.current,m.current.parentElement,e.appendTo||f.default.appendTo)};s.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,focus:function(){return l.DomHandler.focus(m.current)},getElement:function(){return c.current},getOverlay:function(){return d.current},getInput:function(){return m.current}}})),s.useEffect((function(){l.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),t.useMountEffect((function(){X(e.value),se()})),t.useUpdateEffect((function(){k.current||M.current||X(e.value)}),[e.value]),t.useUpdateEffect((function(){se()})),t.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)}));var pe=l.ObjectUtils.isNotEmpty(e.tooltip),de=l.ObjectUtils.findDiffKeys(e,E.defaultProps),me=l.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=s.createElement("div",{className:"p-colorpicker-content"},s.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:q,onTouchStart:Y,onTouchMove:A,onTouchEnd:_},s.createElement("div",{className:"p-colorpicker-color"},s.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),s.createElement("div",{ref:x,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:A,onTouchEnd:_},s.createElement("div",{ref:g,className:"p-colorpicker-hue-handle"}))),be=function(){if(!e.inline){var n=l.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":e.disabled}),t=l.ObjectUtils.findDiffKeys(e,E.defaultProps);return s.createElement("input",p({ref:m,type:"text",className:n,readOnly:!0,id:e.inputId,tabIndex:e.tabIndex,disabled:e.disabled,onClick:ee,onKeyDown:te},t))}return null}();return s.createElement(s.Fragment,null,s.createElement("div",p({ref:c,id:e.id,style:e.style,className:me},de),be,s.createElement(y,{ref:d,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,panelStyle:e.panelStyle,panelClassName:e.panelClassName,onClick:function(n){e.inline||r.OverlayService.emit("overlay-click",{originalEvent:n,target:c.current})},in:e.inline||i,onEnter:function(){l.ZIndexUtils.set("overlay",d.current,f.default.autoZIndex,f.default.zIndex.overlay),fe()},onEntered:function(){w(),e.onShow&&e.onShow()},onExit:function(){T()},onExited:function(){l.ZIndexUtils.clear(d.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),pe&&s.createElement(o.Tooltip,p({target:c,content:e.tooltip},e.tooltipOptions)))})));E.displayName="ColorPicker",E.defaultProps={__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},exports.ColorPicker=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),l=require("primereact/utils"),a=require("primereact/csstransition"),i=require("primereact/portal");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var s=c(e),f=u(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},p.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function m(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function h(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return h(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?h(e,n):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,n){return d(e)||m(e,n)||g(e,n)||b()}var y={defaultProps:{__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,y.defaultProps)}},E=s.forwardRef((function(e,n){var t,r=(t=l.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),s.createElement(a.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},s.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:s.createElement(i.Portal,{element:r,appendTo:e.appendTo})}));E.displayName="ColorPickerPanel";var O=s.memo(s.forwardRef((function(e,n){var a=y.getProps(e),i=v(s.useState(!1),2),u=i[0],c=i[1],d=s.useRef(null),m=s.useRef(null),h=s.useRef(a.inputRef),g=s.useRef(null),b=s.useRef(null),O=s.useRef(null),x=s.useRef(null),M=s.useRef(!1),k=s.useRef(null),C=s.useRef(!1),w=v(t.useOverlayListener({target:d,overlay:m,listener:function(e,n){n.valid&&ee()},when:u}),2),T=w[0],N=w[1],P=v(t.useEventListener({type:"mousemove",listener:function(e){C.current&&B(e),M.current&&q(e)}}),2),S=P[0],j=P[1],R=v(t.useEventListener({type:"mouseup",listener:function(){C.current=M.current=!1,l.DomHandler.removeClass(d.current,"p-colorpicker-dragging"),j(),I()}}),2),D=R[0],I=R[1],U=function(e){a.disabled||(Z(),H(e))},H=function(e){a.disabled||(M.current=!0,q(e),l.DomHandler.addClass(d.current,"p-colorpicker-dragging"))},q=function(e){var n=x.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);k.current=oe({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),G(),Q(),X()},Y=function(e){a.disabled||(Z(),A(e))},A=function(e){a.disabled||(C.current=!0,B(e),l.DomHandler.addClass(d.current,"p-colorpicker-dragging"),e.preventDefault())},_=function(e){C.current&&(B(e),e.preventDefault()),M.current&&(q(e),e.preventDefault())},L=function(){C.current=!1,M.current=!1,l.DomHandler.removeClass(d.current,"p-colorpicker-dragging"),z()},Z=function(){S(),D()},z=function(){j(),I()},B=function(e){var n=g.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);k.current=oe({h:k.current.h,s:o,b:l}),J(),V(),X()},X=function(){switch(a.format){case"hex":$(se(k.current));break;case"rgb":$(ue(k.current));break;case"hsb":$(k.current)}},F=function(e){var n;if(e)switch(a.format){case"hex":n=ae(e);break;case"rgb":n=ie(e);break;case"hsb":n=e}else n=ae(a.defaultColor);return n},K=function(e){k.current=F(e)},$=function(e){a.onChange&&a.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:e}})},G=function(){if(g.current){var e=oe({h:k.current.h,s:100,b:100});g.current.style.backgroundColor="#"+se(e)}},J=function(){b.current&&(b.current.style.left=Math.floor(150*k.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-k.current.b)/100)+"px")},Q=function(){O.current&&(O.current.style.top=Math.floor(150-150*k.current.h/360)+"px")},V=function(){h.current&&(h.current.style.backgroundColor="#"+se(k.current))},W=function(){c(!0)},ee=function(){c(!1)},ne=function(){te()},te=function(){u?ee():W()},re=function(e){switch(e.which){case 32:te(),e.preventDefault();break;case 27:case 9:ee()}},oe=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))}},le=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},ae=function(e){return ie(le(e))},ie=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ue=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ce=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},se=function(e){return ce(ue(e))},fe=function(){Q(),J(),V(),G()},pe=function(){h.current&&l.DomHandler.alignOverlay(m.current,h.current.parentElement,a.appendTo||f.default.appendTo)};s.useImperativeHandle(n,(function(){return{props:a,show:W,hide:ee,focus:function(){return l.DomHandler.focus(h.current)},getElement:function(){return d.current},getOverlay:function(){return m.current},getInput:function(){return h.current}}})),s.useEffect((function(){l.ObjectUtils.combinedRefs(h,a.inputRef)}),[h,a.inputRef]),t.useMountEffect((function(){K(a.value),fe()})),t.useUpdateEffect((function(){C.current||M.current||K(a.value)}),[a.value]),t.useUpdateEffect((function(){fe()})),t.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)}));var de=l.ObjectUtils.isNotEmpty(a.tooltip),me=y.getOtherProps(a),he=l.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!a.inline},a.className),ge=s.createElement("div",{className:"p-colorpicker-content"},s.createElement("div",{ref:g,className:"p-colorpicker-color-selector",onMouseDown:Y,onTouchStart:A,onTouchMove:_,onTouchEnd:L},s.createElement("div",{className:"p-colorpicker-color"},s.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),s.createElement("div",{ref:x,className:"p-colorpicker-hue",onMouseDown:U,onTouchStart:H,onTouchMove:_,onTouchEnd:L},s.createElement("div",{ref:O,className:"p-colorpicker-hue-handle"}))),be=function(){if(!a.inline){var e=l.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":a.disabled}),n=y.getOtherProps(a);return s.createElement("input",p({ref:h,type:"text",className:e,readOnly:!0,id:a.inputId,tabIndex:a.tabIndex,disabled:a.disabled,onClick:ne,onKeyDown:re},n))}return null}();return s.createElement(s.Fragment,null,s.createElement("div",p({ref:d,id:a.id,style:a.style,className:he},me),be,s.createElement(E,{ref:m,appendTo:a.appendTo,inline:a.inline,disabled:a.disabled,panelStyle:a.panelStyle,panelClassName:a.panelClassName,onClick:function(e){a.inline||r.OverlayService.emit("overlay-click",{originalEvent:e,target:d.current})},in:a.inline||u,onEnter:function(){l.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),pe()},onEntered:function(){T(),a.onShow&&a.onShow()},onExit:function(){N()},onExited:function(){l.ZIndexUtils.clear(m.current),a.onHide&&a.onHide()},transitionOptions:a.transitionOptions},ge)),de&&s.createElement(o.Tooltip,p({target:d,content:a.tooltip},a.tooltipOptions)))})));O.displayName="ColorPicker",exports.ColorPicker=O;

package/colorpicker/colorpicker.d.ts

@@ -143,7 +143,7 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
  *
  * [Live Demo](https://www.primefaces.org/primereact/colorpicker/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/colorpicker/colorpicker.esm.js

@@ -3,7 +3,7 @@ import PrimeReact from 'primereact/api';
 import { useOverlayListener, useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, DomHandler, ObjectUtils, ZIndexUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler, ZIndexUtils } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -40,9 +40,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -58,9 +56,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -81,6 +77,39 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var ColorPickerBase = {
+  defaultProps: {
+    __TYPE: 'ColorPicker',
+    appendTo: null,
+    className: null,
+    defaultColor: 'ff0000',
+    disabled: false,
+    format: 'hex',
+    id: null,
+    inline: false,
+    inputId: null,
+    inputRef: null,
+    onChange: null,
+    onHide: null,
+    onShow: null,
+    panelClassName: null,
+    panelStyle: null,
+    style: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    transitionOptions: null,
+    value: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, ColorPickerBase.defaultProps);
+  }
+};
+
 var ColorPickerPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var createElement = function createElement() {
     var className = classNames('p-colorpicker-panel', props.panelClassName, {
@@ -118,7 +147,8 @@ var ColorPickerPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = ColorPickerBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     overlayVisibleState = _React$useState2[0],
@@ -577,7 +607,7 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       var inputClassName = classNames('p-colorpicker-preview p-inputtext', {
         'p-disabled': props.disabled
       });
-      var inputProps = ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+      var inputProps = ColorPickerBase.getOtherProps(props);
       return /*#__PURE__*/React.createElement("input", _extends({
         ref: inputRef,
         type: "text",
@@ -593,7 +623,7 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return null;
   };
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+  var otherProps = ColorPickerBase.getOtherProps(props);
   var className = classNames('p-colorpicker p-component', {
     'p-colorpicker-overlay': !props.inline
   }, props.className);
@@ -624,28 +654,5 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, props.tooltipOptions)));
 }));
 ColorPicker.displayName = 'ColorPicker';
-ColorPicker.defaultProps = {
-  __TYPE: 'ColorPicker',
-  appendTo: null,
-  className: null,
-  defaultColor: 'ff0000',
-  disabled: false,
-  format: 'hex',
-  id: null,
-  inline: false,
-  inputId: null,
-  inputRef: null,
-  onChange: null,
-  onHide: null,
-  onShow: null,
-  panelClassName: null,
-  panelStyle: null,
-  style: null,
-  tabIndex: null,
-  tooltip: null,
-  tooltipOptions: null,
-  transitionOptions: null,
-  value: null
-};
 
 export { ColorPicker };

package/colorpicker/colorpicker.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{useOverlayListener as t,useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as u,DomHandler as s,ObjectUtils as p,ZIndexUtils as f}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as m}from"primereact/portal";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return g(e)||b(e,n)||y(e,n)||E()}var x=e.forwardRef((function(t,r){var o,l=(o=u("p-colorpicker-panel",t.panelClassName,{"p-colorpicker-overlay-panel":!t.inline,"p-disabled":t.disabled,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple}),e.createElement(d,{nodeRef:r,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:r,className:o,style:t.panelStyle,onClick:t.onClick},t.children)));return t.inline?l:e.createElement(m,{element:l,appendTo:t.appendTo})}));x.displayName="ColorPickerPanel";var M=e.memo(e.forwardRef((function(d,m){var g=k(e.useState(!1),2),b=g[0],v=g[1],y=e.useRef(null),E=e.useRef(null),C=e.useRef(d.inputRef),w=e.useRef(null),T=e.useRef(null),O=e.useRef(null),R=e.useRef(null),N=e.useRef(!1),S=e.useRef(null),I=e.useRef(!1),D=k(t({target:y,overlay:E,listener:function(e,n){n.valid&&ae()},when:b}),2),P=D[0],j=D[1],Y=k(r({type:"mousemove",listener:function(e){I.current&&J(e),N.current&&F(e)}}),2),A=Y[0],H=Y[1],K=k(r({type:"mouseup",listener:function(){I.current=N.current=!1,s.removeClass(y.current,"p-colorpicker-dragging"),H(),X()}}),2),B=K[0],X=K[1],_=function(e){d.disabled||(q(),z(e))},z=function(e){d.disabled||(N.current=!0,F(e),s.addClass(y.current,"p-colorpicker-dragging"))},F=function(e){var n=R.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);S.current=se({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),ne(),re(),Q()},L=function(e){d.disabled||(q(),U(e))},U=function(e){d.disabled||(I.current=!0,J(e),s.addClass(y.current,"p-colorpicker-dragging"),e.preventDefault())},Z=function(e){I.current&&(J(e),e.preventDefault()),N.current&&(F(e),e.preventDefault())},$=function(){I.current=!1,N.current=!1,s.removeClass(y.current,"p-colorpicker-dragging"),G()},q=function(){A(),B()},G=function(){H(),X()},J=function(e){var n=w.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);S.current=se({h:S.current.h,s:o,b:l}),te(),oe(),Q()},Q=function(){switch(d.format){case"hex":ee(ge(S.current));break;case"rgb":ee(me(S.current));break;case"hsb":ee(S.current)}},V=function(e){var n;if(e)switch(d.format){case"hex":n=fe(e);break;case"rgb":n=de(e);break;case"hsb":n=e}else n=fe(d.defaultColor);return n},W=function(e){S.current=V(e)},ee=function(e){d.onChange&&d.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:d.name,id:d.id,value:e}})},ne=function(){if(w.current){var e=se({h:S.current.h,s:100,b:100});w.current.style.backgroundColor="#"+ge(e)}},te=function(){T.current&&(T.current.style.left=Math.floor(150*S.current.s/100)+"px",T.current.style.top=Math.floor(150*(100-S.current.b)/100)+"px")},re=function(){O.current&&(O.current.style.top=Math.floor(150-150*S.current.h/360)+"px")},oe=function(){C.current&&(C.current.style.backgroundColor="#"+ge(S.current))},le=function(){v(!0)},ae=function(){v(!1)},ie=function(){ce()},ce=function(){b?ae():le()},ue=function(e){switch(e.which){case 32:ce(),e.preventDefault();break;case 27:case 9:ae()}},se=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))}},pe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},fe=function(e){return de(pe(e))},de=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},me=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},he=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},ge=function(e){return he(me(e))},be=function(){re(),te(),oe(),ne()},ve=function(){C.current&&s.alignOverlay(E.current,C.current.parentElement,d.appendTo||n.appendTo)};e.useImperativeHandle(m,(function(){return{props:d,show:le,hide:ae,focus:function(){return s.focus(C.current)},getElement:function(){return y.current},getOverlay:function(){return E.current},getInput:function(){return C.current}}})),e.useEffect((function(){p.combinedRefs(C,d.inputRef)}),[C,d.inputRef]),o((function(){W(d.value),be()})),l((function(){I.current||N.current||W(d.value)}),[d.value]),l((function(){be()})),a((function(){f.clear(E.current)}));var ye=p.isNotEmpty(d.tooltip),Ee=p.findDiffKeys(d,M.defaultProps),ke=u("p-colorpicker p-component",{"p-colorpicker-overlay":!d.inline},d.className),xe=e.createElement("div",{className:"p-colorpicker-content"},e.createElement("div",{ref:w,className:"p-colorpicker-color-selector",onMouseDown:L,onTouchStart:U,onTouchMove:Z,onTouchEnd:$},e.createElement("div",{className:"p-colorpicker-color"},e.createElement("div",{ref:T,className:"p-colorpicker-color-handle"}))),e.createElement("div",{ref:R,className:"p-colorpicker-hue",onMouseDown:_,onTouchStart:z,onTouchMove:Z,onTouchEnd:$},e.createElement("div",{ref:O,className:"p-colorpicker-hue-handle"}))),Me=function(){if(!d.inline){var n=u("p-colorpicker-preview p-inputtext",{"p-disabled":d.disabled}),t=p.findDiffKeys(d,M.defaultProps);return e.createElement("input",h({ref:C,type:"text",className:n,readOnly:!0,id:d.inputId,tabIndex:d.tabIndex,disabled:d.disabled,onClick:ie,onKeyDown:ue},t))}return null}();return e.createElement(e.Fragment,null,e.createElement("div",h({ref:y,id:d.id,style:d.style,className:ke},Ee),Me,e.createElement(x,{ref:E,appendTo:d.appendTo,inline:d.inline,disabled:d.disabled,panelStyle:d.panelStyle,panelClassName:d.panelClassName,onClick:function(e){d.inline||i.emit("overlay-click",{originalEvent:e,target:y.current})},in:d.inline||b,onEnter:function(){f.set("overlay",E.current,n.autoZIndex,n.zIndex.overlay),ve()},onEntered:function(){P(),d.onShow&&d.onShow()},onExit:function(){j()},onExited:function(){f.clear(E.current),d.onHide&&d.onHide()},transitionOptions:d.transitionOptions},xe)),ye&&e.createElement(c,h({target:y,content:d.tooltip},d.tooltipOptions)))})));M.displayName="ColorPicker",M.defaultProps={__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null};export{M as ColorPicker};
+import*as e from"react";import n from"primereact/api";import{useOverlayListener as t,useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as i}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{ObjectUtils as u,classNames as s,DomHandler as p,ZIndexUtils as f}from"primereact/utils";import{CSSTransition as d}from"primereact/csstransition";import{Portal as m}from"primereact/portal";function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},h.apply(this,arguments)}function g(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,n){return g(e)||b(e,n)||y(e,n)||E()}var k={defaultProps:{__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,children:void 0},getProps:function(e){return u.getMergedProps(e,k.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,k.defaultProps)}},x=e.forwardRef((function(t,r){var o,l=(o=s("p-colorpicker-panel",t.panelClassName,{"p-colorpicker-overlay-panel":!t.inline,"p-disabled":t.disabled,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple}),e.createElement(d,{nodeRef:r,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:r,className:o,style:t.panelStyle,onClick:t.onClick},t.children)));return t.inline?l:e.createElement(m,{element:l,appendTo:t.appendTo})}));x.displayName="ColorPickerPanel";var C=e.memo(e.forwardRef((function(d,m){var g=k.getProps(d),b=M(e.useState(!1),2),v=b[0],y=b[1],E=e.useRef(null),C=e.useRef(null),w=e.useRef(g.inputRef),O=e.useRef(null),T=e.useRef(null),R=e.useRef(null),N=e.useRef(null),S=e.useRef(!1),P=e.useRef(null),I=e.useRef(!1),j=M(t({target:E,overlay:C,listener:function(e,n){n.valid&&ie()},when:v}),2),D=j[0],Y=j[1],A=M(r({type:"mousemove",listener:function(e){I.current&&Q(e),S.current&&L(e)}}),2),H=A[0],B=A[1],X=M(r({type:"mouseup",listener:function(){I.current=S.current=!1,p.removeClass(E.current,"p-colorpicker-dragging"),B(),z()}}),2),_=X[0],z=X[1],F=function(e){g.disabled||(G(),K(e))},K=function(e){g.disabled||(S.current=!0,L(e),p.addClass(E.current,"p-colorpicker-dragging"))},L=function(e){var n=N.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);P.current=pe({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),te(),oe(),V()},U=function(e){g.disabled||(G(),Z(e))},Z=function(e){g.disabled||(I.current=!0,Q(e),p.addClass(E.current,"p-colorpicker-dragging"),e.preventDefault())},$=function(e){I.current&&(Q(e),e.preventDefault()),S.current&&(L(e),e.preventDefault())},q=function(){I.current=!1,S.current=!1,p.removeClass(E.current,"p-colorpicker-dragging"),J()},G=function(){H(),_()},J=function(){B(),z()},Q=function(e){var n=O.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);P.current=pe({h:P.current.h,s:o,b:l}),re(),le(),V()},V=function(){switch(g.format){case"hex":ne(be(P.current));break;case"rgb":ne(he(P.current));break;case"hsb":ne(P.current)}},W=function(e){var n;if(e)switch(g.format){case"hex":n=de(e);break;case"rgb":n=me(e);break;case"hsb":n=e}else n=de(g.defaultColor);return n},ee=function(e){P.current=W(e)},ne=function(e){g.onChange&&g.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:g.name,id:g.id,value:e}})},te=function(){if(O.current){var e=pe({h:P.current.h,s:100,b:100});O.current.style.backgroundColor="#"+be(e)}},re=function(){T.current&&(T.current.style.left=Math.floor(150*P.current.s/100)+"px",T.current.style.top=Math.floor(150*(100-P.current.b)/100)+"px")},oe=function(){R.current&&(R.current.style.top=Math.floor(150-150*P.current.h/360)+"px")},le=function(){w.current&&(w.current.style.backgroundColor="#"+be(P.current))},ae=function(){y(!0)},ie=function(){y(!1)},ce=function(){ue()},ue=function(){v?ie():ae()},se=function(e){switch(e.which){case 32:ue(),e.preventDefault();break;case 27:case 9:ie()}},pe=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))}},fe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},de=function(e){return me(fe(e))},me=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},he=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ge=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},be=function(e){return ge(he(e))},ve=function(){oe(),re(),le(),te()},ye=function(){w.current&&p.alignOverlay(C.current,w.current.parentElement,g.appendTo||n.appendTo)};e.useImperativeHandle(m,(function(){return{props:g,show:ae,hide:ie,focus:function(){return p.focus(w.current)},getElement:function(){return E.current},getOverlay:function(){return C.current},getInput:function(){return w.current}}})),e.useEffect((function(){u.combinedRefs(w,g.inputRef)}),[w,g.inputRef]),o((function(){ee(g.value),ve()})),l((function(){I.current||S.current||ee(g.value)}),[g.value]),l((function(){ve()})),a((function(){f.clear(C.current)}));var Ee=u.isNotEmpty(g.tooltip),Me=k.getOtherProps(g),ke=s("p-colorpicker p-component",{"p-colorpicker-overlay":!g.inline},g.className),xe=e.createElement("div",{className:"p-colorpicker-content"},e.createElement("div",{ref:O,className:"p-colorpicker-color-selector",onMouseDown:U,onTouchStart:Z,onTouchMove:$,onTouchEnd:q},e.createElement("div",{className:"p-colorpicker-color"},e.createElement("div",{ref:T,className:"p-colorpicker-color-handle"}))),e.createElement("div",{ref:N,className:"p-colorpicker-hue",onMouseDown:F,onTouchStart:K,onTouchMove:$,onTouchEnd:q},e.createElement("div",{ref:R,className:"p-colorpicker-hue-handle"}))),Ce=function(){if(!g.inline){var n=s("p-colorpicker-preview p-inputtext",{"p-disabled":g.disabled}),t=k.getOtherProps(g);return e.createElement("input",h({ref:w,type:"text",className:n,readOnly:!0,id:g.inputId,tabIndex:g.tabIndex,disabled:g.disabled,onClick:ce,onKeyDown:se},t))}return null}();return e.createElement(e.Fragment,null,e.createElement("div",h({ref:E,id:g.id,style:g.style,className:ke},Me),Ce,e.createElement(x,{ref:C,appendTo:g.appendTo,inline:g.inline,disabled:g.disabled,panelStyle:g.panelStyle,panelClassName:g.panelClassName,onClick:function(e){g.inline||i.emit("overlay-click",{originalEvent:e,target:E.current})},in:g.inline||v,onEnter:function(){f.set("overlay",C.current,n.autoZIndex,n.zIndex.overlay),ye()},onEntered:function(){D(),g.onShow&&g.onShow()},onExit:function(){Y()},onExited:function(){f.clear(C.current),g.onHide&&g.onHide()},transitionOptions:g.transitionOptions},xe)),Ee&&e.createElement(c,h({target:E,content:g.tooltip},g.tooltipOptions)))})));C.displayName="ColorPicker";export{C as ColorPicker};

package/colorpicker/colorpicker.js

@@ -58,9 +58,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -76,9 +74,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
-      arr2[i] = arr[i];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -99,6 +95,39 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var ColorPickerBase = {
+    defaultProps: {
+      __TYPE: 'ColorPicker',
+      appendTo: null,
+      className: null,
+      defaultColor: 'ff0000',
+      disabled: false,
+      format: 'hex',
+      id: null,
+      inline: false,
+      inputId: null,
+      inputRef: null,
+      onChange: null,
+      onHide: null,
+      onShow: null,
+      panelClassName: null,
+      panelStyle: null,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      transitionOptions: null,
+      value: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, ColorPickerBase.defaultProps);
+    }
+  };
+
   var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var createElement = function createElement() {
       var className = utils.classNames('p-colorpicker-panel', props.panelClassName, {
@@ -136,7 +165,8 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
   });
   ColorPickerPanel.displayName = 'ColorPickerPanel';
 
-  var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = ColorPickerBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       overlayVisibleState = _React$useState2[0],
@@ -595,7 +625,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
         var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
           'p-disabled': props.disabled
         });
-        var inputProps = utils.ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+        var inputProps = ColorPickerBase.getOtherProps(props);
         return /*#__PURE__*/React__namespace.createElement("input", _extends({
           ref: inputRef,
           type: "text",
@@ -611,7 +641,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       return null;
     };
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, ColorPicker.defaultProps);
+    var otherProps = ColorPickerBase.getOtherProps(props);
     var className = utils.classNames('p-colorpicker p-component', {
       'p-colorpicker-overlay': !props.inline
     }, props.className);
@@ -642,29 +672,6 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     }, props.tooltipOptions)));
   }));
   ColorPicker.displayName = 'ColorPicker';
-  ColorPicker.defaultProps = {
-    __TYPE: 'ColorPicker',
-    appendTo: null,
-    className: null,
-    defaultColor: 'ff0000',
-    disabled: false,
-    format: 'hex',
-    id: null,
-    inline: false,
-    inputId: null,
-    inputRef: null,
-    onChange: null,
-    onHide: null,
-    onShow: null,
-    panelClassName: null,
-    panelStyle: null,
-    style: null,
-    tabIndex: null,
-    tooltip: null,
-    tooltipOptions: null,
-    transitionOptions: null,
-    value: null
-  };
 
   exports.ColorPicker = ColorPicker;
 

package/colorpicker/colorpicker.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,l,a,i,c){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(n),p=u(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function b(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return b(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?b(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,n){return m(e)||h(e,n)||g(e,n)||v()}var E=f.forwardRef((function(e,n){var t,r=(t=a.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:f.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));E.displayName="ColorPickerPanel";var k=f.memo(f.forwardRef((function(e,n){var t=y(f.useState(!1),2),i=t[0],c=t[1],u=f.useRef(null),s=f.useRef(null),m=f.useRef(e.inputRef),h=f.useRef(null),b=f.useRef(null),g=f.useRef(null),v=f.useRef(null),M=f.useRef(!1),O=f.useRef(null),x=f.useRef(!1),C=y(r.useOverlayListener({target:u,overlay:s,listener:function(e,n){n.valid&&W()},when:i}),2),w=C[0],T=C[1],N=y(r.useEventListener({type:"mousemove",listener:function(e){x.current&&z(e),M.current&&H(e)}}),2),S=N[0],R=N[1],j=y(r.useEventListener({type:"mouseup",listener:function(){x.current=M.current=!1,a.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),R(),I()}}),2),D=j[0],I=j[1],P=function(n){e.disabled||(Z(),U(n))},U=function(n){e.disabled||(M.current=!0,H(n),a.DomHandler.addClass(u.current,"p-colorpicker-dragging"))},H=function(e){var n=v.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);O.current=re({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),q(),J(),B()},Y=function(n){e.disabled||(Z(),A(n))},A=function(n){e.disabled||(x.current=!0,z(n),a.DomHandler.addClass(u.current,"p-colorpicker-dragging"),n.preventDefault())},_=function(e){x.current&&(z(e),e.preventDefault()),M.current&&(H(e),e.preventDefault())},L=function(){x.current=!1,M.current=!1,a.DomHandler.removeClass(u.current,"p-colorpicker-dragging"),K()},Z=function(){S(),D()},K=function(){R(),I()},z=function(e){var n=h.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);O.current=re({h:O.current.h,s:o,b:l}),G(),Q(),B()},B=function(){switch(e.format){case"hex":$(ue(O.current));break;case"rgb":$(ie(O.current));break;case"hsb":$(O.current)}},X=function(n){var t;if(n)switch(e.format){case"hex":t=le(n);break;case"rgb":t=ae(n);break;case"hsb":t=n}else t=le(e.defaultColor);return t},F=function(e){O.current=X(e)},$=function(n){e.onChange&&e.onChange({value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})},q=function(){if(h.current){var e=re({h:O.current.h,s:100,b:100});h.current.style.backgroundColor="#"+ue(e)}},G=function(){b.current&&(b.current.style.left=Math.floor(150*O.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-O.current.b)/100)+"px")},J=function(){g.current&&(g.current.style.top=Math.floor(150-150*O.current.h/360)+"px")},Q=function(){m.current&&(m.current.style.backgroundColor="#"+ue(O.current))},V=function(){c(!0)},W=function(){c(!1)},ee=function(){ne()},ne=function(){i?W():V()},te=function(e){switch(e.which){case 32:ne(),e.preventDefault();break;case 27:case 9:W()}},re=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))}},oe=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},le=function(e){return ae(oe(e))},ae=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ie=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ce=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},ue=function(e){return ce(ie(e))},se=function(){J(),G(),Q(),q()},fe=function(){m.current&&a.DomHandler.alignOverlay(s.current,m.current.parentElement,e.appendTo||p.default.appendTo)};f.useImperativeHandle(n,(function(){return{props:e,show:V,hide:W,focus:function(){return a.DomHandler.focus(m.current)},getElement:function(){return u.current},getOverlay:function(){return s.current},getInput:function(){return m.current}}})),f.useEffect((function(){a.ObjectUtils.combinedRefs(m,e.inputRef)}),[m,e.inputRef]),r.useMountEffect((function(){F(e.value),se()})),r.useUpdateEffect((function(){x.current||M.current||F(e.value)}),[e.value]),r.useUpdateEffect((function(){se()})),r.useUnmountEffect((function(){a.ZIndexUtils.clear(s.current)}));var pe=a.ObjectUtils.isNotEmpty(e.tooltip),de=a.ObjectUtils.findDiffKeys(e,k.defaultProps),me=a.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!e.inline},e.className),he=f.createElement("div",{className:"p-colorpicker-content"},f.createElement("div",{ref:h,className:"p-colorpicker-color-selector",onMouseDown:Y,onTouchStart:A,onTouchMove:_,onTouchEnd:L},f.createElement("div",{className:"p-colorpicker-color"},f.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),f.createElement("div",{ref:v,className:"p-colorpicker-hue",onMouseDown:P,onTouchStart:U,onTouchMove:_,onTouchEnd:L},f.createElement("div",{ref:g,className:"p-colorpicker-hue-handle"}))),be=function(){if(!e.inline){var n=a.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":e.disabled}),t=a.ObjectUtils.findDiffKeys(e,k.defaultProps);return f.createElement("input",d({ref:m,type:"text",className:n,readOnly:!0,id:e.inputId,tabIndex:e.tabIndex,disabled:e.disabled,onClick:ee,onKeyDown:te},t))}return null}();return f.createElement(f.Fragment,null,f.createElement("div",d({ref:u,id:e.id,style:e.style,className:me},de),be,f.createElement(E,{ref:s,appendTo:e.appendTo,inline:e.inline,disabled:e.disabled,panelStyle:e.panelStyle,panelClassName:e.panelClassName,onClick:function(n){e.inline||o.OverlayService.emit("overlay-click",{originalEvent:n,target:u.current})},in:e.inline||i,onEnter:function(){a.ZIndexUtils.set("overlay",s.current,p.default.autoZIndex,p.default.zIndex.overlay),fe()},onEntered:function(){w(),e.onShow&&e.onShow()},onExit:function(){T()},onExited:function(){a.ZIndexUtils.clear(s.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},he)),pe&&f.createElement(l.Tooltip,d({target:u,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="ColorPicker",k.defaultProps={__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},e.ColorPicker=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,l,a,i,c){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var f=s(n),p=u(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function b(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,n){return m(e)||h(e,n)||b(e,n)||v()}var E={defaultProps:{__TYPE:"ColorPicker",appendTo:null,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputId:null,inputRef:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}},O=f.forwardRef((function(e,n){var t,r=(t=a.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple}),f.createElement(i.CSSTransition,{nodeRef:n,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},f.createElement("div",{ref:n,className:t,style:e.panelStyle,onClick:e.onClick},e.children)));return e.inline?r:f.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));O.displayName="ColorPickerPanel";var M=f.memo(f.forwardRef((function(e,n){var t=E.getProps(e),i=y(f.useState(!1),2),c=i[0],u=i[1],s=f.useRef(null),m=f.useRef(null),h=f.useRef(t.inputRef),g=f.useRef(null),b=f.useRef(null),v=f.useRef(null),M=f.useRef(null),k=f.useRef(!1),x=f.useRef(null),C=f.useRef(!1),w=y(r.useOverlayListener({target:s,overlay:m,listener:function(e,n){n.valid&&ee()},when:c}),2),T=w[0],N=w[1],P=y(r.useEventListener({type:"mousemove",listener:function(e){C.current&&X(e),k.current&&Y(e)}}),2),S=P[0],R=P[1],j=y(r.useEventListener({type:"mouseup",listener:function(){C.current=k.current=!1,a.DomHandler.removeClass(s.current,"p-colorpicker-dragging"),R(),I()}}),2),D=j[0],I=j[1],U=function(e){t.disabled||(z(),H(e))},H=function(e){t.disabled||(k.current=!0,Y(e),a.DomHandler.addClass(s.current,"p-colorpicker-dragging"))},Y=function(e){var n=M.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);x.current=oe({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-n)))/150),s:100,b:100}),G(),Q(),F()},A=function(e){t.disabled||(z(),_(e))},_=function(e){t.disabled||(C.current=!0,X(e),a.DomHandler.addClass(s.current,"p-colorpicker-dragging"),e.preventDefault())},L=function(e){C.current&&(X(e),e.preventDefault()),k.current&&(Y(e),e.preventDefault())},Z=function(){C.current=!1,k.current=!1,a.DomHandler.removeClass(s.current,"p-colorpicker-dragging"),B()},z=function(){S(),D()},B=function(){R(),I()},X=function(e){var n=g.current.getBoundingClientRect(),t=n.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=n.left+document.body.scrollLeft,o=Math.floor(100*Math.max(0,Math.min(150,(e.pageX||e.changedTouches[0].pageX)-r))/150),l=Math.floor(100*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150);x.current=oe({h:x.current.h,s:o,b:l}),J(),V(),F()},F=function(){switch(t.format){case"hex":q(se(x.current));break;case"rgb":q(ce(x.current));break;case"hsb":q(x.current)}},K=function(e){var n;if(e)switch(t.format){case"hex":n=ae(e);break;case"rgb":n=ie(e);break;case"hsb":n=e}else n=ae(t.defaultColor);return n},$=function(e){x.current=K(e)},q=function(e){t.onChange&&t.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:t.name,id:t.id,value:e}})},G=function(){if(g.current){var e=oe({h:x.current.h,s:100,b:100});g.current.style.backgroundColor="#"+se(e)}},J=function(){b.current&&(b.current.style.left=Math.floor(150*x.current.s/100)+"px",b.current.style.top=Math.floor(150*(100-x.current.b)/100)+"px")},Q=function(){v.current&&(v.current.style.top=Math.floor(150-150*x.current.h/360)+"px")},V=function(){h.current&&(h.current.style.backgroundColor="#"+se(x.current))},W=function(){u(!0)},ee=function(){u(!1)},ne=function(){te()},te=function(){c?ee():W()},re=function(e){switch(e.which){case 32:te(),e.preventDefault();break;case 27:case 9:ee()}},oe=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))}},le=function(e){var n=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:n>>16,g:(65280&n)>>8,b:255&n}},ae=function(e){return ie(le(e))},ie=function(e){var n={h:0,s:0,b:0},t=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-t;return n.b=r,n.s=0!==r?255*o/r:0,n.h=0!==n.s?e.r===r?(e.g-e.b)/o:e.g===r?2+(e.b-e.r)/o:4+(e.r-e.g)/o:-1,n.h*=60,n.h<0&&(n.h+=360),n.s*=100/255,n.b*=100/255,n},ce=function(e){var n={r:null,g:null,b:null},t=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)n={r:o,g:o,b:o};else{var l=o,a=(255-r)*o/255,i=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+i):t<120?(n.g=l,n.b=a,n.r=l-i):t<180?(n.g=l,n.r=a,n.b=a+i):t<240?(n.b=l,n.r=a,n.g=l-i):t<300?(n.b=l,n.g=a,n.r=a+i):t<360?(n.r=l,n.g=a,n.b=l-i):(n.r=0,n.g=0,n.b=0)}return{r:Math.round(n.r),g:Math.round(n.g),b:Math.round(n.b)}},ue=function(e){var n=[e.r.toString(16),e.g.toString(16),e.b.toString(16)];for(var t in n)1===n[t].length&&(n[t]="0"+n[t]);return n.join("")},se=function(e){return ue(ce(e))},fe=function(){Q(),J(),V(),G()},pe=function(){h.current&&a.DomHandler.alignOverlay(m.current,h.current.parentElement,t.appendTo||p.default.appendTo)};f.useImperativeHandle(n,(function(){return{props:t,show:W,hide:ee,focus:function(){return a.DomHandler.focus(h.current)},getElement:function(){return s.current},getOverlay:function(){return m.current},getInput:function(){return h.current}}})),f.useEffect((function(){a.ObjectUtils.combinedRefs(h,t.inputRef)}),[h,t.inputRef]),r.useMountEffect((function(){$(t.value),fe()})),r.useUpdateEffect((function(){C.current||k.current||$(t.value)}),[t.value]),r.useUpdateEffect((function(){fe()})),r.useUnmountEffect((function(){a.ZIndexUtils.clear(m.current)}));var de=a.ObjectUtils.isNotEmpty(t.tooltip),me=E.getOtherProps(t),he=a.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!t.inline},t.className),ge=f.createElement("div",{className:"p-colorpicker-content"},f.createElement("div",{ref:g,className:"p-colorpicker-color-selector",onMouseDown:A,onTouchStart:_,onTouchMove:L,onTouchEnd:Z},f.createElement("div",{className:"p-colorpicker-color"},f.createElement("div",{ref:b,className:"p-colorpicker-color-handle"}))),f.createElement("div",{ref:M,className:"p-colorpicker-hue",onMouseDown:U,onTouchStart:H,onTouchMove:L,onTouchEnd:Z},f.createElement("div",{ref:v,className:"p-colorpicker-hue-handle"}))),be=function(){if(!t.inline){var e=a.classNames("p-colorpicker-preview p-inputtext",{"p-disabled":t.disabled}),n=E.getOtherProps(t);return f.createElement("input",d({ref:h,type:"text",className:e,readOnly:!0,id:t.inputId,tabIndex:t.tabIndex,disabled:t.disabled,onClick:ne,onKeyDown:re},n))}return null}();return f.createElement(f.Fragment,null,f.createElement("div",d({ref:s,id:t.id,style:t.style,className:he},me),be,f.createElement(O,{ref:m,appendTo:t.appendTo,inline:t.inline,disabled:t.disabled,panelStyle:t.panelStyle,panelClassName:t.panelClassName,onClick:function(e){t.inline||o.OverlayService.emit("overlay-click",{originalEvent:e,target:s.current})},in:t.inline||c,onEnter:function(){a.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay),pe()},onEntered:function(){T(),t.onShow&&t.onShow()},onExit:function(){N()},onExited:function(){a.ZIndexUtils.clear(m.current),t.onHide&&t.onHide()},transitionOptions:t.transitionOptions},ge)),de&&f.createElement(l.Tooltip,d({target:s,content:t.tooltip},t.tooltipOptions)))})));return M.displayName="ColorPicker",e.ColorPicker=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/colorpicker/package.json

@@ -2,5 +2,6 @@
     "main": "./colorpicker.cjs.js",
     "module": "./colorpicker.esm.js",
     "unpkg": "./colorpicker.min.js",
-    "types": "./colorpicker.d.ts"
+    "types": "./colorpicker.d.ts",
+    "sideEffects": false
 }

package/column/column.cjs.js

@@ -4,84 +4,5 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var Column = function Column() {};
 Column.displayName = 'Column';
-Column.defaultProps = {
-  __TYPE: 'Column',
-  align: null,
-  alignFrozen: 'left',
-  alignHeader: null,
-  body: null,
-  bodyClassName: null,
-  bodyStyle: null,
-  cellEditValidator: null,
-  cellEditValidatorEvent: 'click',
-  className: null,
-  colSpan: null,
-  columnKey: null,
-  dataType: 'text',
-  editor: null,
-  excludeGlobalFilter: false,
-  expander: false,
-  exportField: null,
-  exportable: true,
-  field: null,
-  filter: false,
-  filterApply: null,
-  filterClear: null,
-  filterElement: null,
-  filterField: null,
-  filterFooter: null,
-  filterFunction: null,
-  filterHeader: null,
-  filterHeaderClassName: null,
-  filterHeaderStyle: null,
-  filterMatchMode: null,
-  filterMatchModeOptions: null,
-  filterMaxLength: null,
-  filterMenuClassName: null,
-  filterMenuStyle: null,
-  filterPlaceholder: null,
-  filterType: 'text',
-  footer: null,
-  footerClassName: null,
-  footerStyle: null,
-  frozen: false,
-  header: null,
-  headerClassName: null,
-  headerStyle: null,
-  headerTooltip: null,
-  headerTooltipOptions: null,
-  hidden: false,
-  maxConstraints: 2,
-  onBeforeCellEditHide: null,
-  onBeforeCellEditShow: null,
-  onCellEditCancel: null,
-  onCellEditComplete: null,
-  onCellEditInit: null,
-  onFilterApplyClick: null,
-  onFilterClear: null,
-  onFilterConstraintAdd: null,
-  onFilterConstraintRemove: null,
-  onFilterMatchModeChange: null,
-  onFilterOperatorChange: null,
-  reorderable: true,
-  resizeable: true,
-  rowEditor: false,
-  rowReorder: false,
-  rowReorderIcon: 'pi pi-bars',
-  rowSpan: null,
-  selectionMode: null,
-  showAddButton: true,
-  showApplyButton: true,
-  showClearButton: true,
-  showFilterMatchModes: true,
-  showFilterMenu: true,
-  showFilterMenuOptions: true,
-  showFilterOperator: true,
-  sortField: null,
-  sortFunction: null,
-  sortable: false,
-  sortableDisabled: false,
-  style: null
-};
 
 exports.Column = Column;