primereact 9.3.1 → 9.4.0

package/chips/chips.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var timescircle = require('primereact/icons/timescircle');
 var keyfilter = require('primereact/keyfilter');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
-var timescircle = require('primereact/icons/timescircle');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -225,8 +225,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props.onChange({
         originalEvent: event,
         value: values,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,
@@ -296,8 +300,12 @@ var Chips = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props.onChange({
         originalEvent: event,
         value: items,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,

package/chips/chips.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),r=require("primereact/utils"),l=require("primereact/icons/timescircle");function o(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 a=o(e);function i(){return i=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},i.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(){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 b(e){return m(e)||d(e)||y(e)||v()}function g(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function O(){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 j={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,j.defaultProps)}};function P(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?P(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=a.memo(a.forwardRef((function(e,o){var u,c,s=j.getProps(e),p=a.useState(!1),f=(c=2,g(u=p)||h(u,c)||y(u,c)||O()),m=f[0],d=f[1],v=a.useRef(null),P=a.useRef(null),E=a.useRef(s.inputRef),D=function(e,t){if(!s.disabled||!s.readOnly){var n=b(s.value),r=n.splice(t,1);B(r,t)&&(s.onRemove&&s.onRemove({originalEvent:e,value:r}),s.onChange&&s.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:n}}))}},S=function(e,t,n){if(t&&t.trim().length){var r=s.value?b(s.value):[];if(s.allowDuplicate||-1===r.indexOf(t)){var l=!0;s.onAdd&&(l=s.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}A(e,r,n)}},k=function(){r.DomHandler.focus(E.current)},x=function(e){var n=e.target.value,l=s.value||[];if(s.onKeyDown&&s.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===E.current.value.length&&l.length>0&&D(e,l.length-1);break;case"Enter":n&&n.trim().length&&(!s.max||s.max>l.length)&&S(e,n,!0);break;default:s.keyfilter&&t.KeyFilter.onKeyPress(e,s.keyfilter),C()?e.preventDefault():","===s.separator&&(e.key===s.separator||r.DomHandler.isAndroid()&&229===e.which)&&S(e,n,!0)}},A=function(e,t,n){s.onChange&&s.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:t}}),E.current.value="",n&&e.preventDefault()},I=function(e){if(s.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(s.keyfilter&&t.KeyFilter.onPaste(e,s.keyfilter),n){var r=s.value||[],l=n.split(s.separator);l=l.filter((function(e){return(s.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(b(r),b(l)),A(e,r,!0)}}},N=function(e){d(!0),s.onFocus&&s.onFocus(e)},R=function(e){if(s.addOnBlur){var t=e.target.value,n=s.value||[];t&&t.trim().length&&(!s.max||s.max>n.length)&&S(e,t,!0)}d(!1),s.onBlur&&s.onBlur(e)},C=function(){return s.max&&s.value&&s.max===s.value.length},T=E.current&&E.current.value,U=a.useMemo((function(){return r.ObjectUtils.isNotEmpty(s.value)||r.ObjectUtils.isNotEmpty(T)}),[s.value,T]),B=function(e,t){return r.ObjectUtils.getPropValue(s.removable,{value:e,index:t,props:s})};a.useImperativeHandle(o,(function(){return{props:s,focus:function(){return r.DomHandler.focus(E.current)},getElement:function(){return v.current},getInput:function(){return E.current}}})),a.useEffect((function(){r.ObjectUtils.combinedRefs(E,s.inputRef)}),[E,s.inputRef]);var K=function(e,t){var n={className:"p-chips-token-icon",onClick:function(e){return D(e,t)}},o=r.IconUtils.getJSXIcon(s.removeIcon||a.createElement(l.TimesCircleIcon,n),w({},n),{props:s});return s.disabled||s.readOnly||!B(e,t)?null:o},F=function(e,t){var n=s.itemTemplate?s.itemTemplate(e):e,r=a.createElement("span",{className:"p-chips-token-label"},n),l=K(e,t);return a.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},_=r.ObjectUtils.isNotEmpty(s.tooltip),q=j.getOtherProps(s),H=r.ObjectUtils.reduceKeys(q,r.DomHandler.ARIA_PROPS),M=r.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":U,"p-inputwrapper-focus":m},s.className),z=function(){var e=r.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":s.disabled,"p-focus":m}),t=s.value?s.value.map(F):null,n=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",i({ref:E,id:s.inputId,placeholder:s.placeholder,type:"text",name:s.name,disabled:s.disabled||C(),onKeyDown:x,onPaste:I,onFocus:N,onBlur:R,readOnly:s.readOnly},H)));return a.createElement("ul",{ref:P,className:e,onClick:k},t,n)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:v,id:s.id,className:M,style:s.style},q),z),_&&a.createElement(n.Tooltip,i({target:E,content:s.tooltip},s.tooltipOptions)))})));E.displayName="Chips",exports.Chips=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/icons/timescircle"),n=require("primereact/keyfilter"),r=require("primereact/tooltip"),l=require("primereact/utils");function o(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 a=o(e);function i(){return i=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},i.apply(this,arguments)}function u(e){return u="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},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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 m(e){if(Array.isArray(e))return f(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function v(){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 b(e){return m(e)||d(e)||y(e)||v()}function g(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function O(){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 j={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,j.defaultProps)}};function P(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?P(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=a.memo(a.forwardRef((function(e,o){var u,c,p=j.getProps(e),s=a.useState(!1),f=(c=2,g(u=s)||h(u,c)||y(u,c)||O()),m=f[0],d=f[1],v=a.useRef(null),P=a.useRef(null),D=a.useRef(p.inputRef),E=function(e,t){if(!p.disabled||!p.readOnly){var n=b(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?b(p.value):[];if(p.allowDuplicate||-1===r.indexOf(t)){var l=!0;p.onAdd&&(l=p.onAdd({originalEvent:e,value:t})),!1!==l&&r.push(t)}A(e,r,n)}},k=function(){l.DomHandler.focus(D.current)},x=function(e){var t=e.target.value,r=p.value||[];if(p.onKeyDown&&p.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===D.current.value.length&&r.length>0&&E(e,r.length-1);break;case"Enter":t&&t.trim().length&&(!p.max||p.max>r.length)&&S(e,t,!0);break;default:p.keyfilter&&n.KeyFilter.onKeyPress(e,p.keyfilter),C()?e.preventDefault():","===p.separator&&(e.key===p.separator||l.DomHandler.isAndroid()&&229===e.which)&&S(e,t,!0)}},A=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()},I=function(e){if(p.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(p.keyfilter&&n.KeyFilter.onPaste(e,p.keyfilter),t){var r=p.value||[],l=t.split(p.separator);l=l.filter((function(e){return(p.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(b(r),b(l)),A(e,r,!0)}}},N=function(e){d(!0),p.onFocus&&p.onFocus(e)},R=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)}d(!1),p.onBlur&&p.onBlur(e)},C=function(){return p.max&&p.value&&p.max===p.value.length},T=D.current&&D.current.value,U=a.useMemo((function(){return l.ObjectUtils.isNotEmpty(p.value)||l.ObjectUtils.isNotEmpty(T)}),[p.value,T]),B=function(e,t){return l.ObjectUtils.getPropValue(p.removable,{value:e,index:t,props:p})};a.useImperativeHandle(o,(function(){return{props:p,focus:function(){return l.DomHandler.focus(D.current)},getElement:function(){return v.current},getInput:function(){return D.current}}})),a.useEffect((function(){l.ObjectUtils.combinedRefs(D,p.inputRef)}),[D,p.inputRef]);var K=function(e,n){var r={className:"p-chips-token-icon",onClick:function(e){return E(e,n)}},o=l.IconUtils.getJSXIcon(p.removeIcon||a.createElement(t.TimesCircleIcon,r),w({},r),{props:p});return p.disabled||p.readOnly||!B(e,n)?null:o},F=function(e,t){var n=p.itemTemplate?p.itemTemplate(e):e,r=a.createElement("span",{className:"p-chips-token-label"},n),l=K(e,t);return a.createElement("li",{key:t,className:"p-chips-token p-highlight"},r,l)},_=l.ObjectUtils.isNotEmpty(p.tooltip),q=j.getOtherProps(p),H=l.ObjectUtils.reduceKeys(q,l.DomHandler.ARIA_PROPS),M=l.classNames("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":U,"p-inputwrapper-focus":m},p.className),z=function(){var e=l.classNames("p-inputtext p-chips-multiple-container",{"p-disabled":p.disabled,"p-focus":m}),t=p.value?p.value.map(F):null,n=a.createElement("li",{className:"p-chips-input-token"},a.createElement("input",i({ref:D,id:p.inputId,placeholder:p.placeholder,type:"text",name:p.name,disabled:p.disabled||C(),onKeyDown:x,onPaste:I,onFocus:N,onBlur:R,readOnly:p.readOnly},H)));return a.createElement("ul",{ref:P,className:e,onClick:k},t,n)}();return a.createElement(a.Fragment,null,a.createElement("div",i({ref:v,id:p.id,className:M,style:p.style},q),z),_&&a.createElement(r.Tooltip,i({target:D,content:p.tooltip},p.tooltipOptions)))})));D.displayName="Chips",exports.Chips=D;

package/chips/chips.esm.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { KeyFilter } from 'primereact/keyfilter';
 import { Tooltip } from 'primereact/tooltip';
 import { ObjectUtils, DomHandler, classNames, IconUtils } from 'primereact/utils';
-import { TimesCircleIcon } from 'primereact/icons/timescircle';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -201,8 +201,12 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       props.onChange({
         originalEvent: event,
         value: values,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,
@@ -272,8 +276,12 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       props.onChange({
         originalEvent: event,
         value: items,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,

package/chips/chips.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as o,classNames as l,IconUtils as a}from"primereact/utils";import{TimesCircleIcon as i}from"primereact/icons/timescircle";function u(){return u=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},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(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"===c(t)?t:String(t)}function s(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 m(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 d(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return d(e)||y(e)||v(e)||b()}function h(e){if(Array.isArray(e))return e}function O(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 w(){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 P={defaultProps:{__TYPE:"Chips",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return r.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,P.defaultProps)}};function E(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var S=e.memo(e.forwardRef((function(c,p){var f,s,m=P.getProps(c),d=e.useState(!1),y=(s=2,h(f=d)||O(f,s)||v(f,s)||w()),b=y[0],E=y[1],S=e.useRef(null),k=e.useRef(null),D=e.useRef(m.inputRef),x=function(e,t){if(!m.disabled||!m.readOnly){var n=g(m.value),r=n.splice(t,1);_(r,t)&&(m.onRemove&&m.onRemove({originalEvent:e,value:r}),m.onChange&&m.onChange({originalEvent:e,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:n}}))}},A=function(e,t,n){if(t&&t.trim().length){var r=m.value?g(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)}N(e,r,n)}},R=function(){o.focus(D.current)},I=function(e){var n=e.target.value,r=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===D.current.value.length&&r.length>0&&x(e,r.length-1);break;case"Enter":n&&n.trim().length&&(!m.max||m.max>r.length)&&A(e,n,!0);break;default:m.keyfilter&&t.onKeyPress(e,m.keyfilter),K()?e.preventDefault():","===m.separator&&(e.key===m.separator||o.isAndroid()&&229===e.which)&&A(e,n,!0)}},N=function(e,t,n){m.onChange&&m.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:m.name,id:m.id,value:t}}),D.current.value="",n&&e.preventDefault()},C=function(e){if(m.separator){var n=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&t.onPaste(e,m.keyfilter),n){var r=m.value||[],o=n.split(m.separator);o=o.filter((function(e){return(m.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(o)),N(e,r,!0)}}},B=function(e){E(!0),m.onFocus&&m.onFocus(e)},T=function(e){if(m.addOnBlur){var t=e.target.value,n=m.value||[];t&&t.trim().length&&(!m.max||m.max>n.length)&&A(e,t,!0)}E(!1),m.onBlur&&m.onBlur(e)},K=function(){return m.max&&m.value&&m.max===m.value.length},F=D.current&&D.current.value,M=e.useMemo((function(){return r.isNotEmpty(m.value)||r.isNotEmpty(F)}),[m.value,F]),_=function(e,t){return r.getPropValue(m.removable,{value:e,index:t,props:m})};e.useImperativeHandle(p,(function(){return{props:m,focus:function(){return o.focus(D.current)},getElement:function(){return S.current},getInput:function(){return D.current}}})),e.useEffect((function(){r.combinedRefs(D,m.inputRef)}),[D,m.inputRef]);var H=function(t,n){var r={className:"p-chips-token-icon",onClick:function(e){return x(e,n)}},o=a.getJSXIcon(m.removeIcon||e.createElement(i,r),j({},r),{props:m});return m.disabled||m.readOnly||!_(t,n)?null:o},J=function(t,n){var r=m.itemTemplate?m.itemTemplate(t):t,o=e.createElement("span",{className:"p-chips-token-label"},r),l=H(t,n);return e.createElement("li",{key:n,className:"p-chips-token p-highlight"},o,l)},L=r.isNotEmpty(m.tooltip),U=P.getOtherProps(m),V=r.reduceKeys(U,o.ARIA_PROPS),X=l("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":M,"p-inputwrapper-focus":b},m.className),Y=function(){var t=l("p-inputtext p-chips-multiple-container",{"p-disabled":m.disabled,"p-focus":b}),n=m.value?m.value.map(J):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",u({ref:D,id:m.inputId,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||K(),onKeyDown:I,onPaste:C,onFocus:B,onBlur:T,readOnly:m.readOnly},V)));return e.createElement("ul",{ref:k,className:t,onClick:R},n,r)}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:S,id:m.id,className:X,style:m.style},U),Y),L&&e.createElement(n,u({target:D,content:m.tooltip},m.tooltipOptions)))})));S.displayName="Chips";export{S as Chips};
+import*as e from"react";import{TimesCircleIcon as t}from"primereact/icons/timescircle";import{KeyFilter as n}from"primereact/keyfilter";import{Tooltip as r}from"primereact/tooltip";import{ObjectUtils as o,DomHandler as l,classNames as a,IconUtils as i}from"primereact/utils";function u(){return u=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},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(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"===c(t)?t:String(t)}function s(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 m(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 d(e){if(Array.isArray(e))return m(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e){return d(e)||v(e)||y(e)||b()}function h(e){if(Array.isArray(e))return e}function O(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",id:null,inputRef:null,inputId:null,name:null,placeholder:null,value:null,max:null,disabled:null,readOnly:!1,removable:!0,removeIcon:null,style:null,className:null,tooltip:null,tooltipOptions:null,ariaLabelledBy:null,separator:null,allowDuplicate:!0,itemTemplate:null,keyfilter:null,addOnBlur:null,onAdd:null,onRemove:null,onChange:null,onFocus:null,onBlur:null,onKeyDown:null,children:void 0},getProps:function(e){return o.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,w.defaultProps)}};function E(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=e.memo(e.forwardRef((function(c,p){var f,s,m=w.getProps(c),d=e.useState(!1),v=(s=2,h(f=d)||O(f,s)||y(f,s)||P()),b=v[0],E=v[1],D=e.useRef(null),S=e.useRef(null),k=e.useRef(m.inputRef),x=function(e,t){if(!m.disabled||!m.readOnly){var n=g(m.value),r=n.splice(t,1);_(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}}))}},A=function(e,t,n){if(t&&t.trim().length){var r=m.value?g(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)}N(e,r,n)}},R=function(){l.focus(k.current)},I=function(e){var t=e.target.value,r=m.value||[];if(m.onKeyDown&&m.onKeyDown(e),!e.defaultPrevented)switch(e.key){case"Backspace":0===k.current.value.length&&r.length>0&&x(e,r.length-1);break;case"Enter":t&&t.trim().length&&(!m.max||m.max>r.length)&&A(e,t,!0);break;default:m.keyfilter&&n.onKeyPress(e,m.keyfilter),K()?e.preventDefault():","===m.separator&&(e.key===m.separator||l.isAndroid()&&229===e.which)&&A(e,t,!0)}},N=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}}),k.current.value="",n&&e.preventDefault()},C=function(e){if(m.separator){var t=(e.clipboardData||window.clipboardData).getData("Text");if(m.keyfilter&&n.onPaste(e,m.keyfilter),t){var r=m.value||[],o=t.split(m.separator);o=o.filter((function(e){return(m.allowDuplicate||-1===r.indexOf(e))&&e.trim().length})),r=[].concat(g(r),g(o)),N(e,r,!0)}}},B=function(e){E(!0),m.onFocus&&m.onFocus(e)},T=function(e){if(m.addOnBlur){var t=e.target.value,n=m.value||[];t&&t.trim().length&&(!m.max||m.max>n.length)&&A(e,t,!0)}E(!1),m.onBlur&&m.onBlur(e)},K=function(){return m.max&&m.value&&m.max===m.value.length},F=k.current&&k.current.value,M=e.useMemo((function(){return o.isNotEmpty(m.value)||o.isNotEmpty(F)}),[m.value,F]),_=function(e,t){return o.getPropValue(m.removable,{value:e,index:t,props:m})};e.useImperativeHandle(p,(function(){return{props:m,focus:function(){return l.focus(k.current)},getElement:function(){return D.current},getInput:function(){return k.current}}})),e.useEffect((function(){o.combinedRefs(k,m.inputRef)}),[k,m.inputRef]);var H=function(n,r){var o={className:"p-chips-token-icon",onClick:function(e){return x(e,r)}},l=i.getJSXIcon(m.removeIcon||e.createElement(t,o),j({},o),{props:m});return m.disabled||m.readOnly||!_(n,r)?null:l},J=function(t,n){var r=m.itemTemplate?m.itemTemplate(t):t,o=e.createElement("span",{className:"p-chips-token-label"},r),l=H(t,n);return e.createElement("li",{key:n,className:"p-chips-token p-highlight"},o,l)},L=o.isNotEmpty(m.tooltip),U=w.getOtherProps(m),V=o.reduceKeys(U,l.ARIA_PROPS),X=a("p-chips p-component p-inputwrapper",{"p-inputwrapper-filled":M,"p-inputwrapper-focus":b},m.className),Y=function(){var t=a("p-inputtext p-chips-multiple-container",{"p-disabled":m.disabled,"p-focus":b}),n=m.value?m.value.map(J):null,r=e.createElement("li",{className:"p-chips-input-token"},e.createElement("input",u({ref:k,id:m.inputId,placeholder:m.placeholder,type:"text",name:m.name,disabled:m.disabled||K(),onKeyDown:I,onPaste:C,onFocus:B,onBlur:T,readOnly:m.readOnly},V)));return e.createElement("ul",{ref:S,className:t,onClick:R},n,r)}();return e.createElement(e.Fragment,null,e.createElement("div",u({ref:D,id:m.id,className:X,style:m.style},U),Y),L&&e.createElement(r,u({target:k,content:m.tooltip},m.tooltipOptions)))})));D.displayName="Chips";export{D as Chips};

