primereact 9.5.0 → 9.6.0

package/dropdown/dropdown.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,f,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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 b=v(t),g=m(n);function y(){return y=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},y.apply(this,arguments)}function h(e){return h="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},h(e)}function O(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function w(e){var t=O(e,"string");return"symbol"===h(t)?t:String(t)}function E(e,t,n){return(t=w(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(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,i,a=[],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)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function S(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,t){if(e){if("string"==typeof e)return S(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)?S(e,t):void 0}}function C(){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 F(e,t){return I(e)||j(e,t)||D(e,t)||C()}var N={defaultProps:{__TYPE:"Dropdown",appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null},getProps:function(e){return u.ObjectUtils.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,N.defaultProps)}},P=b.memo((function(e){var t=u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label;return b.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,b.createElement(d.Ripple,null))}));function x(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 L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="DropdownItem";var U=b.memo(b.forwardRef((function(e,t){var r,o,i,a,d=b.useRef(null),m=b.useRef(null),v=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,h={filter:function(e){return E(e)},reset:function(){return e.resetFilter()}},O=function(){e.onEnter((function(){if(d.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return d.current.scrollToIndex(t)}),0)}}))},w=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(m.current,!1)}))},E=function(t){d.current&&d.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},I=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return b.createElement("div",{className:"p-dropdown-footer"},t)}return null},j=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),l=r+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t);return b.createElement(P,{key:l,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:i,onClick:e.onOptionClick})}))},S=function(t,r){var o=u.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return b.createElement("li",{className:"p-dropdown-empty-message"},o)},D=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:r.props?r.props.itemSize:void 0};if(e.optionGroupLabel){var l=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),i=j(t,o),a=n+"_"+e.getOptionGroupRenderKey(t);return b.createElement(b.Fragment,{key:a},b.createElement("li",{className:"p-dropdown-item-group",style:o},l),i)}var c=e.getOptionLabel(t),p=n+"_"+e.getOptionRenderKey(t),s=e.isOptionDisabled(t);return b.createElement(P,{key:p,label:c,option:t,style:o,template:e.itemTemplate,selected:e.isSelected(t),disabled:s,onClick:e.onOptionClick})},C=function(){if(e.showFilterClear&&e.filterValue){var t={className:"p-dropdown-filter-clear-icon","aria-label":n.localeOption("clear"),onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(m.current)}))}};return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,t),L({},t),{props:e})}return null},F=function(){if(e.filter){var t=C(),n=u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),r="p-dropdown-filter-icon",o=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(p.SearchIcon,{className:r}),{className:r},{props:e}),l=b.createElement("div",{className:n},b.createElement("input",{ref:m,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:E,value:e.filterValue}),t,o);if(e.filterTemplate)l=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:l,filterOptions:h,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:E,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e});return b.createElement("div",{className:"p-dropdown-header"},l)}return null},N=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&D(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-dropdown-items",t.className),r=v?S(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children;return b.createElement("ul",{ref:t.contentRef,style:t.style,className:n,role:"listbox"},r)}});return b.createElement(f.VirtualScroller,y({ref:d},t))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(D):e.hasFilter?S(e.emptyFilterMessage,!0):S(e.emptyMessage);return b.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},b.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},x=(r=u.classNames("p-dropdown-panel p-component",e.panelClassName,{"p-input-filled":"filled"===g.default.inputStyle,"p-ripple-disabled":!1===g.default.ripple}),o=F(),i=N(),a=I(),b.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:O,onEntering:e.onEntering,onEntered:w,onExit:e.onExit,onExited:e.onExited},b.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},o,i,a)));return b.createElement(s.Portal,{element:x,appendTo:e.appendTo})})));function T(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function M(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}U.displayName="DropdownPanel";var G=b.memo(b.forwardRef((function(e,t){var c=N.getProps(e),p=F(b.useState(""),2),s=p[0],f=p[1],d=F(b.useState(!1),2),m=d[0],v=d[1],O=F(b.useState(!1),2),w=O[0],I=O[1],j=b.useRef(null),S=b.useRef(null),D=b.useRef(c.inputRef),C=b.useRef(c.focusInputRef),P=b.useRef(null),x=b.useRef(null),L=b.useRef(null),T=c.virtualScrollerOptions&&c.virtualScrollerOptions.lazy,M=u.ObjectUtils.isNotEmpty(s),H=c.appendTo||g.default.appendTo,G=F(r.useOverlayListener({target:j,overlay:S,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&fe():fe())},when:w}),2),A=G[0],K=G[1],V=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},J=function(e){c.showOnFocus&&!w&&se(),v(!0),c.onFocus&&c.onFocus(e)},X=function(e){v(!1),c.onBlur&&setTimeout((function(){var t=D.current?D.current.value:void 0;c.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:t}})}),200)},_=function(e){switch(e.which){case 40:z(e);break;case 38:B(e);break;case 32:case 13:w?fe():se(),e.preventDefault();break;case 27:case 9:fe();break;default:Y(e)}},B=function(e){if(we){var t=$(ue());t&&ae({originalEvent:e,option:t})}e.preventDefault()},z=function(e){if(we)if(!w&&e.altKey)se();else{var t=q(ue());t&&ae({originalEvent:e,option:t})}e.preventDefault()},q=function e(t){if(c.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=Z(ye(we[n]),r);return o||(n+1!==we.length?e({group:n+1,option:-1}):null)}return Z(we,t)},Z=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return ge(o)?e(r):o},$=function e(t){if(-1===t)return null;if(c.optionGroupLabel){var n=t.group,r=t.option,o=W(ye(we[n]),r);return o||(n>0?e({group:n-1,option:ye(we[n-1]).length}):null)}return W(we,t)},W=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return ge(r)?$(n):r},Y=function(e){P.current&&clearTimeout(P.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(x.current=L.current===t?t:x.current?x.current+t:t,L.current=t,x.current){var n=ue(),r=c.optionGroupLabel?te(n):Q(n+1);r&&ae({originalEvent:e,option:r})}P.current=setTimeout((function(){x.current=null}),250)}},Q=function(e){return x.current?ee(e,we.length)||ee(0,e):null},ee=function(e,t){for(var n=e;n<t;n++){var r=we[n];if(ne(r))return r}return null},te=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<we.length;n++)for(var r=ye(we[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(ne(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=ye(we[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(ne(i[a]))return i[a];return null},ne=function(e){var t=ve(e);return!!t&&(t=t.toLocaleLowerCase(c.filterLocale)).startsWith(x.current.toLocaleLowerCase(c.filterLocale))},re=function(e){c.onChange&&c.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:e.target.value}})},oe=function(e){v(!0),fe(),c.onFocus&&c.onFocus(e)},le=function(e){f(""),c.onFilter&&c.onFilter({filter:""}),e&&e()},ie=function(e){c.onChange&&c.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:c.name,id:c.id,value:void 0}}),me()},ae=function(e){if(Ee!==e.option){me(e.option);var t=be(e.option);c.onChange&&c.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:c.name,id:c.id,value:t}})}},ue=function(e){if(e=e||we,null!=c.value&&e){if(!c.optionGroupLabel)return pe(c.value,e);for(var t=0;t<e.length;t++){var n=pe(c.value,ye(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},ce=function(){return c.optionValue?null:c.dataKey},pe=function(e,t){var n=ce();return t.findIndex((function(t){return u.ObjectUtils.equals(e,be(t),n)}))},se=function(){I(!0)},fe=function(){I(!1)},de=function(){u.DomHandler.alignOverlay(S.current,D.current.parentElement,c.appendTo||g.default.appendTo)},me=function(e){D.current&&(D.current.value=e?ve(e):c.value||"")},ve=function(e){return c.optionLabel?u.ObjectUtils.resolveFieldData(e,c.optionLabel):e&&void 0!==e.label?e.label:e},be=function(e){return c.optionValue?u.ObjectUtils.resolveFieldData(e,c.optionValue):e&&void 0!==e.value?e.value:e},ge=function(e){return c.optionDisabled?u.ObjectUtils.isFunction(c.optionDisabled)?c.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,c.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ye=function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupChildren)},he=function(){if(c.editable&&D.current){var e=Ee?ve(Ee):null;D.current.value=e||c.value||""}};b.useImperativeHandle(t,(function(){return{props:c,show:se,hide:fe,focus:function(){return u.DomHandler.focus(C.current)},getElement:function(){return j.current},getOverlay:function(){return S.current},getInput:function(){return D.current},getFocusInput:function(){return C.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(D,c.inputRef),u.ObjectUtils.combinedRefs(C,c.focusInputRef)}),[D,c.inputRef,C,c.focusInputRef]),r.useMountEffect((function(){c.autoFocus&&u.DomHandler.focus(C.current,c.autoFocus)})),r.useUpdateEffect((function(){var e;w&&c.value&&(e=u.DomHandler.findSingle(S.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[w,c.value]),r.useUpdateEffect((function(){w&&s&&c.filter&&de()}),[w,s,c.filter]),r.useUpdateEffect((function(){!s||c.options&&0!==c.options.length||f(""),he(),D.current&&(D.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(S.current)}));var Oe,we=function(){if(M&&!T){var e=s.trim().toLocaleLowerCase(c.filterLocale),t=c.filterBy?c.filterBy.split(","):[c.optionLabel||"label"];if(c.optionGroupLabel){var r,o=[],l=R(c.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(ye(i),t,e,c.filterMatchMode,c.filterLocale);a&&a.length&&o.push(k(k({},i),E({},"".concat(c.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(c.options,t,e,c.filterMatchMode,c.filterLocale)}return c.options}(),Ee=-1!==(Oe=ue(c.options))?c.optionGroupLabel?ye(c.options[Oe.group])[Oe.option]:c.options[Oe]:null,Ie=u.ObjectUtils.isNotEmpty(c.tooltip),je=N.getOtherProps(c),Se=u.ObjectUtils.reduceKeys(je,u.DomHandler.ARIA_PROPS),De=u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":c.disabled,"p-focus":m,"p-dropdown-clearable":c.showClear&&!c.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(c.value),"p-inputwrapper-focus":m||w},c.className),Ce=function(){var e={value:"",label:c.placeholder};if(Ee){var t=be(Ee);e={value:"object"===h(t)?c.options.findIndex((function(e){return e===t})):t,label:ve(Ee)}}return b.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},b.createElement("select",{ref:D,required:c.required,defaultValue:e.value,name:c.name,tabIndex:-1,"aria-hidden":"true"},b.createElement("option",{value:e.value},e.label)))}(),Fe=b.createElement("div",{className:"p-hidden-accessible"},b.createElement("input",y({ref:C,id:c.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:J,onBlur:X,onKeyDown:_,disabled:c.disabled,tabIndex:c.tabIndex},Se))),Ne=function(){var e=u.ObjectUtils.isNotEmpty(Ee)?ve(Ee):null;if(c.editable)return b.createElement("input",y({ref:D,type:"text",defaultValue:e||c.value||"",className:"p-dropdown-label p-inputtext",disabled:c.disabled,placeholder:c.placeholder,maxLength:c.maxLength,onInput:re,onFocus:oe,onBlur:X,"aria-haspopup":"listbox"},Se));var t=u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===e&&c.placeholder,"p-dropdown-label-empty":null===e&&!c.placeholder}),n=c.valueTemplate?u.ObjectUtils.getJSXElement(c.valueTemplate,Ee,c):e||c.placeholder||"empty";return b.createElement("span",{ref:D,className:t},n)}(),Pe=function(){var e=u.classNames("p-dropdown-trigger-icon p-clickable"),t=u.IconUtils.getJSXIcon(c.dropdownIcon||b.createElement(o.ChevronDownIcon,{className:e}),{className:e},{props:c});return b.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":w,"aria-label":c.placeholder||c.ariaLabel},t)}(),xe=function(){if(null!=c.value&&c.showClear&&!c.disabled){var e={className:u.classNames("p-dropdown-clear-icon p-clickable"),onPointerUp:ie};return u.IconUtils.getJSXIcon(c.clearIcon||b.createElement(l.TimesIcon,e),k({},e),{props:c})}return null}();return b.createElement(b.Fragment,null,b.createElement("div",y({ref:j,id:c.id,className:De,style:c.style},je,{onClick:function(e){c.disabled||(c.onClick&&c.onClick(e),e.defaultPrevented||u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||"INPUT"===e.target.tagName||S.current&&S.current&&S.current.contains(e.target)||(u.DomHandler.focus(C.current),w?fe():se()))},onMouseDown:c.onMouseDown,onContextMenu:c.onContextMenu}),Fe,Ce,Ne,xe,Pe,b.createElement(U,y({ref:S,visibleOptions:we},c,{appendTo:H,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOptionClick:function(e){e.option.disabled||(ae(e),u.DomHandler.focus(C.current)),fe()},filterValue:s,hasFilter:M,onFilterClearIconClick:function(e){le(e)},resetFilter:le,onFilterInputKeyDown:function(e){switch(e.which){case 40:z(e);break;case 38:B(e);break;case 13:case 27:fe(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;f(t),c.onFilter&&c.onFilter({originalEvent:e,filter:t})},getOptionLabel:ve,getOptionRenderKey:function(e){return c.dataKey?u.ObjectUtils.resolveFieldData(e,c.dataKey):ve(e)},isOptionDisabled:ge,getOptionGroupChildren:ye,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,c.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(c.value,be(e),ce())},getSelectedOptionIndex:ue,in:w,onEnter:function(e){u.ZIndexUtils.set("overlay",S.current,g.default.autoZIndex,g.default.zIndex.overlay),de(),e&&e()},onEntered:function(e){e&&e(),A(),c.onShow&&c.onShow()},onExit:function(){K()},onExited:function(){c.filter&&c.resetFilterOnHide&&le(),u.ZIndexUtils.clear(S.current),c.onHide&&c.onHide()}}))),Ie&&b.createElement(a.Tooltip,y({target:j,content:c.tooltip},c.tooltipOptions)))})));return G.displayName="Dropdown",e.Dropdown=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,o,l,i,a,u,c,p,s,f,d,m){"use strict";function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 b=g(t),y=v(n);function h(){return h=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},h.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,t){if("object"!==O(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=w(e,"string");return"symbol"===O(t)?t:String(t)}function I(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(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,i,a=[],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)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function j(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 C(e,t){if(e){if("string"==typeof e)return j(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)?j(e,t):void 0}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function F(e,t){return S(e)||P(e,t)||C(e,t)||D()}var x=c.ComponentBase.extend({defaultProps:{__TYPE:"Dropdown",appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,children:void 0,className:null,clearIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterIcon:null,filterInputAutoFocus:!0,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,id:null,inputId:null,inputRef:null,itemTemplate:null,maxLength:null,name:null,onBlur:null,onChange:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,optionValue:null,options:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,value:null,valueTemplate:null,virtualScrollerOptions:null}}),N=b.memo((function(e){var t=u.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,r=u.mergeProps({className:t,style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:e.option}));var n},"aria-label":e.label,role:"option","aria-selected":e.selected,key:e.label},e.ptm("item",{context:{selected:e.selected,disabled:e.disabled}}));return b.createElement("li",r,n,b.createElement(m.Ripple,null))}));function L(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}N.displayName="DropdownItem";var R=b.memo(b.forwardRef((function(e,t){var r=e.ptm,o=b.useContext(n.PrimeReactContext);b.useRef(null);var i,a,c,m,v,g=b.useRef(null),O=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,w={filter:function(e){return S(e)},reset:function(){return e.resetFilter()}},E=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},I=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(g.current,!1)}))},S=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},P=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=u.mergeProps({className:"p-dropdown-footer"},r("footer"));return b.createElement("div",n,t)}return null},j=function(t,n){return e.getOptionGroupChildren(t).map((function(t,o){var l=e.getOptionLabel(t),i=o+"_"+e.getOptionRenderKey(t),a=e.isOptionDisabled(t);return b.createElement(N,{key:i,label:l,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:a,onClick:e.onOptionClick,ptm:r})}))},C=function(t,o){var l=u.ObjectUtils.getJSXElement(t,e)||n.localeOption(o?"emptyFilterMessage":"emptyMessage"),i=u.mergeProps({className:"p-dropdown-empty-message"},r("emptyMessage"));return b.createElement("li",i,l)},D=function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:o.props?o.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),a=j(t,l),c=n+"_"+e.getOptionGroupRenderKey(t),p=u.mergeProps({className:"p-dropdown-item-group",style:l},r("itemGroup"));return b.createElement(b.Fragment,{key:c},b.createElement("li",p,i),a)}var s=e.getOptionLabel(t),f=n+"_"+e.getOptionRenderKey(t),d=e.isOptionDisabled(t);return b.createElement(N,{key:f,label:s,option:t,style:l,template:e.itemTemplate,selected:e.isSelected(t),disabled:d,onClick:e.onOptionClick,ptm:r})},F=function(){if(e.showFilterClear&&e.filterValue){var t=n.localeOption("clear"),o=u.mergeProps({className:"p-dropdown-filter-clear-icon","aria-label":t,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(g.current)}))}},r("clearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||b.createElement(l.TimesIcon,o),T({},o),{props:e})}return null},x=function(){if(e.filter){var t=F(),n=u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),o=u.mergeProps({className:"p-dropdown-filter-icon"},r("filterIcon")),l=u.IconUtils.getJSXIcon(e.filterIcon||b.createElement(s.SearchIcon,o),T({},o),{props:e}),i=u.mergeProps({className:n},r("filterContainer")),a=u.mergeProps({ref:g,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return S(e)},value:e.filterValue},r("filterInput")),c=b.createElement("div",i,b.createElement("input",a),t,l);if(e.filterTemplate)c=u.ObjectUtils.getJSXElement(e.filterTemplate,{className:n,element:c,filterOptions:w,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:S,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e});var p=u.mergeProps({className:"p-dropdown-header"},r("header"));return b.createElement("div",p,c)}return null},L=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&D(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-dropdown-items",t.className),o=O?C(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,l=u.mergeProps({ref:t.contentRef,style:t.style,className:n,role:"listbox"},r("list"));return b.createElement("ul",l,o)}});return b.createElement(d.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:r("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(D):e.hasFilter?C(e.emptyFilterMessage,!0):C(e.emptyMessage),o=u.mergeProps({className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},r("wrapper")),l=u.mergeProps({className:"p-dropdown-items",role:"listbox"},r("list"));return b.createElement("div",o,b.createElement("ul",l,n))},R=(i=u.classNames("p-dropdown-panel p-component",e.panelClassName,{"p-input-filled":o&&"filled"===o.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":o&&!1===o.ripple||!1===y.default.ripple}),a=x(),c=L(),m=P(),v=u.mergeProps({ref:t,className:i,style:e.panelStyle,onClick:e.onClick},r("panel")),b.createElement(p.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:E,onEntering:e.onEntering,onEntered:I,onExit:e.onExit,onExited:e.onExited},b.createElement("div",v,a,c,m)));return b.createElement(f.Portal,{element:R,appendTo:e.appendTo})})));function U(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 k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=G(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw l}}}}function G(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(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}R.displayName="DropdownPanel";var A=b.memo(b.forwardRef((function(e,t){var c=b.useContext(n.PrimeReactContext),p=x.getProps(e,c),s=F(b.useState(""),2),f=s[0],d=s[1],m=F(b.useState(!1),2),v=m[0],g=m[1],w=F(b.useState(!1),2),E=w[0],S=w[1],P=x.setMetaData({props:p,state:{filter:f,focused:v,overlayVisible:E}}).ptm,j=b.useRef(null),C=b.useRef(null),D=b.useRef(p.inputRef),N=b.useRef(p.focusInputRef),L=b.useRef(null),T=b.useRef(null),U=b.useRef(null),G=b.useRef(null),H=p.virtualScrollerOptions&&p.virtualScrollerOptions.lazy,A=u.ObjectUtils.isNotEmpty(f),K=p.appendTo||c&&c.appendTo||y.default.appendTo,V=F(r.useOverlayListener({target:j,overlay:C,listener:function(e,t){t.valid&&("outside"===t.type?!X(e)&&ve():ve())},when:E}),2),B=V[0],J=V[1],X=function(e){return u.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||u.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},_=function(e){p.showOnFocus&&!E&&me(),g(!0),p.onFocus&&p.onFocus(e)},z=function(e){g(!1),p.onBlur&&setTimeout((function(){var t=D.current?D.current.value:void 0;p.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:t}})}),200)},q=function(e){switch(e.which){case 40:$(e);break;case 38:Z(e);break;case 32:case 13:E?ve():me(),e.preventDefault();break;case 27:case 9:ve();break;default:te(e)}},Z=function(e){if(je){var t=Q(se());t&&pe({originalEvent:e,option:t})}e.preventDefault()},$=function(e){if(je)if(!E&&e.altKey)me();else{var t=W(se());t&&pe({originalEvent:e,option:t})}e.preventDefault()},W=function e(t){if(p.optionGroupLabel){var n=-1===t?0:t.group,r=-1===t?-1:t.option,o=Y(we(je[n]),r);return o||(n+1!==je.length?e({group:n+1,option:-1}):null)}return Y(je,t)},Y=function e(t,n){var r=n+1;if(r===t.length)return null;var o=t[r];return Oe(o)?e(r):o},Q=function e(t){if(-1===t)return null;if(p.optionGroupLabel){var n=t.group,r=t.option,o=ee(we(je[n]),r);return o||(n>0?e({group:n-1,option:we(je[n-1]).length}):null)}return ee(je,t)},ee=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return Oe(r)?Q(n):r},te=function(e){T.current&&clearTimeout(T.current);var t=e.key;if("Shift"!==t&&"Control"!==t&&"Alt"!==t){if(U.current=G.current===t?t:U.current?U.current+t:t,G.current=t,U.current){var n=se(),r=p.optionGroupLabel?oe(n):ne(n+1);r&&pe({originalEvent:e,option:r})}T.current=setTimeout((function(){U.current=null}),250)}},ne=function(e){return U.current?re(e,je.length)||re(0,e):null},re=function(e,t){for(var n=e;n<t;n++){var r=je[n];if(le(r))return r}return null},oe=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<je.length;n++)for(var r=we(je[n]),o=t.group===n?t.option+1:0;o<r.length;o++)if(le(r[o]))return r[o];for(var l=0;l<=t.group;l++)for(var i=we(je[l]),a=0;a<(t.group===l?t.option:i.length);a++)if(le(i[a]))return i[a];return null},le=function(e){var t=ye(e);return!!t&&(t=t.toLocaleLowerCase(p.filterLocale)).startsWith(U.current.toLocaleLowerCase(p.filterLocale))},ie=function(e){p.onChange&&p.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:e.target.value}})},ae=function(e){g(!0),ve(),p.onFocus&&p.onFocus(e)},ue=function(e){d(""),p.onFilter&&p.onFilter({filter:""}),e&&e()},ce=function(e){p.onChange&&p.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:void 0}}),be()},pe=function(e){if(Ce!==e.option){be(e.option);var t=he(e.option);p.onChange&&p.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:p.name,id:p.id,value:t}})}},se=function(e){if(e=e||je,null!=p.value&&e){if(!p.optionGroupLabel)return de(p.value,e);for(var t=0;t<e.length;t++){var n=de(p.value,we(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},fe=function(){return p.optionValue?null:p.dataKey},de=function(e,t){var n=fe();return t.findIndex((function(t){return u.ObjectUtils.equals(e,he(t),n)}))},me=function(){S(!0)},ve=function(){S(!1)},ge=function(){u.DomHandler.alignOverlay(C.current,D.current.parentElement,p.appendTo||c&&c.appendTo||y.default.appendTo)},be=function(e){D.current&&(D.current.value=e?ye(e):p.value||"")},ye=function(e){return p.optionLabel?u.ObjectUtils.resolveFieldData(e,p.optionLabel):e&&void 0!==e.label?e.label:e},he=function(e){return p.optionValue?u.ObjectUtils.resolveFieldData(e,p.optionValue):e&&void 0!==e.value?e.value:e},Oe=function(e){return p.optionDisabled?u.ObjectUtils.isFunction(p.optionDisabled)?p.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,p.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},we=function(e){return u.ObjectUtils.resolveFieldData(e,p.optionGroupChildren)},Ee=function(){if(p.editable&&D.current){var e=Ce?ye(Ce):null;D.current.value=e||p.value||""}};b.useImperativeHandle(t,(function(){return{props:p,show:me,hide:ve,focus:function(){return u.DomHandler.focus(N.current)},getElement:function(){return j.current},getOverlay:function(){return C.current},getInput:function(){return D.current},getFocusInput:function(){return N.current},getVirtualScroller:function(){return L.current}}})),b.useEffect((function(){u.ObjectUtils.combinedRefs(D,p.inputRef),u.ObjectUtils.combinedRefs(N,p.focusInputRef)}),[D,p.inputRef,N,p.focusInputRef]),r.useMountEffect((function(){p.autoFocus&&u.DomHandler.focus(N.current,p.autoFocus)})),r.useUpdateEffect((function(){var e;E&&p.value&&(e=u.DomHandler.findSingle(C.current,"li.p-highlight"))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[E,p.value]),r.useUpdateEffect((function(){E&&f&&p.filter&&ge()}),[E,f,p.filter]),r.useUpdateEffect((function(){!f||p.options&&0!==p.options.length||d(""),Ee(),D.current&&(D.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(C.current)}));var Ie,Se,Pe,je=function(){if(A&&!H){var e=f.trim().toLocaleLowerCase(p.filterLocale),t=p.filterBy?p.filterBy.split(","):[p.optionLabel||"label"];if(p.optionGroupLabel){var r,o=[],l=M(p.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=n.FilterService.filter(we(i),t,e,p.filterMatchMode,p.filterLocale);a&&a.length&&o.push(k(k({},i),I({},"".concat(p.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return n.FilterService.filter(p.options,t,e,p.filterMatchMode,p.filterLocale)}return p.options}(),Ce=-1!==(Ie=se(p.options))?p.optionGroupLabel?we(p.options[Ie.group])[Ie.option]:p.options[Ie]:null,De=u.ObjectUtils.isNotEmpty(p.tooltip),Fe=x.getOtherProps(p),xe=u.ObjectUtils.reduceKeys(Fe,u.DomHandler.ARIA_PROPS),Ne=u.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":p.disabled,"p-focus":v,"p-dropdown-clearable":p.showClear&&!p.disabled,"p-inputwrapper-filled":u.ObjectUtils.isNotEmpty(p.value),"p-inputwrapper-focus":v||E},p.className),Le=function(){var e={value:"",label:p.placeholder};if(Ce){var t=he(Ce);e={value:"object"===O(t)?p.options.findIndex((function(e){return e===t})):t,label:ye(Ce)}}var n=u.mergeProps({className:"p-hidden-accessible p-dropdown-hidden-select"},P("hiddenSelectedMessage")),r=u.mergeProps({ref:D,required:p.required,defaultValue:e.value,name:p.name,tabIndex:-1,"aria-hidden":"true"},P("select")),o=u.mergeProps({value:e.value},P("option"));return b.createElement("div",n,b.createElement("select",r,b.createElement("option",o,e.label)))}(),Te=(Se=u.mergeProps({className:"p-hidden-accessible"},P("hiddenSelectedMessage")),Pe=u.mergeProps(k({ref:N,id:p.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:_,onBlur:z,onKeyDown:q,disabled:p.disabled,tabIndex:p.tabIndex},xe),P("input")),b.createElement("div",Se,b.createElement("input",Pe))),Re=function(){var e=u.ObjectUtils.isNotEmpty(Ce)?ye(Ce):null;if(p.editable){var t=u.mergeProps(k({ref:D,type:"text",defaultValue:e||p.value||"",className:"p-dropdown-label p-inputtext",disabled:p.disabled,placeholder:p.placeholder,maxLength:p.maxLength,onInput:ie,onFocus:ae,onBlur:z,"aria-haspopup":"listbox"},xe),P("input"));return b.createElement("input",t)}var n=u.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===e&&p.placeholder,"p-dropdown-label-empty":null===e&&!p.placeholder}),r=p.valueTemplate?u.ObjectUtils.getJSXElement(p.valueTemplate,Ce,p):e||p.placeholder||"empty",o=u.mergeProps({ref:D,className:n},P("input"));return b.createElement("span",o,r)}(),Ue=function(){var e=u.classNames("p-dropdown-trigger-icon p-clickable"),t=u.mergeProps({className:e},P("dropdownIcon")),n=u.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(o.ChevronDownIcon,t),k({},t),{props:p}),r=u.mergeProps({className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":E,"aria-label":p.placeholder||p.ariaLabel},P("trigger"));return b.createElement("div",r,n)}(),ke=function(){if(null!=p.value&&p.showClear&&!p.disabled){var e=u.classNames("p-dropdown-clear-icon p-clickable"),t=u.mergeProps({className:e,onPointerUp:ce},P("clearIcon"));return u.IconUtils.getJSXIcon(p.clearIcon||b.createElement(l.TimesIcon,t),k({},t),{props:p})}return null}(),Me=u.mergeProps({id:p.id,ref:j,className:Ne,style:p.style,onClick:function(e){return t=e,void(p.disabled||(p.onClick&&p.onClick(t),t.defaultPrevented||u.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||C.current&&C.current&&C.current.contains(t.target)||(u.DomHandler.focus(N.current),E?ve():me())));var t},onMouseDown:p.onMouseDown,onContextMenu:p.onContextMenu},Fe,P("root"));return b.createElement(b.Fragment,null,b.createElement("div",Me,Te,Le,Re,ke,Ue,b.createElement(R,h({ref:C,visibleOptions:je,virtualScrollerRef:L},p,{appendTo:K,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},onOptionClick:function(e){e.option.disabled||(pe(e),u.DomHandler.focus(N.current)),ve()},filterValue:f,hasFilter:A,onFilterClearIconClick:function(e){ue(e)},resetFilter:ue,onFilterInputKeyDown:function(e){switch(e.which){case 40:$(e);break;case 38:Z(e);break;case 13:case 27:ve(),e.preventDefault()}},onFilterInputChange:function(e){var t=e.target.value;d(t),p.onFilter&&p.onFilter({originalEvent:e,filter:t})},getOptionLabel:ye,getOptionRenderKey:function(e){return p.dataKey?u.ObjectUtils.resolveFieldData(e,p.dataKey):ye(e)},isOptionDisabled:Oe,getOptionGroupChildren:we,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,p.optionGroupLabel)},isSelected:function(e){return u.ObjectUtils.equals(p.value,he(e),fe())},getSelectedOptionIndex:se,in:E,onEnter:function(e){u.ZIndexUtils.set("overlay",C.current,c&&c.autoZIndex||y.default.autoZIndex,c&&c.zIndex.overlay||y.default.zIndex.overlay),ge(),e&&e()},onEntered:function(e){e&&e(),B(),p.onShow&&p.onShow()},onExit:function(){J()},onExited:function(){p.filter&&p.resetFilterOnHide&&ue(),u.ZIndexUtils.clear(C.current),p.onHide&&p.onHide()},ptm:P}))),De&&b.createElement(a.Tooltip,h({target:j,content:p.tooltip},p.tooltipOptions,{pt:P("tooltip")})))})));return A.displayName="Dropdown",e.Dropdown=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.icons.chevrondown,primereact.icons.times,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.componentbase,primereact.csstransition,primereact.icons.search,primereact.portal,primereact.virtualscroller,primereact.ripple);

package/editor/editor.cjs.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,21 +28,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -82,7 +69,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var EditorBase = {
+var EditorBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Editor',
     id: null,
@@ -101,14 +88,8 @@ var EditorBase = {
     onLoad: null,
     maxLength: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, EditorBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, EditorBase.defaultProps);
   }
-};
+});
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -120,7 +101,12 @@ var QuillJS = function () {
   }
 }();
 var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = EditorBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = EditorBase.getProps(inProps, context);
