primereact 9.5.0 → 9.6.0

package/chips/chips.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r,o,l,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function s(e){return s="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},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function m(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return d(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return y(e)||v(e)||b(e)||g()}function O(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function P(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var w={defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,w.defaultProps)}};function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?D(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):D(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=u.memo(u.forwardRef((function(e,t){var i,s,p=w.getProps(e),f=u.useState(!1),m=(s=2,O(i=f)||j(i,s)||b(i,s)||P()),d=m[0],y=m[1],v=u.useRef(null),g=u.useRef(null),D=u.useRef(p.inputRef),k=function(e,t){if(!p.disabled||!p.readOnly){var n=h(p.value),r=n.splice(t,1);B(r,t)&&(p.onRemove&&p.onRemove({originalEvent:e,value:r}),p.onChange&&p.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:n}}))}},S=function(e,t,n){if(t&&t.trim().length){var r=p.value?h(p.value):[];if(p.allowDuplicate||-1===r.indexOf(t)){var o=!0;p.onAdd&&(o=p.onAdd({originalEvent:e,value:t})),!1!==o&&r.push(t)}N(e,r,n)}},A=function(){a.DomHandler.focus(D.current)},I=function(e){var t=e.target.value,n=p.value||[];if(p.onKeyDown&&p.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===D.current.value.length&&n.length>0&&k(e,n.length-1);break;case"Enter":t&&t.trim().length&&(!p.max||p.max>n.length)&&S(e,t,!0);break;default:p.keyfilter&&o.KeyFilter.onKeyPress(e,p.keyfilter),F()?e.preventDefault():","===p.separator&&(e.key===p.separator||a.DomHandler.isAndroid()&&229===e.which)&&S(e,t,!0)}},N=function(e,t,n){p.onChange&&p.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:t}}),D.current.value="",n&&e.preventDefault()},R=function(e){if(p.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(p.keyfilter&&o.KeyFilter.onPaste(e,p.keyfilter),t){var n=p.value||[],r=t.split(p.separator);r=r.filter((function(e){return(p.allowDuplicate||-1===n.indexOf(e))&&e.trim().length})),n=[].concat(h(n),h(r)),N(e,n,!0)}}},x=function(e){y(!0),p.onFocus&&p.onFocus(e)},C=function(e){if(p.addOnBlur){var t=e.target.value,n=p.value||[];t&&t.trim().length&&(!p.max||p.max>n.length)&&S(e,t,!0)}y(!1),p.onBlur&&p.onBlur(e)},F=function(){return p.max&&p.value&&p.max===p.value.length},T=D.current&&D.current.value,U=u.useMemo((function(){return a.ObjectUtils.isNotEmpty(p.value)||a.ObjectUtils.isNotEmpty(T)}),[p.value,T]),B=function(e,t){return a.ObjectUtils.getPropValue(p.removable,{value:e,index:t,props:p})};u.useImperativeHandle(t,(function(){return{props:p,focus:function(){return a.DomHandler.focus(D.current)},getElement:function(){return v.current},getInput:function(){return D.current}}})),u.useEffect((function(){a.ObjectUtils.combinedRefs(D,p.inputRef)}),[D,p.inputRef]),n.useMountEffect((function(){p.autoFocus&&a.DomHandler.focus(D.current,p.autoFocus)}));var K=function(e,t){var n={className:"p-chips-token-icon",onClick:function(e){return k(e,t)}},o=a.IconUtils.getJSXIcon(p.removeIcon||u.createElement(r.TimesCircleIcon,n),E({},n),{props:p});return p.disabled||p.readOnly||!B(e,t)?null:o},_=function(e,t){var n=p.itemTemplate?p.itemTemplate(e):e,r=u.createElement("span",{className:"p-chips-token-label"},n),o=K(e,t);return u.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,o)},H=a.ObjectUtils.isNotEmpty(p.tooltip),M=w.getOtherProps(p),z=a.ObjectUtils.reduceKeys(M,a.DomHandler.ARIA_PROPS),J=a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":U,"p-inputwrapper-focus":d},p.className),L=function(){var e=a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":p.disabled,"p-focus":d}),t=p.value?p.value.map(_):null,n=u.createElement("li",{className:"p-chips-input-token"},u.createElement("input",c({ref:D,id:p.inputId,placeholder:p.placeholder,type:"text",name:p.name,disabled:p.disabled||F(),onKeyDown:I,onPaste:R,onFocus:x,onBlur:C,readOnly:p.readOnly},z)));return u.createElement("ul",{ref:g,className:e,onClick:A},t,n)}();return u.createElement(u.Fragment,null,u.createElement("div",c({ref:v,id:p.id,className:J,style:p.style},M),L),H&&u.createElement(l.Tooltip,c({target:D,content:p.tooltip},p.tooltipOptions)))})));return k.displayName="Chips",e.Chips=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.chips=function(e,t,n,r,o,l,a,i,u){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=c(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function v(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return b(e)||g(e)||h(e)||O()}function j(e){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw o}}return i}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var E=i.ComponentBase.extend({defaultProps:{__TYPE:"Chips",addOnBlur:null,allowDuplicate:!0,ariaLabelledBy:null,autoFocus:!1,className:null,disabled:null,id:null,inputId:null,inputRef:null,itemTemplate:null,keyfilter:null,max:null,name:null,onAdd:null,onBlur:null,onChange:null,onFocus:null,onKeyDown:null,onRemove:null,placeholder:null,readOnly:!1,removable:!0,removeIcon:null,separator:null,style:null,tooltip:null,tooltipOptions:null,value:null,children:void 0}});function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo(p.forwardRef((function(e,t){var i,c,f=p.useContext(u.PrimeReactContext),m=E.getProps(e,f),d=p.useState(!1),v=(c=2,j(i=d)||w(i,c)||h(i,c)||D()),y=v[0],b=v[1],g=E.setMetaData({props:m,state:{focused:y}}).ptm,O=p.useRef(null),k=p.useRef(null),x=p.useRef(m.inputRef),I=function(e,t){if(!m.disabled||!m.readOnly){var n=P(m.value),r=n.splice(t,1);U(r,t)&&(m.onRemove&&m.onRemove({originalEvent:e,value:r}),m.onChange&&m.onChange({originalEvent:e,value:n,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:n}}))}},R=function(e,t,n){if(t&&t.trim().length){var r=m.value?P(m.value):[];if(m.allowDuplicate||-1===r.indexOf(t)){var o=!0;m.onAdd&&(o=m.onAdd({originalEvent:e,value:t})),!1!==o&&r.push(t)}C(e,r,n)}},A=function(e){var t=e.target.value,n=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===x.current.value.length&&n.length>0&&I(e,n.length-1);break;case"Enter":t&&t.trim().length&&(!m.max||m.max>n.length)&&R(e,t,!0);break;default:m.keyfilter&&o.KeyFilter.onKeyPress(e,m.keyfilter),F()?e.preventDefault():","===m.separator&&(e.key===m.separator||a.DomHandler.isAndroid()&&229===e.which)&&R(e,t,!0)}},C=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:t}}),x.current.value="",n&&e.preventDefault()},N=function(e){if(m.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&o.KeyFilter.onPaste(e,m.keyfilter),t){var n=m.value||[],r=t.split(m.separator);r=r.filter((function(e){return(m.allowDuplicate||-1===n.indexOf(e))&&e.trim().length})),n=[].concat(P(n),P(r)),C(e,n,!0)}}},T=function(e){if(m.addOnBlur){var t=e.target.value,n=m.value||[];t&&t.trim().length&&(!m.max||m.max>n.length)&&R(e,t,!0)}b(!1),m.onBlur&&m.onBlur(e)},F=function(){return m.max&&m.value&&m.max===m.value.length},B=x.current&&x.current.value,K=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(m.value)||a.ObjectUtils.isNotEmpty(B)}),[m.value,B]),U=function(e,t){return a.ObjectUtils.getPropValue(m.removable,{value:e,index:t,props:m})};p.useImperativeHandle(t,(function(){return{props:m,focus:function(){return a.DomHandler.focus(x.current)},getElement:function(){return O.current},getInput:function(){return x.current}}})),p.useEffect((function(){a.ObjectUtils.combinedRefs(x,m.inputRef)}),[x,m.inputRef]),n.useMountEffect((function(){m.autoFocus&&a.DomHandler.focus(x.current,m.autoFocus)}));var _=function(e,t){var n=a.mergeProps({className:"p-chips-token-icon",onClick:function(e){return I(e,t)}},g("removeTokenIcon")),o=a.IconUtils.getJSXIcon(m.removeIcon||p.createElement(r.TimesCircleIcon,n),S({},n),{props:m});return m.disabled||m.readOnly||!U(e,t)?null:o},H=function(e,t){var n=m.itemTemplate?m.itemTemplate(e):e,r=a.mergeProps({className:"p-chips-token-label"},g("label")),o=p.createElement("span",r,n),l=_(e,t),i=a.mergeProps({key:t,className:"p-chips-token p-highlight"},g("token"));return p.createElement("li",i,o,l)},M=a.ObjectUtils.isNotEmpty(m.tooltip),z=E.getOtherProps(m),J=a.ObjectUtils.reduceKeys(z,a.DomHandler.ARIA_PROPS),L=a.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":K,"p-inputwrapper-focus":y},m.className),V=function(){var e,t,n=a.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":m.disabled,"p-focus":y}),r=m.value?m.value.map(H):null,o=(e=a.mergeProps({className:"p-chips-input-token"},g("inputToken")),t=a.mergeProps(S({id:m.inputId,ref:x,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||F(),onKeyDown:function(e){return A(e)},onPaste:function(e){return N(e)},onFocus:function(e){return t=e,b(!0),void(m.onFocus&&m.onFocus(t));var t},onBlur:function(e){return T(e)},readOnly:m.readOnly},J),g("input")),p.createElement("li",e,p.createElement("input",t))),l=a.mergeProps({ref:k,className:n,onClick:function(e){a.DomHandler.focus(x.current)}},g("container"));return p.createElement("ul",l,r,o)}(),X=a.mergeProps({id:m.id,ref:O,className:L,style:m.style},g("root"));return p.createElement(p.Fragment,null,p.createElement("div",X,V),M&&p.createElement(l.Tooltip,s({target:x,content:m.tooltip},m.tooltipOptions,{pt:g("tooltip")})))})));return x.displayName="Chips",e.Chips=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.icons.timescircle,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.api);

package/colorpicker/colorpicker.cjs.js

@@ -8,6 +8,7 @@ var hooks = require('primereact/hooks');
 var overlayservice = require('primereact/overlayservice');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
 
@@ -49,6 +50,47 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -104,7 +146,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ColorPickerBase = {
+var ColorPickerBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ColorPicker',
     appendTo: null,
@@ -131,23 +173,24 @@ var ColorPickerBase = {
     tooltipOptions: null,
     transitionOptions: null,
     value: null
-  },
-  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 context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var createElement = function createElement() {
     var className = utils.classNames('p-colorpicker-panel', props.panelClassName, {
       'p-colorpicker-overlay-panel': !props.inline,
       'p-disabled': props.disabled,
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
+    var panelProps = utils.mergeProps({
+      ref: ref,
+      className: className,
+      style: props.panelStyle,
+      onClick: props.onClick
+    }, props.ptm('panel'));
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: ref,
       classNames: "p-connected-overlay",
@@ -162,12 +205,7 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
       onEntered: props.onEntered,
       onExit: props.onExit,
       onExited: props.onExited
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      ref: ref,
-      className: className,
-      style: props.panelStyle,
-      onClick: props.onClick
-    }, props.children));
+    }, /*#__PURE__*/React__namespace.createElement("div", panelProps, props.children));
   };
   var element = createElement();
   return props.inline ? element : /*#__PURE__*/React__namespace.createElement(portal.Portal, {
@@ -177,12 +215,22 @@ var ColorPickerPanel = /*#__PURE__*/React__namespace.forwardRef(function (props,
 });
 ColorPickerPanel.displayName = 'ColorPickerPanel';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ColorPickerBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = ColorPickerBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     overlayVisibleState = _React$useState2[0],
     setOverlayVisibleState = _React$useState2[1];
+  var _ColorPickerBase$setM = ColorPickerBase.setMetaData({
+      props: props,
+      state: {
+        overlayVisible: overlayVisibleState
+      }
+    }),
+    ptm = _ColorPickerBase$setM.ptm;
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(props.inputRef);
@@ -398,7 +446,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     setOverlayVisibleState(false);
   };
   var onOverlayEnter = function onOverlayEnter() {
-    utils.ZIndexUtils.set('overlay', overlayRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+    utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
     alignOverlay();
   };
   var onOverlayEntered = function onOverlayEntered() {
@@ -557,7 +605,7 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var alignOverlay = function alignOverlay() {
     if (inputRef.current) {
-      utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || PrimeReact__default["default"].appendTo);
+      utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
     }
   };
   React__namespace.useImperativeHandle(ref, function () {
@@ -601,39 +649,57 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     utils.ZIndexUtils.clear(overlayRef.current);
   });
   var createColorSelector = function createColorSelector() {
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var selectorProps = utils.mergeProps({
       ref: colorSelectorRef,
-      className: "p-colorpicker-color-selector",
-      onMouseDown: onColorMousedown,
-      onTouchStart: onColorDragStart,
-      onTouchMove: onDrag,
+      className: 'p-colorpicker-color-selector',
+      onMouseDown: function onMouseDown(e) {
+        return onColorMousedown(e);
+      },
+      onTouchStart: function onTouchStart(e) {
+        return onColorDragStart(e);
+      },
+      onTouchMove: function onTouchMove(e) {
+        return onDrag(e);
+      },
       onTouchEnd: onDragEnd
-    }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-colorpicker-color"
-    }, /*#__PURE__*/React__namespace.createElement("div", {
+    }, ptm('selector'));
+    var colorProps = utils.mergeProps({
+      className: 'p-colorpicker-color'
+    }, ptm('color'));
+    var colorHandlerProps = utils.mergeProps({
       ref: colorHandleRef,
-      className: "p-colorpicker-color-handle"
-    })));
+      className: 'p-colorpicker-color-handle'
+    }, ptm('colorHandler'));
+    return /*#__PURE__*/React__namespace.createElement("div", selectorProps, /*#__PURE__*/React__namespace.createElement("div", colorProps, /*#__PURE__*/React__namespace.createElement("div", colorHandlerProps)));
   };
   var createHue = function createHue() {
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var hueProps = utils.mergeProps({
       ref: hueViewRef,
-      className: "p-colorpicker-hue",
-      onMouseDown: onHueMousedown,
-      onTouchStart: onHueDragStart,
-      onTouchMove: onDrag,
+      className: 'p-colorpicker-hue',
+      onMouseDown: function onMouseDown(e) {
+        return onHueMousedown(e);
+      },
+      onTouchStart: function onTouchStart(e) {
+        return onHueDragStart(e);
+      },
+      onTouchMove: function onTouchMove(e) {
+        return onDrag(e);
+      },
       onTouchEnd: onDragEnd
-    }, /*#__PURE__*/React__namespace.createElement("div", {
+    }, ptm('hue'));
+    var hueHandlerProps = utils.mergeProps({
       ref: hueHandleRef,
-      className: "p-colorpicker-hue-handle"
-    }));
+      className: 'p-colorpicker-hue-handle'
+    }, ptm('hueHandler'));
+    return /*#__PURE__*/React__namespace.createElement("div", hueProps, /*#__PURE__*/React__namespace.createElement("div", hueHandlerProps));
   };
   var createContent = function createContent() {
     var colorSelector = createColorSelector();
     var hue = createHue();
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-colorpicker-content"
-    }, colorSelector, hue);
+    var contentProps = utils.mergeProps({
+      className: 'p-colorpicker-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, colorSelector, hue);
   };
   var createInput = function createInput() {
     if (!props.inline) {
@@ -641,9 +707,9 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         'p-disabled': props.disabled
       });
       var inputProps = ColorPickerBase.getOtherProps(props);
-      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+      var _inputProps = utils.mergeProps(_objectSpread({
         ref: inputRef,
-        type: "text",
+        type: 'text',
         readOnly: true,
         className: inputClassName,
         style: props.inputStyle,
@@ -652,23 +718,24 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
         disabled: props.disabled,
         onClick: onInputClick,
         onKeyDown: onInputKeydown
-      }, inputProps));
+      }, inputProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _inputProps);
     }
     return null;
   };
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ColorPickerBase.getOtherProps(props);
   var className = utils.classNames('p-colorpicker p-component', {
     'p-colorpicker-overlay': !props.inline
   }, props.className);
   var content = createContent();
   var input = createInput();
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = utils.mergeProps({
     id: props.id,
+    ref: elementRef,
     style: props.style,
     className: className
-  }, otherProps), input, /*#__PURE__*/React__namespace.createElement(ColorPickerPanel, {
+  }, ColorPickerBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, input, /*#__PURE__*/React__namespace.createElement(ColorPickerPanel, {
     ref: overlayRef,
     appendTo: props.appendTo,
     inline: props.inline,
@@ -681,11 +748,14 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     onEntered: onOverlayEntered,
     onExit: onOverlayExit,
     onExited: onOverlayExited,
-    transitionOptions: props.transitionOptions
+    transitionOptions: props.transitionOptions,
+    ptm: ptm
   }, content)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 ColorPicker.displayName = '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"),u=require("primereact/portal");function i(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=i(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,u=[],i=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=l.call(t)).done)&&(u.push(r.value),u.length!==n);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw o}}return u}}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,autoFocus:!1,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},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(u.Portal,{element:r,appendTo:e.appendTo})}));E.displayName="ColorPickerPanel";var O=s.memo(s.forwardRef((function(e,n){var a=y.getProps(e),u=v(s.useState(!1),2),i=u[0],c=u[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:i}),2),N=w[0],S=w[1],T=v(t.useEventListener({type:"mousemove",listener:function(e){C.current&&z(e),M.current&&q(e)}}),2),P=T[0],j=T[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],H=function(e){a.disabled||(L(),U(e))},U=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(),B()},Y=function(e){a.disabled||(L(),A(e))},A=function(e){a.disabled||(C.current=!0,z(e),l.DomHandler.addClass(d.current,"p-colorpicker-dragging"),e.preventDefault())},_=function(e){C.current&&(z(e),e.preventDefault()),M.current&&(q(e),e.preventDefault())},F=function(){C.current=!1,M.current=!1,l.DomHandler.removeClass(d.current,"p-colorpicker-dragging"),Z()},L=function(){P(),D()},Z=function(){j(),I()},z=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(),B()},B=function(){switch(a.format){case"hex":$(se(k.current));break;case"rgb":$(ie(k.current));break;case"hsb":$(k.current)}},X=function(e){var n;if(e)switch(a.format){case"hex":n=ae(e);break;case"rgb":n=ue(e);break;case"hsb":n=e}else n=ae(a.defaultColor);return n},K=function(e){k.current=X(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(){i?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 ue(le(e))},ue=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,u=t%60*(l-a)/60;360===t&&(t=0),t<60?(n.r=l,n.b=a,n.g=a+u):t<120?(n.g=l,n.b=a,n.r=l-u):t<180?(n.g=l,n.r=a,n.b=a+u):t<240?(n.b=l,n.r=a,n.g=l-u):t<300?(n.b=l,n.g=a,n.r=a+u):t<360?(n.r=l,n.g=a,n.b=l-u):(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(ie(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(),a.autoFocus&&l.DomHandler.focus(h.current,a.autoFocus)})),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:F},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:H,onTouchStart:U,onTouchMove:_,onTouchEnd:F},s.createElement("div",{ref:O,className:"p-colorpicker-hue-handle"}))),be=function(){if(!a.inline){var e=l.classNames("p-colorpicker-preview p-inputtext",a.inputClassName,{"p-disabled":a.disabled}),n=y.getOtherProps(a);return s.createElement("input",p({ref:h,type:"text",readOnly:!0,className:e,style:a.inputStyle,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||i,onEnter:function(){l.ZIndexUtils.set("overlay",m.current,f.default.autoZIndex,f.default.zIndex.overlay),pe()},onEntered:function(){N(),a.onShow&&a.onShow()},onExit:function(){S()},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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/overlayservice"),o=require("primereact/tooltip"),l=require("primereact/utils"),u=require("primereact/componentbase"),i=require("primereact/csstransition"),a=require("primereact/portal");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=s(e),f=c(t);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}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 b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,i=[],a=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return i}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}function x(){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 P(e,t){return v(e)||y(e,t)||E(e,t)||x()}var M=u.ComponentBase.extend({defaultProps:{__TYPE:"ColorPicker",appendTo:null,autoFocus:!1,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null}}),S=p.forwardRef((function(e,n){var r,o,u=p.useContext(t.PrimeReactContext),c=(r=l.classNames("p-colorpicker-panel",e.panelClassName,{"p-colorpicker-overlay-panel":!e.inline,"p-disabled":e.disabled,"p-input-filled":u&&"filled"===u.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":u&&!1===u.ripple||!1===f.default.ripple}),o=l.mergeProps({ref:n,className:r,style:e.panelStyle,onClick:e.onClick},e.ptm("panel")),p.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},p.createElement("div",o,e.children)));return e.inline?c:p.createElement(a.Portal,{element:c,appendTo:e.appendTo})}));function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}S.displayName="ColorPickerPanel";var C=p.memo(p.forwardRef((function(e,u){var i=p.useContext(t.PrimeReactContext),a=M.getProps(e,i),c=P(p.useState(!1),2),s=c[0],m=c[1],b=M.setMetaData({props:a,state:{overlayVisible:s}}).ptm,g=p.useRef(null),h=p.useRef(null),v=p.useRef(a.inputRef),y=p.useRef(null),O=p.useRef(null),E=p.useRef(null),x=p.useRef(null),k=p.useRef(!1),C=p.useRef(null),j=p.useRef(!1),T=P(n.useOverlayListener({target:g,overlay:h,listener:function(e,t){t.valid&&ne()},when:s}),2),N=T[0],R=T[1],D=P(n.useEventListener({type:"mousemove",listener:function(e){j.current&&X(e),k.current&&_(e)}}),2),I=D[0],H=D[1],q=P(n.useEventListener({type:"mouseup",listener:function(){j.current=k.current=!1,l.DomHandler.removeClass(g.current,"p-colorpicker-dragging"),H(),Y()}}),2),U=q[0],Y=q[1],A=function(e){a.disabled||(k.current=!0,_(e),l.DomHandler.addClass(g.current,"p-colorpicker-dragging"))},_=function(e){var t=x.current.getBoundingClientRect().top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0);C.current=ue({h:Math.floor(360*(150-Math.max(0,Math.min(150,(e.pageY||e.changedTouches[0].pageY)-t)))/150),s:100,b:100}),J(),W(),K()},Z=function(e){a.disabled||(j.current=!0,X(e),l.DomHandler.addClass(g.current,"p-colorpicker-dragging"),e.preventDefault())},F=function(e){j.current&&(X(e),e.preventDefault()),k.current&&(_(e),e.preventDefault())},L=function(){j.current=!1,k.current=!1,l.DomHandler.removeClass(g.current,"p-colorpicker-dragging"),B()},z=function(){I(),U()},B=function(){H(),Y()},X=function(e){var t=y.current.getBoundingClientRect(),n=t.top+(window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0),r=t.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)-n)))/150);C.current=ue({h:C.current.h,s:o,b:l}),Q(),ee(),K()},K=function(){switch(a.format){case"hex":G(fe(C.current));break;case"rgb":G(se(C.current));break;case"hsb":G(C.current)}},V=function(e){var t;if(e)switch(a.format){case"hex":t=ae(e);break;case"rgb":t=ce(e);break;case"hsb":t=e}else t=ae(a.defaultColor);return t},$=function(e){C.current=V(e)},G=function(e){a.onChange&&a.onChange({value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:e}})},J=function(){if(y.current){var e=ue({h:C.current.h,s:100,b:100});y.current.style.backgroundColor="#"+fe(e)}},Q=function(){O.current&&(O.current.style.left=Math.floor(150*C.current.s/100)+"px",O.current.style.top=Math.floor(150*(100-C.current.b)/100)+"px")},W=function(){E.current&&(E.current.style.top=Math.floor(150-150*C.current.h/360)+"px")},ee=function(){v.current&&(v.current.style.backgroundColor="#"+fe(C.current))},te=function(){m(!0)},ne=function(){m(!1)},re=function(){oe()},oe=function(){s?ne():te()},le=function(e){switch(e.which){case 32:oe(),e.preventDefault();break;case 27:case 9:ne()}},ue=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))}},ie=function(e){var t=parseInt(e.indexOf("#")>-1?e.substring(1):e,16);return{r:t>>16,g:(65280&t)>>8,b:255&t}},ae=function(e){return ce(ie(e))},ce=function(e){var t={h:0,s:0,b:0},n=Math.min(e.r,e.g,e.b),r=Math.max(e.r,e.g,e.b),o=r-n;return t.b=r,t.s=0!==r?255*o/r:0,t.h=0!==t.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,t.h*=60,t.h<0&&(t.h+=360),t.s*=100/255,t.b*=100/255,t},se=function(e){var t={r:null,g:null,b:null},n=Math.round(e.h),r=Math.round(255*e.s/100),o=Math.round(255*e.b/100);if(0===r)t={r:o,g:o,b:o};else{var l=o,u=(255-r)*o/255,i=n%60*(l-u)/60;360===n&&(n=0),n<60?(t.r=l,t.b=u,t.g=u+i):n<120?(t.g=l,t.b=u,t.r=l-i):n<180?(t.g=l,t.r=u,t.b=u+i):n<240?(t.b=l,t.r=u,t.g=l-i):n<300?(t.b=l,t.g=u,t.r=u+i):n<360?(t.r=l,t.g=u,t.b=l-i):(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)}},pe=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("")},fe=function(e){return pe(se(e))},de=function(){W(),Q(),ee(),J()},me=function(){v.current&&l.DomHandler.alignOverlay(h.current,v.current.parentElement,a.appendTo||i&&i.appendTo||f.default.appendTo)};p.useImperativeHandle(u,(function(){return{props:a,show:te,hide:ne,focus:function(){return l.DomHandler.focus(v.current)},getElement:function(){return g.current},getOverlay:function(){return h.current},getInput:function(){return v.current}}})),p.useEffect((function(){l.ObjectUtils.combinedRefs(v,a.inputRef)}),[v,a.inputRef]),n.useMountEffect((function(){$(a.value),de(),a.autoFocus&&l.DomHandler.focus(v.current,a.autoFocus)})),n.useUpdateEffect((function(){j.current||k.current||$(a.value)}),[a.value]),n.useUpdateEffect((function(){de()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(h.current)}));var be,ge,he,ve,ye,Oe,Ee,xe,Pe=l.ObjectUtils.isNotEmpty(a.tooltip),Me=l.classNames("p-colorpicker p-component",{"p-colorpicker-overlay":!a.inline},a.className),Se=(be=l.mergeProps({ref:y,className:"p-colorpicker-color-selector",onMouseDown:function(e){return t=e,void(a.disabled||(z(),Z(t)));var t},onTouchStart:function(e){return Z(e)},onTouchMove:function(e){return F(e)},onTouchEnd:L},b("selector")),ge=l.mergeProps({className:"p-colorpicker-color"},b("color")),he=l.mergeProps({ref:O,className:"p-colorpicker-color-handle"},b("colorHandler")),Oe=p.createElement("div",be,p.createElement("div",ge,p.createElement("div",he))),ve=l.mergeProps({ref:x,className:"p-colorpicker-hue",onMouseDown:function(e){return t=e,void(a.disabled||(z(),A(t)));var t},onTouchStart:function(e){return A(e)},onTouchMove:function(e){return F(e)},onTouchEnd:L},b("hue")),ye=l.mergeProps({ref:E,className:"p-colorpicker-hue-handle"},b("hueHandler")),Ee=p.createElement("div",ve,p.createElement("div",ye)),xe=l.mergeProps({className:"p-colorpicker-content"},b("content")),p.createElement("div",xe,Oe,Ee)),ke=function(){if(!a.inline){var e=l.classNames("p-colorpicker-preview p-inputtext",a.inputClassName,{"p-disabled":a.disabled}),t=M.getOtherProps(a),n=l.mergeProps(w({ref:v,type:"text",readOnly:!0,className:e,style:a.inputStyle,id:a.inputId,tabIndex:a.tabIndex,disabled:a.disabled,onClick:re,onKeyDown:le},t),b("input"));return p.createElement("input",n)}return null}(),we=l.mergeProps({id:a.id,ref:g,style:a.style,className:Me},M.getOtherProps(a),b("root"));return p.createElement(p.Fragment,null,p.createElement("div",we,ke,p.createElement(S,{ref:h,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:g.current})},in:a.inline||s,onEnter:function(){l.ZIndexUtils.set("overlay",h.current,i&&i.autoZIndex||f.default.autoZIndex,i&&i.zIndex.overlay||f.default.zIndex.overlay),me()},onEntered:function(){N(),a.onShow&&a.onShow()},onExit:function(){R()},onExited:function(){l.ZIndexUtils.clear(h.current),a.onHide&&a.onHide()},transitionOptions:a.transitionOptions,ptm:b},Se)),Pe&&p.createElement(o.Tooltip,d({target:g,content:a.tooltip},a.tooltipOptions,{pt:b("tooltip")})))})));C.displayName="ColorPicker",exports.ColorPicker=C;

package/colorpicker/colorpicker.d.ts

@@ -11,6 +11,77 @@ import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
+import { PassThroughType } from '../utils/utils';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
+
+export declare type ColorPickerPassThroughType<T> = PassThroughType<T, ColorPickerPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ColorPickerPassThroughMethodOptions {
+    props: ColorPickerProps;
+    state: ColorPickerState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ColorPickerProps.pt}
+ */
+export interface ColorPickerPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the selector's DOM element.
+     */
+    selector?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the color's DOM element.
+     */
+    color?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the color handler's DOM element.
+     */
+    colorHandler?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hue's DOM element.
+     */
+    hue?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hue handler's DOM element.
+     */
+    hueHandler?: ColorPickerPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in ColorPicker component.
+ */
+export interface ColorPickerState {
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+}
 
 /**
  * RGB type of value
@@ -147,6 +218,11 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ColorPickerPassThroughOptions}
+     */
+    pt?: ColorPickerPassThroughOptions;
 }
 
 /**