primereact 10.5.1 → 10.5.2

package/toast/toast.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,o,r,a,s,i,l,c,u,m,p,d,f){"use strict";function y(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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=g(t),b=y(o);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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e){if(Array.isArray(e))return E(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(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 x(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){return S(e)||N(e)||T(e)||x()}function w(e){if(Array.isArray(e))return e}function A(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,t){return w(e)||A(e,t)||T(e,t)||I()}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function _(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=_(e,"string");return"symbol"===P(t)?t:String(t)}function R(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var L=r.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return l.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},message:{message:function(e){var t=e.severity;return l.classNames("p-toast-message",R({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n    .p-toast {\n        width: calc(100% - var(--toast-indent, 0px));\n        max-width: 25rem;\n    }\n    \n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n    \n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n    \n    .p-toast-summary {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-detail {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n    \n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n    \n    /* Animations */\n    .p-toast-message-enter {\n        opacity: 0;\n        transform: translateY(50%);\n    }\n    \n    .p-toast-message-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: transform 0.3s, opacity 0.3s;\n    }\n    \n    .p-toast-message-enter-done {\n        transform: none;\n    }\n    \n    .p-toast-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-toast .p-toast-message.p-toast-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function j(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,C(o.key),o)}}function D(e,t,n){return t&&j(e.prototype,t),n&&j(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var U=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),H=D((function e(){k(this,e)}));R(H,"ripple",!1),R(H,"inputStyle","outlined"),R(H,"locale","en"),R(H,"appendTo",null),R(H,"cssTransition",!0),R(H,"autoZIndex",!0),R(H,"hideOverlaysOnDocumentScrolling",!1),R(H,"nonce",null),R(H,"nullSortOrder",1),R(H,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),R(H,"pt",void 0),R(H,"filterMatchModeOptions",{text:[U.STARTS_WITH,U.CONTAINS,U.NOT_CONTAINS,U.ENDS_WITH,U.EQUALS,U.NOT_EQUALS],numeric:[U.EQUALS,U.NOT_EQUALS,U.LESS_THAN,U.LESS_THAN_OR_EQUAL_TO,U.GREATER_THAN,U.GREATER_THAN_OR_EQUAL_TO],date:[U.DATE_IS,U.DATE_IS_NOT,U.DATE_BEFORE,U.DATE_AFTER]}),R(H,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var B={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",completed:"Completed",pending:"Pending",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],chooseYear:"Choose Year",chooseMonth:"Choose Month",chooseDate:"Choose Date",prevDecade:"Previous Decade",nextDecade:"Next Decade",prevYear:"Previous Year",nextYear:"Next Year",prevMonth:"Previous Month",nextMonth:"Next Month",prevHour:"Previous Hour",nextHour:"Next Hour",prevMinute:"Previous Minute",nextMinute:"Next Minute",prevSecond:"Previous Second",nextSecond:"Next Second",prevMilliSecond:"Previous Second",nextMilliSecond:"Next Second",am:"am",pm:"pm",today:"Today",now:"Now",weekHeader:"Wk",firstDayOfWeek:0,showMonthAfterYear:!1,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",star:"1 star",stars:"{star} stars",selectAll:"All items selected",unselectAll:"All items unselected",close:"Close",previous:"Previous",next:"Next",navigation:"Navigation",scrollTop:"Scroll Top",moveTop:"Move Top",moveUp:"Move Up",moveDown:"Move Down",moveBottom:"Move Bottom",moveToTarget:"Move to Target",moveToSource:"Move to Source",moveAllToTarget:"Move All to Target",moveAllToSource:"Move All to Source",pageLabel:"Page {page}",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",rowsPerPageLabel:"Rows per page",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",selectRow:"Row Selected",unselectRow:"Row Unselected",expandRow:"Row Expanded",collapseRow:"Row Collapsed",showFilterMenu:"Show Filter Menu",hideFilterMenu:"Hide Filter Menu",filterOperator:"Filter Operator",filterConstraint:"Filter Constraint",editRow:"Row Edit",saveEdit:"Save Edit",cancelEdit:"Cancel Edit",listView:"List View",gridView:"Grid View",slide:"Slide",slideNumber:"{slideNumber}",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out",rotateRight:"Rotate Right",rotateLeft:"Rotate Left",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function F(e,t){var n=t||H.locale;try{return W(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function W(e){return B[e||H.locale]}function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=v.memo(v.forwardRef((function(e,t){var n=s.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,a=r.ptm,i=r.ptmo,y=r.cx,g=o.message,b=g.severity,h=g.content,E=g.summary,S=g.detail,N=g.closable,T=g.life,x=g.sticky,O=g.className,w=g.style,A=g.contentClassName,I=g.contentStyle,P=g.icon,_=g.closeIcon,C=g.pt,R={index:e.index},L=J(J({},e.metaData),R),j=M(v.useState(!1),2),D=j[1],k=M(s.useTimeout((function(){H()}),T||3e3,!x&&!j[0]),1)[0],U=function(t,n){return a(t,J({hostName:e.hostName},n))},H=function(){k(),e.onClose&&e.onClose(o)},B=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(o.message)},W=function(){if(o){var t=l.ObjectUtils.getJSXElement(h,{message:o.message,onClick:B,onClose:H}),r=n({className:y("message.icon")},U("icon",L),i(C,"icon",J(J({},R),{},{hostName:e.hostName}))),a=P;if(!P)switch(b){case"info":a=v.createElement(m.InfoCircleIcon,r);break;case"warn":a=v.createElement(u.ExclamationTriangleIcon,r);break;case"error":a=v.createElement(d.TimesCircleIcon,r);break;case"success":a=v.createElement(c.CheckIcon,r)}var s=l.IconUtils.getJSXIcon(a,J({},r),{props:e}),p=n({className:y("message.text")},U("text",L),i(C,"text",J(J({},R),{},{hostName:e.hostName}))),f=n({className:y("message.summary")},U("summary",L),i(C,"summary",J(J({},R),{},{hostName:e.hostName}))),g=n({className:y("message.detail")},U("detail",L),i(C,"detail",J(J({},R),{},{hostName:e.hostName})));return t||v.createElement(v.Fragment,null,s,v.createElement("div",p,v.createElement("span",f,E),S&&v.createElement("div",g,S)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",L),i(C,"buttonicon",J(J({},R),{},{hostName:e.hostName}))),o=l.IconUtils.getJSXIcon(_||v.createElement(p.TimesIcon,t),J({},t),{props:e}),r=e.ariaCloseLabel||F("close"),a=n({type:"button",className:y("message.closeButton"),onClick:H,"aria-label":r},U("closeButton",L),i(C,"closeButton",J(J({},R),{},{hostName:e.hostName})));return!1!==N?v.createElement("div",null,v.createElement("button",a,o,v.createElement(f.Ripple,null))):null}(),Y=n({ref:t,className:l.classNames(O,y("message.message",{severity:b})),style:w,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:B,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||x||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||x||D(!1)}},U("message",L),i(C,"root",J(J({},R),{},{hostName:e.hostName}))),z=n({className:l.classNames(A,y("message.content")),style:I},U("content",L),i(C,"content",J(J({},R),{},{hostName:e.hostName})));return v.createElement("div",Y,v.createElement("div",z,W,Z))})));Y.displayName="ToastMessage";var z=0,G=v.memo(v.forwardRef((function(e,t){var c=s.useMergeProps(),u=v.useContext(o.PrimeReactContext),m=L.getProps(e,u),p=M(v.useState([]),2),d=p[0],f=p[1],y=v.useRef(null),g={props:m,state:{messages:d}},E=L.setMetaData(g);r.useHandleStyle(L.css.styles,E.isUnstyled,{name:"toast"});var S=function(e){e&&f((function(t){return N(t,e,!0)}))},N=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:z++,message:t}),e}),[]);o=n&&e?[].concat(O(e),O(r)):r}else{var a={_pId:z++,message:t};o=n&&e?[].concat(O(e),[a]):[a]}return o},T=function(){l.ZIndexUtils.clear(y.current),f([])},x=function(e){f((function(t){return N(t,e,!1)}))},w=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!l.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(t)},A=function(e){w(e)},I=function(){m.onShow&&m.onShow()},P=function(){1===d.length&&l.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};s.useUpdateEffect((function(){l.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||b.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||b.default.zIndex.toast)}),[d,m.baseZIndex]),s.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),v.useImperativeHandle(t,(function(){return{props:m,show:S,replace:x,remove:w,clear:T,getElement:function(){return y.current}}}));var _,C,R=(_=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},L.getOtherProps(m),E.ptm("root")),C=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:I,onExited:P},E.ptm("transition")),v.createElement("div",_,v.createElement(n.TransitionGroup,null,d&&d.map((function(t,n){var o=v.createRef();return v.createElement(a.CSSTransition,h({nodeRef:o,key:t._pId},C),e.content?l.ObjectUtils.getJSXElement(e.content,{message:t.message}):v.createElement(Y,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:A,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:g}))})))));return v.createElement(i.Portal,{element:R,appendTo:m.appendTo})})));return G.displayName="Toast",e.Toast=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,o,r,a,s,i,l,c,u,m,p,d,f){"use strict";function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var h=y(t),v=g(o);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},b.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function N(e){if(Array.isArray(e))return E(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(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 w(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e){return N(e)||S(e)||T(e)||w()}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function M(){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 I(e,t){return O(e)||x(e,t)||T(e,t)||M()}function P(e){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P(e)}function _(e,t){if("object"!==P(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==P(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=_(e,"string");return"symbol"===P(t)?t:String(t)}function C(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,content:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return l.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},message:{message:function(e){var t=e.severity;return l.classNames("p-toast-message",C({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n    .p-toast {\n        width: calc(100% - var(--toast-indent, 0px));\n        max-width: 25rem;\n    }\n    \n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n    \n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n    \n    .p-toast-summary {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-detail {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n    \n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n    \n    /* Animations */\n    .p-toast-message-enter {\n        opacity: 0;\n        transform: translateY(50%);\n    }\n    \n    .p-toast-message-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: transform 0.3s, opacity 0.3s;\n    }\n    \n    .p-toast-message-enter-done {\n        transform: none;\n    }\n    \n    .p-toast-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-toast .p-toast-message.p-toast-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,R(o.key),o)}}function D(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var U=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),H=D((function e(){k(this,e)}));C(H,"ripple",!1),C(H,"inputStyle","outlined"),C(H,"locale","en"),C(H,"appendTo",null),C(H,"cssTransition",!0),C(H,"autoZIndex",!0),C(H,"hideOverlaysOnDocumentScrolling",!1),C(H,"nonce",null),C(H,"nullSortOrder",1),C(H,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(H,"pt",void 0),C(H,"filterMatchModeOptions",{text:[U.STARTS_WITH,U.CONTAINS,U.NOT_CONTAINS,U.ENDS_WITH,U.EQUALS,U.NOT_EQUALS],numeric:[U.EQUALS,U.NOT_EQUALS,U.LESS_THAN,U.LESS_THAN_OR_EQUAL_TO,U.GREATER_THAN,U.GREATER_THAN_OR_EQUAL_TO],date:[U.DATE_IS,U.DATE_IS_NOT,U.DATE_BEFORE,U.DATE_AFTER]}),C(H,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n),s=a.cloneNode(!0),i=a.getAttribute("href").replace(e,t);s.setAttribute("id",n+"-clone"),s.setAttribute("href",i),s.addEventListener("load",(function(){a.remove(),s.setAttribute("id",n),o&&o()})),null===(r=a.parentNode)||void 0===r||r.insertBefore(s,a.nextSibling)}));var B={en:{accept:"Yes",addRule:"Add Rule",am:"AM",apply:"Apply",cancel:"Cancel",choose:"Choose",chooseDate:"Choose Date",chooseMonth:"Choose Month",chooseYear:"Choose Year",clear:"Clear",completed:"Completed",contains:"Contains",custom:"Custom",dateAfter:"Date is after",dateBefore:"Date is before",dateFormat:"mm/dd/yy",dateIs:"Date is",dateIsNot:"Date is not",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],emptyFilterMessage:"No results found",emptyMessage:"No available options",emptySearchMessage:"No results found",emptySelectionMessage:"No selected item",endsWith:"Ends with",equals:"Equals",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],filter:"Filter",firstDayOfWeek:0,gt:"Greater than",gte:"Greater than or equal to",lt:"Less than",lte:"Less than or equal to",matchAll:"Match All",matchAny:"Match Any",medium:"Medium",monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],nextDecade:"Next Decade",nextHour:"Next Hour",nextMinute:"Next Minute",nextMonth:"Next Month",nextSecond:"Next Second",nextYear:"Next Year",noFilter:"No Filter",notContains:"Not contains",notEquals:"Not equals",now:"Now",passwordPrompt:"Enter a password",pending:"Pending",pm:"PM",prevDecade:"Previous Decade",prevHour:"Previous Hour",prevMinute:"Previous Minute",prevMonth:"Previous Month",prevSecond:"Previous Second",prevYear:"Previous Year",reject:"No",removeRule:"Remove Rule",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",showMonthAfterYear:!1,startsWith:"Starts with",strong:"Strong",today:"Today",upload:"Upload",weak:"Weak",weekHeader:"Wk",aria:{cancelEdit:"Cancel Edit",close:"Close",collapseRow:"Row Collapsed",editRow:"Edit Row",expandRow:"Row Expanded",falseLabel:"False",filterConstraint:"Filter Constraint",filterOperator:"Filter Operator",firstPageLabel:"First Page",gridView:"Grid View",hideFilterMenu:"Hide Filter Menu",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",lastPageLabel:"Last Page",listView:"List View",moveAllToSource:"Move All to Source",moveAllToTarget:"Move All to Target",moveBottom:"Move Bottom",moveDown:"Move Down",moveToSource:"Move to Source",moveToTarget:"Move to Target",moveTop:"Move Top",moveUp:"Move Up",navigation:"Navigation",next:"Next",nextPageLabel:"Next Page",nullLabel:"Not Selected",pageLabel:"Page {page}",otpLabel:"Please enter one time password character {0}",passwordHide:"Hide Password",passwordShow:"Show Password",previous:"Previous",previousPageLabel:"Previous Page",rotateLeft:"Rotate Left",rotateRight:"Rotate Right",rowsPerPageLabel:"Rows per page",saveEdit:"Save Edit",scrollTop:"Scroll Top",selectAll:"All items selected",selectRow:"Row Selected",showFilterMenu:"Show Filter Menu",slide:"Slide",slideNumber:"{slideNumber}",star:"1 star",stars:"{star} stars",trueLabel:"True",unselectAll:"All items unselected",unselectRow:"Row Unselected",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out"}}};function F(e,t){var n=t||H.locale;try{return W(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function W(e){return B[e||H.locale]}function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=h.memo(h.forwardRef((function(e,t){var n=s.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,a=r.ptm,i=r.ptmo,g=r.cx,y=o.message,v=y.severity,b=y.content,E=y.summary,N=y.detail,S=y.closable,T=y.life,w=y.sticky,A=y.className,O=y.style,x=y.contentClassName,M=y.contentStyle,P=y.icon,_=y.closeIcon,R=y.pt,C={index:e.index},j=J(J({},e.metaData),C),L=I(h.useState(!1),2),D=L[1],k=I(s.useTimeout((function(){H()}),T||3e3,!w&&!L[0]),1)[0],U=function(t,n){return a(t,J({hostName:e.hostName},n))},H=function(){k(),e.onClose&&e.onClose(o)},B=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(o.message)},W=function(){if(o){var t=l.ObjectUtils.getJSXElement(b,{message:o.message,onClick:B,onClose:H}),r=n({className:g("message.icon")},U("icon",j),i(R,"icon",J(J({},C),{},{hostName:e.hostName}))),a=P;if(!P)switch(v){case"info":a=h.createElement(m.InfoCircleIcon,r);break;case"warn":a=h.createElement(u.ExclamationTriangleIcon,r);break;case"error":a=h.createElement(d.TimesCircleIcon,r);break;case"success":a=h.createElement(c.CheckIcon,r)}var s=l.IconUtils.getJSXIcon(a,J({},r),{props:e}),p=n({className:g("message.text")},U("text",j),i(R,"text",J(J({},C),{},{hostName:e.hostName}))),f=n({className:g("message.summary")},U("summary",j),i(R,"summary",J(J({},C),{},{hostName:e.hostName}))),y=n({className:g("message.detail")},U("detail",j),i(R,"detail",J(J({},C),{},{hostName:e.hostName})));return t||h.createElement(h.Fragment,null,s,h.createElement("div",p,h.createElement("span",f,E),N&&h.createElement("div",y,N)))}return null}(),Z=function(){var t=n({className:g("message.buttonicon")},U("buttonicon",j),i(R,"buttonicon",J(J({},C),{},{hostName:e.hostName}))),o=l.IconUtils.getJSXIcon(_||h.createElement(p.TimesIcon,t),J({},t),{props:e}),r=e.ariaCloseLabel||F("close"),a=n({type:"button",className:g("message.closeButton"),onClick:H,"aria-label":r},U("closeButton",j),i(R,"closeButton",J(J({},C),{},{hostName:e.hostName})));return!1!==S?h.createElement("div",null,h.createElement("button",a,o,h.createElement(f.Ripple,null))):null}(),Y=n({ref:t,className:l.classNames(A,g("message.message",{severity:v})),style:O,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:B,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||w||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||w||D(!1)}},U("message",j),i(R,"root",J(J({},C),{},{hostName:e.hostName}))),z=n({className:l.classNames(x,g("message.content")),style:M},U("content",j),i(R,"content",J(J({},C),{},{hostName:e.hostName})));return h.createElement("div",Y,h.createElement("div",z,W,Z))})));Y.displayName="ToastMessage";var z=0,G=h.memo(h.forwardRef((function(e,t){var c=s.useMergeProps(),u=h.useContext(o.PrimeReactContext),m=j.getProps(e,u),p=I(h.useState([]),2),d=p[0],f=p[1],g=h.useRef(null),y={props:m,state:{messages:d}},E=j.setMetaData(y);r.useHandleStyle(j.css.styles,E.isUnstyled,{name:"toast"});var N=function(e){e&&f((function(t){return S(t,e,!0)}))},S=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:z++,message:t}),e}),[]);o=n&&e?[].concat(A(e),A(r)):r}else{var a={_pId:z++,message:t};o=n&&e?[].concat(A(e),[a]):[a]}return o},T=function(){l.ZIndexUtils.clear(g.current),f([])},w=function(e){f((function(t){return S(t,e,!1)}))},O=function(e){var t=e._pId?e.message:e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!l.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(t.message||t)},x=function(e){O(e)},M=function(){m.onShow&&m.onShow()},P=function(){1===d.length&&l.ZIndexUtils.clear(g.current),m.onHide&&m.onHide()};s.useUpdateEffect((function(){l.ZIndexUtils.set("toast",g.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||v.default.zIndex.toast)}),[d,m.baseZIndex]),s.useUnmountEffect((function(){l.ZIndexUtils.clear(g.current)})),h.useImperativeHandle(t,(function(){return{props:m,show:N,replace:w,remove:O,clear:T,getElement:function(){return g.current}}}));var _,R,C=(_=c({ref:g,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},j.getOtherProps(m),E.ptm("root")),R=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:M,onExited:P},E.ptm("transition")),h.createElement("div",_,h.createElement(n.TransitionGroup,null,d&&d.map((function(t,n){var o=h.createRef();return h.createElement(a.CSSTransition,b({nodeRef:o,key:t._pId},R),e.content?l.ObjectUtils.getJSXElement(e.content,{message:t.message}):h.createElement(Y,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:x,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:y}))})))));return h.createElement(i.Portal,{element:C,appendTo:m.appendTo})})));return G.displayName="Toast",e.Toast=G,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);

package/togglebutton/togglebutton.cjs.js

@@ -87,81 +87,32 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
 var classes = {
-  label: 'p-button-label',
-  icon: function icon(_ref) {
-    var props = _ref.props,
-      label = _ref.label;
-    return utils.classNames('p-button-icon p-c', {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return utils.classNames('p-togglebutton p-component', {
+      'p-disabled': props.disabled,
+      'p-highlight': props.checked,
+      'p-invalid': props.invalid
+    }, props.className);
+  },
+  input: 'p-togglebutton-input',
+  box: function box(_ref2) {
+    var hasIcon = _ref2.hasIcon,
+      hasLabel = _ref2.hasLabel;
+    return utils.classNames('p-button p-component', {
+      'p-button-icon-only': hasIcon && !hasLabel
+    });
+  },
+  icon: function icon(_ref3) {
+    var props = _ref3.props,
+      label = _ref3.label;
+    return utils.classNames('p-button-icon', {
       'p-button-icon-left': props.iconPos === 'left' && label,
       'p-button-icon-right': props.iconPos === 'right' && label
     });
   },
-  root: function root(_ref2) {
-    var props = _ref2.props,
-      hasIcon = _ref2.hasIcon,
-      hasLabel = _ref2.hasLabel;
-    return utils.classNames('p-button p-togglebutton p-component', {
-      'p-button-icon-only': hasIcon && !hasLabel,
-      'p-highlight': props.checked,
-      'p-disabled': props.disabled
-    }, props.className);
-  }
+  label: 'p-button-label'
 };
 var ToggleButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
@@ -172,6 +123,7 @@ var ToggleButtonBase = componentbase.ComponentBase.extend({
     onLabel: 'Yes',
     offLabel: 'No',
     iconPos: 'left',
+    invalid: false,
     style: null,
     className: null,
     checked: false,
@@ -191,18 +143,12 @@ var ToggleButtonBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
-  var _React$useState = React__namespace.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedState = _React$useState2[0],
-    setFocusedState = _React$useState2[1];
   var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-      props: props,
-      state: {
-        focused: focusedState
-      }
+      props: props
     }),
     ptm = _ToggleButtonBase$set.ptm,
     cx = _ToggleButtonBase$set.cx,
@@ -215,7 +161,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var label = hasLabel ? props.checked ? props.onLabel : props.offLabel : '&nbsp;';
   var icon = props.checked ? props.onIcon : props.offIcon;
   var toggle = function toggle(e) {
-    if (!props.disabled && props.onChange) {
+    if (!props.disabled && props.onChange && !props.readonly) {
       props.onChange({
         originalEvent: e,
         value: !props.checked,
@@ -240,16 +186,16 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }
   };
   var onFocus = function onFocus(event) {
-    setFocusedState(true);
-    props.onFocus && props.onFocus(event);
+    var _props$onFocus;
+    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
   };
   var onBlur = function onBlur(event) {
-    setFocusedState(false);
-    props.onBlur && props.onBlur(event);
+    var _props$onBlur;
+    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
   };
   var createIcon = function createIcon() {
     if (hasIcon) {
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon', {
           label: label
         })
@@ -279,28 +225,44 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var tabIndex = props.disabled ? -1 : props.tabIndex;
   var iconElement = createIcon();
-  var labelProps = utils.mergeProps({
+  var labelProps = mergeProps({
     className: cx('label')
   }, ptm('label'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: cx('root', {
       hasIcon: hasIcon,
       hasLabel: hasLabel
     }),
+    'data-p-highlight': props.checked,
+    'data-p-disabled': props.disabled
+  }, ToggleButtonBase.getOtherProps(props), ptm('root'));
+  var inputProps = mergeProps({
+    id: props.inputId,
+    className: cx('input'),
     style: props.style,
-    onClick: toggle,
+    onChange: toggle,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    role: 'button',
+    role: 'switch',
+    type: 'checkbox',
     'aria-pressed': props.checked,
-    'data-p-highlight': props.checked,
-    'data-p-disabled': props.disabled
-  }, ToggleButtonBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    'aria-invalid': props.invalid,
+    disabled: props.disabled,
+    readonly: props.readonly,
+    value: props.checked,
+    checked: props.checked
+  }, ptm('input'));
+  var boxProps = mergeProps({
+    className: cx('box', {
+      hasIcon: hasIcon,
+      hasLabel: hasLabel
+    })
+  }, ptm('box'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), /*#__PURE__*/React__namespace.createElement("div", boxProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,
     pt: ptm('tooltip')

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(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 c=i(e);function u(){return u=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},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,a,i=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=r.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(e){var t=e.props,r=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&r,"p-button-icon-right":"right"===t.iconPos&&r})},root:function(e){var t=e.props;return a.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel,"p-highlight":t.checked,"p-disabled":t.disabled},t.className)}}}});function h(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 O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,l;n=e,l=r[t],(o=f(o=t))in n?Object.defineProperty(n,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,p,f=c.useContext(t.PrimeReactContext),d=v.getProps(e,f),h=c.useRef(null),j=c.useState(!1),P=(p=2,b(s=j)||m(s,p)||y(s,p)||g()),S=P[1],w=v.setMetaData({props:d,state:{focused:P[0]}}),E=w.ptm,I=w.cx;r.useHandleStyle(v.css.styles,w.isUnstyled,{name:"togglebutton"});var k=d.onLabel&&d.onLabel.length>0&&d.offLabel&&d.offLabel.length>0,D=d.onIcon&&d.offIcon,N=k?d.checked?d.onLabel:d.offLabel:"&nbsp;",x=d.checked?d.onIcon:d.offIcon,L=function(e){!d.disabled&&d.onChange&&d.onChange({originalEvent:e,value:!d.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:!d.checked}})};c.useImperativeHandle(i,(function(){return{props:d,focus:function(){return a.DomHandler.focusFirstElement(h.current)},getElement:function(){return h.current}}})),n.useMountEffect((function(){d.autoFocus&&a.DomHandler.focusFirstElement(h.current)}));var C=a.ObjectUtils.isNotEmpty(d.tooltip),B=d.disabled?-1:d.tabIndex,F=function(){if(D){var e=a.mergeProps({className:I("icon",{label:N})},E("icon"));return a.IconUtils.getJSXIcon(x,O({},e),{props:d})}return null}(),q=a.mergeProps({className:I("label")},E("label")),T=a.mergeProps({ref:h,id:d.id,className:I("root",{hasIcon:D,hasLabel:k}),style:d.style,onClick:L,onFocus:function(e){S(!0),d.onFocus&&d.onFocus(e)},onBlur:function(e){S(!1),d.onBlur&&d.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(L(e),e.preventDefault())},tabIndex:B,role:"button","aria-pressed":d.checked,"data-p-highlight":d.checked,"data-p-disabled":d.disabled},v.getOtherProps(d),E("root"));return c.createElement(c.Fragment,null,c.createElement("div",T,F,c.createElement("span",q,N),c.createElement(o.Ripple,null)),C&&c.createElement(l.Tooltip,u({target:h,content:d.tooltip,pt:E("tooltip")},d.tooltipOptions)))})));j.displayName="ToggleButton",exports.ToggleButton=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid},t.className)},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:"&nbsp;",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var k=a.ObjectUtils.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,w=function(){if(O){var e=s({className:y("icon",{label:P})},v("icon"));return a.IconUtils.getJSXIcon(j,m({},e),{props:f})}return null}(),N=s({className:y("label")},v("label")),x=s({ref:d,id:f.id,className:y("root",{hasIcon:O,hasLabel:h}),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},b.getOtherProps(f),v("root")),D=s({id:f.inputId,className:y("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:I,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readonly:f.readonly,value:f.checked,checked:f.checked},v("input")),S=s({className:y("box",{hasIcon:O,hasLabel:h})},v("box"));return c.createElement(c.Fragment,null,c.createElement("div",x,c.createElement("input",D),c.createElement("div",S,w,c.createElement("span",N,P),c.createElement(r.Ripple,null))),k&&c.createElement(l.Tooltip,u({target:d,content:f.tooltip,pt:v("tooltip")},f.tooltipOptions)))})));g.displayName="ToggleButton",exports.ToggleButton=g;

package/togglebutton/togglebutton.d.ts

@@ -8,6 +8,7 @@
  *
  */
 import * as React from 'react';
+import { CheckboxPassThroughType } from '../checkbox/checkbox';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { PassThroughOptions } from '../passthrough';
 import { TooltipPassThroughOptions } from '../tooltip/tooltip';
@@ -50,6 +51,14 @@ export interface ToggleButtonPassThroughOptions {
      * @see {@link ComponentHooks}
      */
     hooks?: ComponentHooks;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: ToggleButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the box's DOM element.
+     */
+    box?: CheckboxPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
 }
 /**
  * Custom toggle button change target options
@@ -117,6 +126,21 @@ export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.In
      * @defaultValue left
      */
     iconPos?: 'left' | 'right' | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field is read-only.
+     * @default false
+     */
+    readonly?: boolean | undefined;
     /**
      * Icon for the off state.
      */

package/togglebutton/togglebutton.esm.js

@@ -2,10 +2,10 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, DomHandler, ObjectUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -63,81 +63,32 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  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 _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
 var classes = {
-  label: 'p-button-label',
-  icon: function icon(_ref) {
-    var props = _ref.props,
-      label = _ref.label;
-    return classNames('p-button-icon p-c', {
+  root: function root(_ref) {
+    var props = _ref.props;
+    return classNames('p-togglebutton p-component', {
+      'p-disabled': props.disabled,
+      'p-highlight': props.checked,
+      'p-invalid': props.invalid
+    }, props.className);
+  },
+  input: 'p-togglebutton-input',
+  box: function box(_ref2) {
+    var hasIcon = _ref2.hasIcon,
+      hasLabel = _ref2.hasLabel;
+    return classNames('p-button p-component', {
+      'p-button-icon-only': hasIcon && !hasLabel
+    });
+  },
+  icon: function icon(_ref3) {
+    var props = _ref3.props,
+      label = _ref3.label;
+    return classNames('p-button-icon', {
       'p-button-icon-left': props.iconPos === 'left' && label,
       'p-button-icon-right': props.iconPos === 'right' && label
     });
   },
-  root: function root(_ref2) {
-    var props = _ref2.props,
-      hasIcon = _ref2.hasIcon,
-      hasLabel = _ref2.hasLabel;
-    return classNames('p-button p-togglebutton p-component', {
-      'p-button-icon-only': hasIcon && !hasLabel,
-      'p-highlight': props.checked,
-      'p-disabled': props.disabled
-    }, props.className);
-  }
+  label: 'p-button-label'
 };
 var ToggleButtonBase = ComponentBase.extend({
   defaultProps: {
@@ -148,6 +99,7 @@ var ToggleButtonBase = ComponentBase.extend({
     onLabel: 'Yes',
     offLabel: 'No',
     iconPos: 'left',
+    invalid: false,
     style: null,
     className: null,
     checked: false,
@@ -167,18 +119,12 @@ var ToggleButtonBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    focusedState = _React$useState2[0],
-    setFocusedState = _React$useState2[1];
   var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-      props: props,
-      state: {
-        focused: focusedState
-      }
+      props: props
     }),
     ptm = _ToggleButtonBase$set.ptm,
     cx = _ToggleButtonBase$set.cx,
@@ -191,7 +137,7 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   var label = hasLabel ? props.checked ? props.onLabel : props.offLabel : '&nbsp;';
   var icon = props.checked ? props.onIcon : props.offIcon;
   var toggle = function toggle(e) {
-    if (!props.disabled && props.onChange) {
+    if (!props.disabled && props.onChange && !props.readonly) {
       props.onChange({
         originalEvent: e,
         value: !props.checked,
@@ -216,12 +162,12 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }
   };
   var onFocus = function onFocus(event) {
-    setFocusedState(true);
-    props.onFocus && props.onFocus(event);
+    var _props$onFocus;
+    props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props, event);
   };
   var onBlur = function onBlur(event) {
-    setFocusedState(false);
-    props.onBlur && props.onBlur(event);
+    var _props$onBlur;
+    props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props, event);
   };
   var createIcon = function createIcon() {
     if (hasIcon) {
@@ -265,18 +211,34 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       hasIcon: hasIcon,
       hasLabel: hasLabel
     }),
+    'data-p-highlight': props.checked,
+    'data-p-disabled': props.disabled
+  }, ToggleButtonBase.getOtherProps(props), ptm('root'));
+  var inputProps = mergeProps({
+    id: props.inputId,
+    className: cx('input'),
     style: props.style,
-    onClick: toggle,
+    onChange: toggle,
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
-    role: 'button',
+    role: 'switch',
+    type: 'checkbox',
     'aria-pressed': props.checked,
-    'data-p-highlight': props.checked,
-    'data-p-disabled': props.disabled
-  }, ToggleButtonBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null)), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    'aria-invalid': props.invalid,
+    disabled: props.disabled,
+    readonly: props.readonly,
+    value: props.checked,
+    checked: props.checked
+  }, ptm('input'));
+  var boxProps = mergeProps({
+    className: cx('box', {
+      hasIcon: hasIcon,
+      hasLabel: hasLabel
+    })
+  }, ptm('box'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", boxProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip,
     pt: ptm('tooltip')

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as o}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{Tooltip as a}from"primereact/tooltip";import{classNames as i,DomHandler as c,ObjectUtils as u,mergeProps as s,IconUtils as p}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},f.apply(this,arguments)}function b(t){return b="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},b(t)}function m(t,e){if("object"!==b(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function y(t){var e=m(t,"string");return"symbol"===b(e)?e:String(e)}function d(t){if(Array.isArray(t))return t}function g(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function v(t,e){if(t){if("string"==typeof t)return h(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(t,e):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var j=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{label:"p-button-label",icon:function(t){var e=t.props,n=t.label;return i("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&n,"p-button-icon-right":"right"===e.iconPos&&n})},root:function(t){var e=t.props;return i("p-button p-togglebutton p-component",{"p-button-icon-only":t.hasIcon&&!t.hasLabel,"p-highlight":e.checked,"p-disabled":e.disabled},e.className)}}}});function P(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function S(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?P(Object(n),!0).forEach((function(e){var r,o,l;r=t,l=n[e],(o=y(o=e))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w=t.memo(t.forwardRef((function(n,i){var b,m,y=t.useContext(e),h=j.getProps(n,y),P=t.useRef(null),w=t.useState(!1),I=(m=2,d(b=w)||g(b,m)||v(b,m)||O()),E=I[1],k=j.setMetaData({props:h,state:{focused:I[0]}}),L=k.ptm,D=k.cx;r(j.css.styles,k.isUnstyled,{name:"togglebutton"});var N=h.onLabel&&h.onLabel.length>0&&h.offLabel&&h.offLabel.length>0,x=h.onIcon&&h.offIcon,F=N?h.checked?h.onLabel:h.offLabel:"&nbsp;",C=h.checked?h.onIcon:h.offIcon,A=function(t){!h.disabled&&h.onChange&&h.onChange({originalEvent:t,value:!h.checked,stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()},target:{name:h.name,id:h.id,value:!h.checked}})};t.useImperativeHandle(i,(function(){return{props:h,focus:function(){return c.focusFirstElement(P.current)},getElement:function(){return P.current}}})),o((function(){h.autoFocus&&c.focusFirstElement(P.current)}));var B=u.isNotEmpty(h.tooltip),T=h.disabled?-1:h.tabIndex,M=function(){if(x){var t=s({className:D("icon",{label:F})},L("icon"));return p.getJSXIcon(C,S({},t),{props:h})}return null}(),R=s({className:D("label")},L("label")),U=s({ref:P,id:h.id,className:D("root",{hasIcon:x,hasLabel:N}),style:h.style,onClick:A,onFocus:function(t){E(!0),h.onFocus&&h.onFocus(t)},onBlur:function(t){E(!1),h.onBlur&&h.onBlur(t)},onKeyDown:function(t){32===t.keyCode&&(A(t),t.preventDefault())},tabIndex:T,role:"button","aria-pressed":h.checked,"data-p-highlight":h.checked,"data-p-disabled":h.disabled},j.getOtherProps(h),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",U,M,t.createElement("span",R,F),t.createElement(l,null)),B&&t.createElement(a,f({target:P,content:h.tooltip,pt:L("tooltip")},h.tooltipOptions)))})));w.displayName="ToggleButton";export{w as ToggleButton};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as l}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as p,IconUtils as s}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.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 m(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var g=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid},t.className)},input:"p-togglebutton-input",box:function(e){return c("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return c("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=d(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=e.memo(e.forwardRef((function(n,c){var b=r(),m=e.useContext(t),d=g.getProps(n,m),v=e.useRef(null),h=g.setMetaData({props:d}),O=h.ptm,P=h.cx;o(g.css.styles,h.isUnstyled,{name:"togglebutton"});var j=d.onLabel&&d.onLabel.length>0&&d.offLabel&&d.offLabel.length>0,E=d.onIcon&&d.offIcon,k=j?d.checked?d.onLabel:d.offLabel:"&nbsp;",I=d.checked?d.onIcon:d.offIcon,w=function(e){d.disabled||!d.onChange||d.readonly||d.onChange({originalEvent:e,value:!d.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:d.name,id:d.id,value:!d.checked}})};e.useImperativeHandle(c,(function(){return{props:d,focus:function(){return u.focusFirstElement(v.current)},getElement:function(){return v.current}}})),l((function(){d.autoFocus&&u.focusFirstElement(v.current)}));var x=p.isNotEmpty(d.tooltip),L=d.disabled?-1:d.tabIndex,N=function(){if(E){var e=b({className:P("icon",{label:k})},O("icon"));return s.getJSXIcon(I,y({},e),{props:d})}return null}(),S=b({className:P("label")},O("label")),D=b({ref:v,id:d.id,className:P("root",{hasIcon:E,hasLabel:j}),"data-p-highlight":d.checked,"data-p-disabled":d.disabled},g.getOtherProps(d),O("root")),F=b({id:d.inputId,className:P("input"),style:d.style,onChange:w,onFocus:function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d,e)},onBlur:function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d,e)},onKeyDown:function(e){32===e.keyCode&&(w(e),e.preventDefault())},tabIndex:L,role:"switch",type:"checkbox","aria-pressed":d.checked,"aria-invalid":d.invalid,disabled:d.disabled,readonly:d.readonly,value:d.checked,checked:d.checked},O("input")),C=b({className:P("box",{hasIcon:E,hasLabel:j})},O("box"));return e.createElement(e.Fragment,null,e.createElement("div",D,e.createElement("input",F),e.createElement("div",C,N,e.createElement("span",S,k),e.createElement(i,null))),x&&e.createElement(a,f({target:v,content:d.tooltip,pt:O("tooltip")},d.tooltipOptions)))})));h.displayName="ToggleButton";export{h as ToggleButton};