+  var _EditorBase$setMetaDa = EditorBase.setMetaData({
+      props: props
+    }),
+    ptm = _EditorBase$setMetaDa.ptm;
   var elementRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var toolbarRef = React__namespace.useRef(null);
@@ -236,112 +222,105 @@ var Editor = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
     };
   });
   var createToolbarHeader = function createToolbarHeader() {
+    var toolbarProps = utils.mergeProps({
+      ref: toolbarRef,
+      className: 'p-editor-toolbar'
+    }, ptm('toolbar'));
     if (props.showHeader === false) {
       return null;
     } else if (props.headerTemplate) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        ref: toolbarRef,
-        className: "p-editor-toolbar"
-      }, props.headerTemplate);
+      return /*#__PURE__*/React__namespace.createElement("div", toolbarProps, props.headerTemplate);
     } else {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        ref: toolbarRef,
-        className: "p-editor-toolbar"
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("select", {
-        className: "ql-header",
-        defaultValue: "0"
-      }, /*#__PURE__*/React__namespace.createElement("option", {
-        value: "1"
-      }, "Heading"), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "2"
-      }, "Subheading"), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "0"
-      }, "Normal")), /*#__PURE__*/React__namespace.createElement("select", {
-        className: "ql-font"
-      }, /*#__PURE__*/React__namespace.createElement("option", null), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "serif"
-      }), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "monospace"
-      }))), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-bold",
-        "aria-label": "Bold"
-      }), /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-italic",
-        "aria-label": "Italic"
-      }), /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-underline",
-        "aria-label": "Underline"
-      })), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("select", {
-        className: "ql-color"
-      }), /*#__PURE__*/React__namespace.createElement("select", {
-        className: "ql-background"
-      })), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-list",
-        value: "ordered",
-        "aria-label": "Ordered List"
-      }), /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-list",
-        value: "bullet",
-        "aria-label": "Unordered List"
-      }), /*#__PURE__*/React__namespace.createElement("select", {
-        className: "ql-align"
-      }, /*#__PURE__*/React__namespace.createElement("option", {
+      var getMergeProps = function getMergeProps(params, key) {
+        return utils.mergeProps(params && _objectSpread({}, params), ptm(key));
+      };
+      var formatsProps = utils.mergeProps({
+        className: 'ql-formats'
+      }, ptm('formats'));
+      return /*#__PURE__*/React__namespace.createElement("div", toolbarProps, /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
+        className: 'ql-header',
+        defaultValue: '0'
+      }, 'select'), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: '1'
+      }, 'option'), "Heading"), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: '2'
+      }, 'option'), "Subheading"), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: '0'
+      }, 'option'), "Normal")), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
+        className: 'ql-font'
+      }, 'select'), /*#__PURE__*/React__namespace.createElement("option", getMergeProps(undefined, 'option')), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: 'serif'
+      }, 'option')), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: 'monospace'
+      }, 'option')))), /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-bold',
+        'aria-label': 'Bold'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-italic',
+        'aria-label': 'Italic'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-underline',
+        'aria-label': 'Underline'
+      }, 'button'))), /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
+        className: 'ql-color'
+      }, 'select')), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
+        className: 'ql-background'
+      }, 'select'))), /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-list',
+        value: 'ordered',
+        'aria-label': 'Ordered List'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-list',
+        value: 'bullet',
+        'aria-label': 'Unordered List'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("select", getMergeProps({
+        className: 'ql-align'
+      }, 'select'), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
         defaultValue: true
-      }), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "center"
-      }), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "right"
-      }), /*#__PURE__*/React__namespace.createElement("option", {
-        value: "justify"
-      }))), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-link",
-        "aria-label": "Insert Link"
-      }), /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-image",
-        "aria-label": "Insert Image"
-      }), /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-code-block",
-        "aria-label": "Insert Code Block"
-      })), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "ql-formats"
-      }, /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "ql-clean",
-        "aria-label": "Remove Styles"
-      })));
+      }, 'option')), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: 'center'
+      }, 'option')), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: 'right'
+      }, 'option')), /*#__PURE__*/React__namespace.createElement("option", getMergeProps({
+        value: 'justify'
+      }, 'option')))), /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-link',
+        'aria-label': 'Insert Link'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-image',
+        'aria-label': 'Insert Image'
+      }, 'button')), /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-code-block',
+        'aria-label': 'Insert Code Block'
+      }, 'button'))), /*#__PURE__*/React__namespace.createElement("span", formatsProps, /*#__PURE__*/React__namespace.createElement("button", getMergeProps({
+        type: 'button',
+        className: 'ql-clean',
+        'aria-label': 'Remove Styles'
+      }, 'button'))));
     }
   };
