primereact 9.5.0 → 9.6.0

package/colorpicker/colorpicker.min.js

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

package/column/column.cjs.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Column = function Column() {};
+//@todo Pass Parent MetaData
+
 Column.displayName = 'Column';
 
 exports.Column = Column;

package/column/column.d.ts

@@ -10,7 +10,299 @@
  */
 import * as React from 'react';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+import { DataTablePassThroughOptions } from '../datatable/datatable';
+import { DropdownPassThroughOptions } from '../dropdown/dropdown';
+import { ButtonPassThroughOptions } from '../button/button';
+
+export declare type ColumnPassThroughType<T> = PassThroughType<T, ColumnPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ColumnPassThroughMethodOptions {
+    props: ColumnProps;
+    state: ColumnState;
+    context: ColumnContext;
+    parent: DataTablePassThroughOptions;
+}
+
+/**
+ * Defines current options in Column component.
+ */
+export interface ColumnContext {
+    /**
+     * Current checked state of row as a boolean.
+     * @defaultValue false
+     */
+    checked: boolean;
+    /**
+     * Current disabled state of row as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
+
+/**
+ * Defines current inline state in Column component.
+ */
+export interface ColumnState {
+    /**
+     * Current editing state of the body cell.
+     */
+    editing: boolean;
+    /**
+     * Current editing row data of the body cell.
+     */
+    editingRowData: any;
+    /**
+     * Current style of the body cell.
+     */
+    styleObject: object;
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current style of the rowgroup header.
+     */
+    rowGroupHeaderStyleObject: object;
+    /**
+     * Current sortable disabled fields of the table header.
+     */
+    sortableDisabledFields: any[];
+    /**
+     * Current style of the table header.
+     * @defaultValue false
+     */
+    allSortableDisabled: boolean;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ColumnProps.pt}
+ */
+export interface ColumnPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header cell's DOM element.
+     */
+    headerCell?: ColumnPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the column resizer's DOM element.
+     */
+    columnResizer?: ColumnPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the header content's DOM element.
+     */
+    headerContent?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header title's DOM element.
+     */
+    headerTitle?: ColumnPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the sort's DOM element.
+     */
+    sort?: ColumnPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the sort's DOM element.
+     */
+    sortIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the sort badge's DOM element.
+     */
+    sortBadge?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox wrapper's DOM element.
+     */
+    headerCheckboxWrapper?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header checkbox's DOM element.
+     */
+    headerCheckbox?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header checkbox icon's DOM element.
+     */
+    headerCheckboxIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the column filter's DOM element.
+     */
+    columnFilter?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter input's DOM element.
+     */
+    filterInput?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter menu button's DOM element.
+     */
+    filterMenuButton?: ColumnPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the header filter clear button's DOM element.
+     */
+    headerFilterClearButton?: ColumnPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the filter clear icon's DOM element.
+     */
+    filterClearIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the filter overlay's DOM element.
+     */
+    filterOverlay?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter row items' DOM element.
+     */
+    filterRowItems?: ColumnPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the filter row item's DOM element.
+     */
+    filterRowItem?: ColumnPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the filter separator's DOM element.
+     */
+    filterSeparator?: ColumnPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the filter operator's DOM element.
+     */
+    filterOperator?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Dropdown component.
+     * @see {@link DropdownPassThroughOptions}
+     */
+    filterOperatorDropdown?: DropdownPassThroughOptions;
+    /**
+     * Uses to pass attributes to the filter constraints' DOM element.
+     */
+    filterConstraints?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter constraint's DOM element.
+     */
+    filterConstraint?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Dropdown component.
+     * @see {@link DropdownPassThroughOptions}
+     */
+    filterMatchModeDropdown?: DropdownPassThroughOptions;
+    /**
+     * Uses to pass attributes to the filter remove button container's DOM element.
+     */
+    filterRemove?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link DropdownPassThroughOptions}
+     */
+    filterRemoveButton?: DropdownPassThroughOptions;
+    /**
+     * Uses to pass attributes to the filter add rule's DOM element.
+     */
+    filterAddRule?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link DropdownPassThroughOptions}
+     */
+    filterAddRuleButton?: DropdownPassThroughOptions;
+    /**
+     * Uses to pass attributes to the filter buttonbar's DOM element.
+     */
+    filterButtonbar?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    filterClearButton?: ButtonPassThroughOptions;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    filterApplyButton?: ButtonPassThroughOptions;
+    /**
+     * Uses to pass attributes to the body cell's DOM element.
+     */
+    bodyCell?: ColumnPassThroughType<React.HTMLAttributes<HTMLTableCellElement>>;
+    /**
+     * Uses to pass attributes to the rowgroup toggler's DOM element.
+     */
+    rowGroupToggler?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the rowgroup toggler icon's DOM element.
+     */
+    rowGroupTogglerIcon?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the column title's DOM element.
+     */
+    columnTitle?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the radiobutton wrapper's DOM element.
+     */
+    radiobuttonWrapper?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the radiobutton's DOM element.
+     */
+    radiobutton?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the radiobutton icon's DOM element.
+     */
+    radiobuttonIcon?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox wrapper's DOM element.
+     */
+    checkboxWrapper?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox's DOM element.
+     */
+    checkbox?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the checkbox icon's DOM element.
+     */
+    checkboxIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the rowtoggler's DOM element.
+     */
+    rowToggler?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the rowtoggler icon's DOM element.
+     */
+    rowTogglerIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the row editor init button's DOM element.
+     */
+    rowEditorInitButton?: ColumnPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the row editor init icon's DOM element.
+     */
+    rowEditorInitIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the row editor edit button's DOM element.
+     */
+    rowEditorEditButton?: ColumnPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the row editor edit icon's DOM element.
+     */
+    rowEditorEditIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the row editor cancel button's DOM element.
+     */
+    rowEditorCancelButton?: ColumnPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the row editor cancel icon's DOM element.
+     */
+    rowEditorCancelIcon?: ColumnPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     */
+    hiddenHeaderInputWrapper?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden input wrapper's DOM element.
+     */
+    hiddenInputWrapper?: ColumnPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the hidden input's DOM element.
+     */
+    hiddenInput?: ColumnPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+}
 
 interface ColumnHeaderOptions {
     /**
@@ -507,6 +799,11 @@ export interface ColumnProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ColumnPassThroughOptions}
+     */
+    pt?: ColumnPassThroughOptions;
     /**
      * Style class of the component.
      */

package/column/column.esm.js

@@ -1,4 +1,6 @@
 var Column = function Column() {};
+//@todo Pass Parent MetaData
+
 Column.displayName = 'Column';
 
 export { Column };

package/column/column.js

@@ -3,6 +3,8 @@ this.primereact.column = (function (exports) {
 	'use strict';
 
 	var Column = function Column() {};
+	//@todo Pass Parent MetaData
+
 	Column.displayName = 'Column';
 
 	exports.Column = Column;

package/columngroup/columngroup.d.ts

@@ -9,6 +9,29 @@
  *
  */
 import * as React from 'react';
+import { DataTablePassThroughOptions } from '../datatable/datatable';
+import { PassThroughType } from '../utils/utils';
+
+export declare type ColumnGroupPassThroughType<T> = PassThroughType<T, ColumnGroupPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ColumnGroupPassThroughMethodOptions {
+    props: ColumnGroupProps;
+    parent: DataTablePassThroughOptions;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ColumnGroupProps.pt}
+ */
+export interface ColumnGroupPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ColumnGroupPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in ColumnGroup component.
@@ -21,6 +44,11 @@ export interface ColumnGroupProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ColumnGroupPassThroughOptions}
+     */
+    pt?: ColumnGroupPassThroughOptions;
 }
 
 /**

package/componentbase/componentbase.cjs.js

@@ -2,8 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var PrimeReact = require('primereact/api');
 var utils = require('primereact/utils');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
+
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -51,28 +56,47 @@ var ComponentBase = {
   defaultProps: {
     pt: undefined
   },
+  context: undefined,
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var defaultProps = _objectSpread(_objectSpread({}, props.defaultProps), ComponentBase.defaultProps);
     var getProps = function getProps(props) {
+      var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      ComponentBase.context = context;
       return utils.ObjectUtils.getMergedProps(props, defaultProps);
     };
     var getOtherProps = function getOtherProps(props) {
       return utils.ObjectUtils.getDiffProps(props, defaultProps);
     };
-    var getPTItem = function getPTItem() {
+    var getOptionValue = function getOptionValue() {
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var fKey = utils.ObjectUtils.convertToFlatCase(key);
-      return obj[Object.keys(obj).find(function (k) {
+      var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var fKeys = String(utils.ObjectUtils.convertToFlatCase(key)).split('.');
+      var fKey = fKeys.shift();
+      var matchedPTOption = Object.keys(obj).find(function (k) {
         return utils.ObjectUtils.convertToFlatCase(k) === fKey;
-      }) || ''];
+      }) || '';
+      return fKey ? utils.ObjectUtils.isObject(obj) ? getOptionValue(utils.ObjectUtils.getJSXElement(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : utils.ObjectUtils.getJSXElement(obj, params);
     };
     var getPTValue = function getPTValue() {
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      return utils.ObjectUtils.getPropValue(getPTItem(obj, key), params);
+      var datasetPrefix = 'data-pc-';
+      var componentName = params.props && params.props.__TYPE && utils.ObjectUtils.convertToFlatCase(params.props.__TYPE) || '';
+      var pt = ComponentBase.context.pt || PrimeReact__default["default"].pt || {};
+      var defaultPT = function defaultPT(key) {
+        return pt && getOptionValue(pt[componentName], key);
+      };
+      var self = utils.ObjectUtils.getPropValue(obj, key, params)[key];
+      var globalPT = defaultPT(key);
+      var datasetProps = _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), utils.ObjectUtils.convertToFlatCase(key)));
+      var merged = _objectSpread({}, utils.ObjectUtils.getMergedProps(globalPT, self));
+      if (Object.keys(datasetProps).length) {
+        merged = _objectSpread(_objectSpread({}, merged), datasetProps);
+      }
+      return merged;
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/componentbase/componentbase.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("primereact/utils");function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(t,r){if("object"!==e(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function n(t){var n=r(t,"string");return"symbol"===e(n)?n:String(n)}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?i(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var c={defaultProps:{pt:void 0},extend:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=u(u({},e.defaultProps),c.defaultProps),n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.ObjectUtils.convertToFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"");return e[Object.keys(e).find((function(e){return t.ObjectUtils.convertToFlatCase(e)===r}))||""]},o=function(){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.ObjectUtils.getPropValue(n(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:""),e)};return u(u({getProps:function(e){return t.ObjectUtils.getMergedProps(e,r)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,r)},setMetaData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=function(){return o(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})};return{ptm:function(){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e((t.props||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",u(u({},t),r))},ptmo:e}}},e),{},{defaultProps:r})}};exports.ComponentBase=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("primereact/api"),e=require("primereact/utils");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=r(t);function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,e){if("object"!==o(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function c(t){var e=i(t,"string");return"symbol"===o(e)?e:String(e)}function u(t,e,r){return(e=c(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function l(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function s(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?l(Object(r),!0).forEach((function(e){u(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var p={defaultProps:{pt:void 0},context:void 0,extend:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=s(s({},t.defaultProps),p.defaultProps),o=function t(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=String(e.ObjectUtils.convertToFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),i=o.shift(),c=Object.keys(r).find((function(t){return e.ObjectUtils.convertToFlatCase(t)===i}))||"";return i?e.ObjectUtils.isObject(r)?t(e.ObjectUtils.getJSXElement(r[c],n),o.join("."),n):void 0:e.ObjectUtils.getJSXElement(r,n)},i=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},c="data-pc-",l=i.props&&i.props.__TYPE&&e.ObjectUtils.convertToFlatCase(i.props.__TYPE)||"",a=p.context.pt||n.default.pt||{},f=e.ObjectUtils.getPropValue(t,r,i)[r],b=function(t){return a&&o(a[l],t)}(r),v=s(s({},"root"===r&&u({},"".concat(c,"name"),l)),{},u({},"".concat(c,"section"),e.ObjectUtils.convertToFlatCase(r))),g=s({},e.ObjectUtils.getMergedProps(b,f));return Object.keys(v).length&&(g=s(s({},g),v)),g};return s(s({getProps:function(t){return p.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e.ObjectUtils.getMergedProps(t,r)},getOtherProps:function(t){return e.ObjectUtils.getDiffProps(t,r)},setMetaData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=function(){return i(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})};return{ptm:function(){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e((t.props||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",s(s({},t),r))},ptmo:e}}},t),{},{defaultProps:r})}};exports.ComponentBase=p;

package/componentbase/componentbase.esm.js

@@ -1,3 +1,4 @@
+import PrimeReact from 'primereact/api';
 import { ObjectUtils } from 'primereact/utils';
 
 function _typeof(obj) {
@@ -47,28 +48,47 @@ var ComponentBase = {
   defaultProps: {
     pt: undefined
   },
+  context: undefined,
   extend: function extend() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var defaultProps = _objectSpread(_objectSpread({}, props.defaultProps), ComponentBase.defaultProps);
     var getProps = function getProps(props) {
+      var context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      ComponentBase.context = context;
       return ObjectUtils.getMergedProps(props, defaultProps);
     };
     var getOtherProps = function getOtherProps(props) {
       return ObjectUtils.getDiffProps(props, defaultProps);
     };
-    var getPTItem = function getPTItem() {
+    var getOptionValue = function getOptionValue() {
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-      var fKey = ObjectUtils.convertToFlatCase(key);
-      return obj[Object.keys(obj).find(function (k) {
+      var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var fKeys = String(ObjectUtils.convertToFlatCase(key)).split('.');
+      var fKey = fKeys.shift();
+      var matchedPTOption = Object.keys(obj).find(function (k) {
         return ObjectUtils.convertToFlatCase(k) === fKey;
-      }) || ''];
+      }) || '';
+      return fKey ? ObjectUtils.isObject(obj) ? getOptionValue(ObjectUtils.getJSXElement(obj[matchedPTOption], params), fKeys.join('.'), params) : undefined : ObjectUtils.getJSXElement(obj, params);
     };
     var getPTValue = function getPTValue() {
       var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      return ObjectUtils.getPropValue(getPTItem(obj, key), params);
+      var datasetPrefix = 'data-pc-';
+      var componentName = params.props && params.props.__TYPE && ObjectUtils.convertToFlatCase(params.props.__TYPE) || '';
+      var pt = ComponentBase.context.pt || PrimeReact.pt || {};
+      var defaultPT = function defaultPT(key) {
+        return pt && getOptionValue(pt[componentName], key);
+      };
+      var self = ObjectUtils.getPropValue(obj, key, params)[key];
+      var globalPT = defaultPT(key);
+      var datasetProps = _objectSpread(_objectSpread({}, key === 'root' && _defineProperty({}, "".concat(datasetPrefix, "name"), componentName)), {}, _defineProperty({}, "".concat(datasetPrefix, "section"), ObjectUtils.convertToFlatCase(key)));
+      var merged = _objectSpread({}, ObjectUtils.getMergedProps(globalPT, self));
+      if (Object.keys(datasetProps).length) {
+        merged = _objectSpread(_objectSpread({}, merged), datasetProps);
+      }
+      return merged;
     };
     var setMetaData = function setMetaData() {
       var metadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

package/componentbase/componentbase.esm.min.js

@@ -1 +1 @@
-import{ObjectUtils as t}from"primereact/utils";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function r(t,r){if("object"!==e(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,r||"default");if("object"!==e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function n(t){var n=r(t,"string");return"symbol"===e(n)?n:String(n)}function o(t,e,r){return(e=n(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function i(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?i(Object(r),!0).forEach((function(e){o(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var c={defaultProps:{pt:void 0},extend:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=u(u({},e.defaultProps),c.defaultProps),n=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=t.convertToFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"");return e[Object.keys(e).find((function(e){return t.convertToFlatCase(e)===r}))||""]},o=function(){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return t.getPropValue(n(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:""),e)};return u(u({getProps:function(e){return t.getMergedProps(e,r)},getOtherProps:function(e){return t.getDiffProps(e,r)},setMetaData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=function(){return o(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})};return{ptm:function(){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e((t.props||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",u(u({},t),r))},ptmo:e}}},e),{},{defaultProps:r})}};export{c as ComponentBase};
+import t from"primereact/api";import{ObjectUtils as e}from"primereact/utils";function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function n(t,e){if("object"!==r(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e||"default");if("object"!==r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function o(t){var e=n(t,"string");return"symbol"===r(e)?e:String(e)}function i(t,e,r){return(e=o(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function c(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function u(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?c(Object(r),!0).forEach((function(e){i(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):c(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var p={defaultProps:{pt:void 0},context:void 0,extend:function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=u(u({},r.defaultProps),p.defaultProps),o=function t(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=String(e.convertToFlatCase(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"")).split("."),i=o.shift(),c=Object.keys(r).find((function(t){return e.convertToFlatCase(t)===i}))||"";return i?e.isObject(r)?t(e.getJSXElement(r[c],n),o.join("."),n):void 0:e.getJSXElement(r,n)},c=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l="data-pc-",f=c.props&&c.props.__TYPE&&e.convertToFlatCase(c.props.__TYPE)||"",a=p.context.pt||t.pt||{},s=e.getPropValue(r,n,c)[n],v=function(t){return a&&o(a[f],t)}(n),g=u(u({},"root"===n&&i({},"".concat(l,"name"),f)),{},i({},"".concat(l,"section"),e.convertToFlatCase(n))),b=u({},e.getMergedProps(v,s));return Object.keys(g).length&&(b=u(u({},b),g)),b};return u(u({getProps:function(t){return p.context=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},e.getMergedProps(t,n)},getOtherProps:function(t){return e.getDiffProps(t,n)},setMetaData:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=function(){return c(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",arguments.length>2&&void 0!==arguments[2]?arguments[2]:{})};return{ptm:function(){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e((t.props||{}).pt,arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",u(u({},t),r))},ptmo:e}}},r),{},{defaultProps:n})}};export{p as ComponentBase};