primereact 9.3.1 → 9.5.0

package/chips/chips.esm.js

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { useMountEffect } from 'primereact/hooks';
+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) {
@@ -134,33 +135,34 @@ function _slicedToArray(arr, i) {
 var ChipsBase = {
   defaultProps: {
     __TYPE: 'Chips',
+    addOnBlur: null,
+    allowDuplicate: true,
+    ariaLabelledBy: null,
+    autoFocus: false,
+    className: null,
+    disabled: null,
     id: null,
-    inputRef: null,
     inputId: null,
+    inputRef: null,
+    itemTemplate: null,
+    keyfilter: null,
+    max: null,
     name: null,
+    onAdd: null,
+    onBlur: null,
+    onChange: null,
+    onFocus: null,
+    onKeyDown: null,
+    onRemove: null,
     placeholder: null,
-    value: null,
-    max: null,
-    disabled: null,
     readOnly: false,
     removable: true,
     removeIcon: null,
+    separator: null,
     style: null,
-    className: null,
     tooltip: null,
     tooltipOptions: null,
-    ariaLabelledBy: null,
-    separator: null,
-    allowDuplicate: true,
-    itemTemplate: null,
-    keyfilter: null,
-    addOnBlur: null,
-    onAdd: null,
-    onRemove: null,
-    onChange: null,
-    onFocus: null,
-    onBlur: null,
-    onKeyDown: null,
+    value: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -201,8 +203,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 +278,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,
@@ -347,6 +357,11 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   React.useEffect(function () {
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
+  useMountEffect(function () {
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
+  });
   var createRemoveIcon = function createRemoveIcon(value, index) {
     var iconProps = {
       className: 'p-chips-token-icon',

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

package/colorpicker/colorpicker.cjs.js

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

package/colorpicker/colorpicker.d.ts

@@ -66,6 +66,11 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
      * @defaultValue document.body
      */
     appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
     /**
      * Default color to display when value is null.
      * @defaultValue ff0000
@@ -89,6 +94,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,18 @@ var ColorPickerBase = {
   defaultProps: {
     __TYPE: 'ColorPicker',
     appendTo: null,
+    autoFocus: false,
+    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 +103,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);
@@ -555,6 +558,9 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   useMountEffect(function () {
     updateHSBValue(props.value);
     updateUI();
+    if (props.autoFocus) {
+      DomHandler.focus(inputRef.current, props.autoFocus);
+    }
   });
   useUpdateEffect(function () {
     if (!colorDragging.current && !hueDragging.current) {
@@ -604,15 +610,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,autoFocus:!1,children:void 0,className:null,defaultColor:"ff0000",disabled:!1,format:"hex",id:null,inline:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,onChange:null,onHide:null,onShow:null,panelClassName:null,panelStyle:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null},getProps:function(e){return 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),F=A[0],H=A[1],B=M(r({type:"mouseup",listener:function(){I.current=R.current=!1,p.removeClass(E.current,"p-colorpicker-dragging"),H(),_()}}),2),X=B[0],_=B[1],z=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(){F(),X()},J=function(){H(),_()},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(),g.autoFocus&&p.focus(w.current,g.autoFocus)})),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:z,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,18 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     defaultProps: {
       __TYPE: 'ColorPicker',
       appendTo: null,
+      autoFocus: false,
+      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 +121,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);
@@ -573,6 +576,9 @@ this.primereact.colorpicker = (function (exports, React, PrimeReact, hooks, over
     hooks.useMountEffect(function () {
       updateHSBValue(props.value);
       updateUI();
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
     });
     hooks.useUpdateEffect(function () {
       if (!colorDragging.current && !hueDragging.current) {
@@ -622,15 +628,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,