-  var otherProps = EditorBase.getOtherProps(props);
   var className = utils.classNames('p-component p-editor-container', props.className);
   var header = createToolbarHeader();
-  var content = /*#__PURE__*/React__namespace.createElement("div", {
+  var contentProps = utils.mergeProps({
     ref: contentRef,
-    className: "p-editor-content",
+    className: 'p-editor-content',
     style: props.style
-  });
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  }, ptm('content'));
+  var content = /*#__PURE__*/React__namespace.createElement("div", contentProps);
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     className: className
-  }, otherProps), header, content);
+  }, EditorBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content);
 }));
 Editor.displayName = 'Editor';
 

package/editor/editor.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function u(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=u(e,"string");return"symbol"===o(t)?t:String(t)}function i(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s={defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,s.defaultProps)}};function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=function(){try{return Quill}catch(e){return null}}(),d=l.memo(l.forwardRef((function(e,o){var u=s.getProps(e),c=l.useRef(null),i=l.useRef(null),m=l.useRef(null),d=l.useRef(null),b=l.useRef(!1);t.useMountEffect((function(){if(!b.current){var e={modules:f({toolbar:!!u.showHeader&&m.current},u.modules),placeholder:u.placeholder,readOnly:u.readOnly,theme:u.theme,formats:u.formats};p?(d.current=new Quill(i.current,e),v(),d.current&&d.current.getModule("toolbar")&&u.onLoad&&u.onLoad(d.current)):Promise.resolve().then((function(){return n(require("quill"))})).then((function(t){t&&r.DomHandler.isExist(i.current)&&(d.current=t.default?new t.default(i.current,e):new t(i.current,e),v())})).then((function(){d.current&&d.current.getModule("toolbar")&&u.onLoad&&u.onLoad(d.current)})),b.current=!0}}));var v=function(){u.value&&d.current.setContents(d.current.clipboard.convert(u.value)),d.current.on("text-change",(function(e,t,n){var l=i.current.children[0],a=l?l.innerHTML:null,o=d.current.getText();if("<p><br></p>"===a&&(a=null),"api"===n){var c=i.current.children[0],s=document.createElement("div");if(s.innerHTML=u.value||"",r.DomHandler.isEqualElement(c,s))return}if(u.maxLength){var m=d.current.getLength();m>u.maxLength&&d.current.deleteText(u.maxLength,m)}u.onTextChange&&u.onTextChange({htmlValue:a,textValue:o,delta:e,source:n})})),d.current.on("selection-change",(function(e,t,r){u.onSelectionChange&&u.onSelectionChange({range:e,oldRange:t,source:r})}))};t.useUpdateEffect((function(){d.current&&!d.current.hasFocus()&&(u.value?d.current.setContents(d.current.clipboard.convert(u.value)):d.current.setText(""))}),[u.value]),l.useImperativeHandle(o,(function(){return{props:u,getQuill:function(){return d.current},getElement:function(){return c.current},getContent:function(){return i.current},getToolbar:function(){return m.current}}}));var g=s.getOtherProps(u),y=r.classNames("p-component p-editor-container",u.className),h=!1===u.showHeader?null:u.headerTemplate?l.createElement("div",{ref:m,className:"p-editor-toolbar"},u.headerTemplate):l.createElement("div",{ref:m,className:"p-editor-toolbar"},l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-header",defaultValue:"0"},l.createElement("option",{value:"1"},"Heading"),l.createElement("option",{value:"2"},"Subheading"),l.createElement("option",{value:"0"},"Normal")),l.createElement("select",{className:"ql-font"},l.createElement("option",null),l.createElement("option",{value:"serif"}),l.createElement("option",{value:"monospace"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-bold","aria-label":"Bold"}),l.createElement("button",{type:"button",className:"ql-italic","aria-label":"Italic"}),l.createElement("button",{type:"button",className:"ql-underline","aria-label":"Underline"})),l.createElement("span",{className:"ql-formats"},l.createElement("select",{className:"ql-color"}),l.createElement("select",{className:"ql-background"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"}),l.createElement("button",{type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"}),l.createElement("select",{className:"ql-align"},l.createElement("option",{defaultValue:!0}),l.createElement("option",{value:"center"}),l.createElement("option",{value:"right"}),l.createElement("option",{value:"justify"}))),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-link","aria-label":"Insert Link"}),l.createElement("button",{type:"button",className:"ql-image","aria-label":"Insert Image"}),l.createElement("button",{type:"button",className:"ql-code-block","aria-label":"Insert Code Block"})),l.createElement("span",{className:"ql-formats"},l.createElement("button",{type:"button",className:"ql-clean","aria-label":"Remove Styles"}))),E=l.createElement("div",{ref:i,className:"p-editor-content",style:u.style});return l.createElement("div",a({id:u.id,ref:c,className:y},g),h,E)})));d.displayName="Editor",exports.Editor=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils"),n=require("primereact/componentbase"),l=require("primereact/api");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e);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 r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function i(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e,t,r){return(t=i(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"Editor",id:null,value:null,style:null,className:null,placeholder:null,readOnly:!1,modules:null,formats:null,theme:"snow",showHeader:!0,headerTemplate:null,onTextChange:null,onSelectionChange:null,onLoad:null,maxLength:null,children:void 0}});function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=function(){try{return Quill}catch(e){return null}}(),d=a.memo(a.forwardRef((function(e,n){var u=a.useContext(l.PrimeReactContext),c=m.getProps(e,u),i=m.setMetaData({props:c}).ptm,s=a.useRef(null),p=a.useRef(null),d=a.useRef(null),v=a.useRef(null),g=a.useRef(!1);t.useMountEffect((function(){if(!g.current){var e={modules:f({toolbar:!!c.showHeader&&d.current},c.modules),placeholder:c.placeholder,readOnly:c.readOnly,theme:c.theme,formats:c.formats};b?(v.current=new Quill(p.current,e),y(),v.current&&v.current.getModule("toolbar")&&c.onLoad&&c.onLoad(v.current)):Promise.resolve().then((function(){return o(require("quill"))})).then((function(t){t&&r.DomHandler.isExist(p.current)&&(v.current=t.default?new t.default(p.current,e):new t(p.current,e),y())})).then((function(){v.current&&v.current.getModule("toolbar")&&c.onLoad&&c.onLoad(v.current)})),g.current=!0}}));var y=function(){c.value&&v.current.setContents(v.current.clipboard.convert(c.value)),v.current.on("text-change",(function(e,t,n){var l=p.current.children[0],o=l?l.innerHTML:null,a=v.current.getText();if("<p><br></p>"===o&&(o=null),"api"===n){var u=p.current.children[0],i=document.createElement("div");if(i.innerHTML=c.value||"",r.DomHandler.isEqualElement(u,i))return}if(c.maxLength){var s=v.current.getLength();s>c.maxLength&&v.current.deleteText(c.maxLength,s)}c.onTextChange&&c.onTextChange({htmlValue:o,textValue:a,delta:e,source:n})})),v.current.on("selection-change",(function(e,t,r){c.onSelectionChange&&c.onSelectionChange({range:e,oldRange:t,source:r})}))};t.useUpdateEffect((function(){v.current&&!v.current.hasFocus()&&(c.value?v.current.setContents(v.current.clipboard.convert(c.value)):v.current.setText(""))}),[c.value]),a.useImperativeHandle(n,(function(){return{props:c,getQuill:function(){return v.current},getElement:function(){return s.current},getContent:function(){return p.current},getToolbar:function(){return d.current}}}));var E=r.classNames("p-component p-editor-container",c.className),h=function(){var e=r.mergeProps({ref:d,className:"p-editor-toolbar"},i("toolbar"));if(!1===c.showHeader)return null;if(c.headerTemplate)return a.createElement("div",e,c.headerTemplate);var t=function(e,t){return r.mergeProps(e&&f({},e),i(t))},n=r.mergeProps({className:"ql-formats"},i("formats"));return a.createElement("div",e,a.createElement("span",n,a.createElement("select",t({className:"ql-header",defaultValue:"0"},"select"),a.createElement("option",t({value:"1"},"option"),"Heading"),a.createElement("option",t({value:"2"},"option"),"Subheading"),a.createElement("option",t({value:"0"},"option"),"Normal")),a.createElement("select",t({className:"ql-font"},"select"),a.createElement("option",t(void 0,"option")),a.createElement("option",t({value:"serif"},"option")),a.createElement("option",t({value:"monospace"},"option")))),a.createElement("span",n,a.createElement("button",t({type:"button",className:"ql-bold","aria-label":"Bold"},"button")),a.createElement("button",t({type:"button",className:"ql-italic","aria-label":"Italic"},"button")),a.createElement("button",t({type:"button",className:"ql-underline","aria-label":"Underline"},"button"))),a.createElement("span",n,a.createElement("select",t({className:"ql-color"},"select")),a.createElement("select",t({className:"ql-background"},"select"))),a.createElement("span",n,a.createElement("button",t({type:"button",className:"ql-list",value:"ordered","aria-label":"Ordered List"},"button")),a.createElement("button",t({type:"button",className:"ql-list",value:"bullet","aria-label":"Unordered List"},"button")),a.createElement("select",t({className:"ql-align"},"select"),a.createElement("option",t({defaultValue:!0},"option")),a.createElement("option",t({value:"center"},"option")),a.createElement("option",t({value:"right"},"option")),a.createElement("option",t({value:"justify"},"option")))),a.createElement("span",n,a.createElement("button",t({type:"button",className:"ql-link","aria-label":"Insert Link"},"button")),a.createElement("button",t({type:"button",className:"ql-image","aria-label":"Insert Image"},"button")),a.createElement("button",t({type:"button",className:"ql-code-block","aria-label":"Insert Code Block"},"button"))),a.createElement("span",n,a.createElement("button",t({type:"button",className:"ql-clean","aria-label":"Remove Styles"},"button"))))}(),O=r.mergeProps({ref:p,className:"p-editor-content",style:c.style},i("content")),P=a.createElement("div",O),N=r.mergeProps({id:c.id,ref:s,className:E},m.getOtherProps(c),i("root"));return a.createElement("div",N,h,P)})));d.displayName="Editor",exports.Editor=d;

package/editor/editor.d.ts

@@ -8,6 +8,51 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type EditorPassThroughType<T> = PassThroughType<T, EditorPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface EditorPassThroughMethodOptions {
+    props: EditorProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link EditorProps.pt}
+ */
+export interface EditorPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: EditorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the toolbar's DOM element.
+     */
+    toolbar?: EditorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the formats's DOM element.
+     */
+    formats?: EditorPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the select's DOM element.
+     */
+    select?: EditorPassThroughType<React.HTMLAttributes<HTMLSelectElement>>;
+    /**
+     * Uses to pass attributes to the option's DOM element.
+     */
+    option?: EditorPassThroughType<React.HTMLAttributes<HTMLOptionElement>>;
+    /**
+     * Uses to pass attributes to the button's DOM element.
+     */
+    button?: EditorPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: EditorPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Custom text change event
@@ -112,6 +157,11 @@ export interface EditorProps extends Omit<React.DetailedHTMLProps<React.InputHTM
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {EditorPassThroughOptions}
+     */
+    pt?: EditorPassThroughOptions;
 }
 
 /**