package/chips/chips.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils, timescircle) {
+this.primereact.chips = (function (exports, React, timescircle, keyfilter, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -219,8 +219,12 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils, ti
         props.onChange({
           originalEvent: event,
           value: values,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             name: props.name,
             id: props.id,
@@ -290,8 +294,12 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils, ti
         props.onChange({
           originalEvent: event,
           value: items,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
+          stopPropagation: function stopPropagation() {
+            event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event.preventDefault();
+          },
           target: {
             name: props.name,
             id: props.id,
@@ -451,4 +459,4 @@ this.primereact.chips = (function (exports, React, keyfilter, tooltip, utils, ti
 
   return exports;
 
-})({}, React, primereact.keyfilter, primereact.tooltip, primereact.utils, primereact.icons.timescircle);
+})({}, React, primereact.icons.timescircle, primereact.keyfilter, primereact.tooltip, primereact.utils);

package/chips/chips.min.js

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

package/colorpicker/colorpicker.cjs.js

@@ -108,14 +108,17 @@ var ColorPickerBase = {
   defaultProps: {
     __TYPE: 'ColorPicker',
     appendTo: null,
+    children: undefined,
     className: null,
     defaultColor: 'ff0000',
     disabled: false,
     format: 'hex',
     id: null,
     inline: false,
+    inputClassName: null,
     inputId: null,
     inputRef: null,
+    inputStyle: null,
     onChange: null,
     onHide: null,
     onShow: null,
@@ -126,8 +129,7 @@ var ColorPickerBase = {
     tooltip: null,
     tooltipOptions: null,
     transitionOptions: null,
-    value: null,
-    children: undefined
+    value: null
   },
   getProps: function getProps(props) {
     return utils.ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
@@ -631,15 +633,16 @@ var ColorPicker = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   };
   var createInput = function createInput() {
     if (!props.inline) {
-      var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
+      var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', props.inputClassName, {
         'p-disabled': props.disabled
       });
       var inputProps = ColorPickerBase.getOtherProps(props);
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef,
         type: "text",
-        className: inputClassName,
         readOnly: true,
+        className: inputClassName,
+        style: props.inputStyle,
         id: props.inputId,
         tabIndex: props.tabIndex,
         disabled: props.disabled,

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 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;
+"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,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(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),N=w[0],S=w[1],T=v(t.useEventListener({type:"mousemove",listener:function(e){C.current&&B(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],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(){P(),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",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||u,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;

package/colorpicker/colorpicker.d.ts

@@ -89,6 +89,14 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
      * Reference of the input element.
      */
     inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: React.CSSProperties | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputClassName?: string | undefined;
     /**
      * Style class of the overlay panel.
      */

package/colorpicker/colorpicker.esm.js

@@ -81,14 +81,17 @@ var ColorPickerBase = {
   defaultProps: {
     __TYPE: 'ColorPicker',
     appendTo: null,
+    children: undefined,
     className: null,
     defaultColor: 'ff0000',
     disabled: false,
     format: 'hex',
     id: null,
     inline: false,
+    inputClassName: null,
     inputId: null,
     inputRef: null,
+    inputStyle: null,
     onChange: null,
     onHide: null,
     onShow: null,
@@ -99,8 +102,7 @@ var ColorPickerBase = {
     tooltip: null,
     tooltipOptions: null,
     transitionOptions: null,
-    value: null,
-    children: undefined
+    value: null
   },
   getProps: function getProps(props) {
     return ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
@@ -604,15 +606,16 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   };
   var createInput = function createInput() {
     if (!props.inline) {
-      var inputClassName = classNames('p-colorpicker-preview p-inputtext', {
+      var inputClassName = classNames('p-colorpicker-preview p-inputtext', props.inputClassName, {
         'p-disabled': props.disabled
       });
       var inputProps = ColorPickerBase.getOtherProps(props);
       return /*#__PURE__*/React.createElement("input", _extends({
         ref: inputRef,
         type: "text",
-        className: inputClassName,
         readOnly: true,
+        className: inputClassName,
+        style: props.inputStyle,
         id: props.inputId,
         tabIndex: props.tabIndex,
         disabled: props.disabled,

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{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};
+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 u}from"primereact/tooltip";import{ObjectUtils as c,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=[],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 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,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 c.getMergedProps(e,k.defaultProps)},getOtherProps:function(e){return c.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),N=e.useRef(null),S=e.useRef(null),R=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),R.current&&L(e)}}),2),H=A[0],B=A[1],X=M(r({type:"mouseup",listener:function(){I.current=R.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||(R.current=!0,L(e),p.addClass(E.current,"p-colorpicker-dragging"))},L=function(e){var n=S.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()),R.current&&(L(e),e.preventDefault())},q=function(){I.current=!1,R.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(){N.current&&(N.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)},ue=function(){ce()},ce=function(){v?ie():ae()},se=function(e){switch(e.which){case 32:ce(),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(){c.combinedRefs(w,g.inputRef)}),[w,g.inputRef]),o((function(){ee(g.value),ve()})),l((function(){I.current||R.current||ee(g.value)}),[g.value]),l((function(){ve()})),a((function(){f.clear(C.current)}));var Ee=c.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:S,className:"p-colorpicker-hue",onMouseDown:F,onTouchStart:K,onTouchMove:$,onTouchEnd:q},e.createElement("div",{ref:N,className:"p-colorpicker-hue-handle"}))),Ce=function(){if(!g.inline){var n=s("p-colorpicker-preview p-inputtext",g.inputClassName,{"p-disabled":g.disabled}),t=k.getOtherProps(g);return e.createElement("input",h({ref:w,type:"text",readOnly:!0,className:n,style:g.inputStyle,id:g.inputId,tabIndex:g.tabIndex,disabled:g.disabled,onClick:ue,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(u,h({target:E,content:g.tooltip},g.tooltipOptions)))})));C.displayName="ColorPicker";export{C as ColorPicker};

package/colorpicker/colorpicker.js

@@ -99,14 +99,17 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     defaultProps: {
       __TYPE: 'ColorPicker',
       appendTo: null,
+      children: undefined,
       className: null,
       defaultColor: 'ff0000',
       disabled: false,
       format: 'hex',
       id: null,
       inline: false,
+      inputClassName: null,
       inputId: null,
       inputRef: null,
+      inputStyle: null,
       onChange: null,
       onHide: null,
       onShow: null,
@@ -117,8 +120,7 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
       tooltip: null,
       tooltipOptions: null,
       transitionOptions: null,
-      value: null,
-      children: undefined
+      value: null
     },
     getProps: function getProps(props) {
       return utils.ObjectUtils.getMergedProps(props, ColorPickerBase.defaultProps);
@@ -622,15 +624,16 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     };
     var createInput = function createInput() {
       if (!props.inline) {
-        var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', {
+        var inputClassName = utils.classNames('p-colorpicker-preview p-inputtext', props.inputClassName, {
           'p-disabled': props.disabled
         });
         var inputProps = ColorPickerBase.getOtherProps(props);
         return /*#__PURE__*/React__namespace.createElement("input", _extends({
           ref: inputRef,
           type: "text",
-          className: inputClassName,
           readOnly: true,
+          className: inputClassName,
+          style: props.inputStyle,
           id: props.inputId,
           tabIndex: props.tabIndex,
           disabled: props.disabled,

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 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);
+this.primereact=this.primereact||{},this.primereact.colorpicker=function(e,n,t,r,o,l,a,i,u){"use strict";function c(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=c(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=[],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 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,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 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(u.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),u=i[0],c=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:u}),2),N=w[0],S=w[1],T=y(r.useEventListener({type:"mousemove",listener:function(e){C.current&&X(e),k.current&&Y(e)}}),2),P=T[0],R=T[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(){P(),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(ue(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(){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&&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",t.inputClassName,{"p-disabled":t.disabled}),n=E.getOtherProps(t);return f.createElement("input",d({ref:h,type:"text",readOnly:!0,className:e,style:t.inputStyle,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||u,onEnter:function(){a.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay),pe()},onEntered:function(){N(),t.onShow&&t.onShow()},onExit:function(){S()},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/column/column.d.ts

@@ -546,6 +546,10 @@ export interface ColumnProps {
      * Property of a row data used for exporting, defaults to field.
      */
     exportField?: string | undefined;
+    /**
+     * Custom export header of the column to be exported.
+     */
+    exportHeader?: string | undefined;
     /**
      * Property of a row data.
      */
@@ -765,7 +769,7 @@ export interface ColumnProps {
      */
     onBeforeCellEditHide?(event: ColumnEvent): void;
     /**
-     * Callback to invoke before the cell editor is shown.
+     * Callback to invoke before the cell editor is shown. To prevent editor from showing return false or originalEvent.preventDefault().
      * @param {ColumnEvent} event - Custom event.
      */
     onBeforeCellEditShow?(event: ColumnEvent): void;
@@ -780,7 +784,7 @@ export interface ColumnProps {
      */
     onCellEditComplete?(event: ColumnEvent): void;
     /**
-     * Callback to invoke when cell edit is initiated.
+     * Callback to invoke when cell edit is initiated. To prevent editor from showing return false or originalEvent.preventDefault().
      * @param {ColumnEvent} event - Custom event.
      */
     onCellEditInit?(event: ColumnEvent): void;