primereact 10.3.0 → 10.3.2

package/togglebutton/togglebutton.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -87,6 +87,61 @@ 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) {
@@ -136,11 +191,19 @@ 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 _React$useState = React__namespace.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
   var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-      props: props
+      props: props,
+      state: {
+        focused: focusedState
+      }
     }),
     ptm = _ToggleButtonBase$set.ptm,
     cx = _ToggleButtonBase$set.cx,
@@ -171,6 +234,14 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       });
     }
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+    props.onFocus && props.onFocus(event);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+    props.onBlur && props.onBlur(event);
+  };
   var onKeyDown = function onKeyDown(event) {
     if (event.keyCode === 32) {
       toggle(event);
@@ -179,7 +250,7 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   };
   var createIcon = function createIcon() {
     if (hasIcon) {
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon', {
           label: label
         })
@@ -209,10 +280,10 @@ 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', {
@@ -221,8 +292,8 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }),
     style: props.style,
     onClick: toggle,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
+    onFocus: onFocus,
+    onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
     role: 'button',

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),o=require("primereact/ripple"),r=require("primereact/tooltip"),l=require("primereact/utils"),c=require("primereact/componentbase");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 i=a(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=c.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,n=e.label;return l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},root:function(e){var t=e.props;return l.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 m(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(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)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var d=i.memo(i.forwardRef((function(e,a){var s=i.useContext(t.PrimeReactContext),p=b.getProps(e,s),f=i.useRef(null),m=b.setMetaData({props:p}),d=m.ptm,y=m.cx;c.useHandleStyle(b.css.styles,m.isUnstyled,{name:"togglebutton"});var v=p.onLabel&&p.onLabel.length>0&&p.offLabel&&p.offLabel.length>0,h=p.onIcon&&p.offIcon,O=v?p.checked?p.onLabel:p.offLabel:"&nbsp;",P=p.checked?p.onIcon:p.offIcon,j=function(e){!p.disabled&&p.onChange&&p.onChange({originalEvent:e,value:!p.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:p.name,id:p.id,value:!p.checked}})};i.useImperativeHandle(a,(function(){return{props:p,focus:function(){return l.DomHandler.focusFirstElement(f.current)},getElement:function(){return f.current}}})),n.useMountEffect((function(){p.autoFocus&&l.DomHandler.focusFirstElement(f.current)}));var E=l.ObjectUtils.isNotEmpty(p.tooltip),I=p.disabled?-1:p.tabIndex,w=function(){if(h){var e=l.mergeProps({className:y("icon",{label:O})},d("icon"));return l.IconUtils.getJSXIcon(P,g({},e),{props:p})}return null}(),k=l.mergeProps({className:y("label")},d("label")),D=l.mergeProps({ref:f,id:p.id,className:y("root",{hasIcon:h,hasLabel:v}),style:p.style,onClick:j,onFocus:p.onFocus,onBlur:p.onBlur,onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},tabIndex:I,role:"button","aria-pressed":p.checked},b.getOtherProps(p),d("root"));return i.createElement(i.Fragment,null,i.createElement("div",D,w,i.createElement("span",k,O),i.createElement(o.Ripple,null)),E&&i.createElement(r.Tooltip,u({target:f,content:p.tooltip},p.tooltipOptions,{pt:d("tooltip")})))})));d.displayName="ToggleButton",exports.ToggleButton=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=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(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 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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}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 f(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,a,i=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return i}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return y(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)?y(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=n.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,n=e.label;return a.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},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 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 O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=p(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=c.memo(c.forwardRef((function(e,i){var s,f,p=c.useState(!1),y=(f=2,b(s=p)||m(s,f)||d(s,f)||g()),h=y[0],j=y[1],P=r.useMergeProps(),S=c.useContext(t.PrimeReactContext),w=v.getProps(e,S),E=c.useRef(null),I=v.setMetaData({props:w,state:{focused:h}}),k=I.ptm,D=I.cx;n.useHandleStyle(v.css.styles,I.isUnstyled,{name:"togglebutton"});var N=w.onLabel&&w.onLabel.length>0&&w.offLabel&&w.offLabel.length>0,x=w.onIcon&&w.offIcon,L=N?w.checked?w.onLabel:w.offLabel:"&nbsp;",C=w.checked?w.onIcon:w.offIcon,B=function(e){!w.disabled&&w.onChange&&w.onChange({originalEvent:e,value:!w.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:w.name,id:w.id,value:!w.checked}})};c.useImperativeHandle(i,(function(){return{props:w,focus:function(){return a.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),r.useMountEffect((function(){w.autoFocus&&a.DomHandler.focusFirstElement(E.current)}));var F=a.ObjectUtils.isNotEmpty(w.tooltip),q=w.disabled?-1:w.tabIndex,T=function(){if(x){var e=P({className:D("icon",{label:L})},k("icon"));return a.IconUtils.getJSXIcon(C,O({},e),{props:w})}return null}(),A=P({className:D("label")},k("label")),M=P({ref:E,id:w.id,className:D("root",{hasIcon:x,hasLabel:N}),style:w.style,onClick:B,onFocus:function(e){j(!0),w.onFocus&&w.onFocus(e)},onBlur:function(e){j(!1),w.onBlur&&w.onBlur(e)},onKeyDown:function(e){32===e.keyCode&&(B(e),e.preventDefault())},tabIndex:q,role:"button","aria-pressed":w.checked},v.getOtherProps(w),k("root"));return c.createElement(c.Fragment,null,c.createElement("div",M,T,c.createElement("span",A,L),c.createElement(o.Ripple,null)),F&&c.createElement(l.Tooltip,u({target:E,content:w.tooltip},w.tooltipOptions,{pt:k("tooltip")})))})));j.displayName="ToggleButton",exports.ToggleButton=j;

package/togglebutton/togglebutton.esm.js

@@ -1,11 +1,11 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { useMountEffect } from 'primereact/hooks';
+import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+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 { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -63,6 +63,61 @@ 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) {
@@ -112,11 +167,19 @@ 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 _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedState = _React$useState2[0],
+    setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToggleButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
   var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-      props: props
+      props: props,
+      state: {
+        focused: focusedState
+      }
     }),
     ptm = _ToggleButtonBase$set.ptm,
     cx = _ToggleButtonBase$set.cx,
@@ -147,6 +210,14 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       });
     }
   };
+  var onFocus = function onFocus(event) {
+    setFocusedState(true);
+    props.onFocus && props.onFocus(event);
+  };
+  var onBlur = function onBlur(event) {
+    setFocusedState(false);
+    props.onBlur && props.onBlur(event);
+  };
   var onKeyDown = function onKeyDown(event) {
     if (event.keyCode === 32) {
       toggle(event);
@@ -197,8 +268,8 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }),
     style: props.style,
     onClick: toggle,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
+    onFocus: onFocus,
+    onBlur: onBlur,
     onKeyDown: onKeyDown,
     tabIndex: tabIndex,
     role: 'button',

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{useMountEffect as o}from"primereact/hooks";import{Ripple as n}from"primereact/ripple";import{Tooltip as r}from"primereact/tooltip";import{classNames as l,DomHandler as i,ObjectUtils as c,mergeProps as a,IconUtils as u}from"primereact/utils";import{ComponentBase as p,useHandleStyle as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}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 o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t||"default");if("object"!==b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var y=p.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,o=e.label;return l("p-button-icon p-c",{"p-button-icon-left":"left"===t.iconPos&&o,"p-button-icon-right":"right"===t.iconPos&&o})},root:function(e){var t=e.props;return l("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 d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function v(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){var n,r,l;n=e,l=o[t],(r=g(r=t))in n?Object.defineProperty(n,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var h=e.memo(e.forwardRef((function(l,p){var b=e.useContext(t),m=y.getProps(l,b),g=e.useRef(null),d=y.setMetaData({props:m}),h=d.ptm,O=d.cx;s(y.css.styles,d.isUnstyled,{name:"togglebutton"});var P=m.onLabel&&m.onLabel.length>0&&m.offLabel&&m.offLabel.length>0,j=m.onIcon&&m.offIcon,E=P?m.checked?m.onLabel:m.offLabel:"&nbsp;",I=m.checked?m.onIcon:m.offIcon,w=function(e){!m.disabled&&m.onChange&&m.onChange({originalEvent:e,value:!m.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:m.name,id:m.id,value:!m.checked}})};e.useImperativeHandle(p,(function(){return{props:m,focus:function(){return i.focusFirstElement(g.current)},getElement:function(){return g.current}}})),o((function(){m.autoFocus&&i.focusFirstElement(g.current)}));var k=c.isNotEmpty(m.tooltip),S=m.disabled?-1:m.tabIndex,L=function(){if(j){var e=a({className:O("icon",{label:E})},h("icon"));return u.getJSXIcon(I,v({},e),{props:m})}return null}(),D=a({className:O("label")},h("label")),N=a({ref:g,id:m.id,className:O("root",{hasIcon:j,hasLabel:P}),style:m.style,onClick:w,onFocus:m.onFocus,onBlur:m.onBlur,onKeyDown:function(e){32===e.keyCode&&(w(e),e.preventDefault())},tabIndex:S,role:"button","aria-pressed":m.checked},y.getOtherProps(m),h("root"));return e.createElement(e.Fragment,null,e.createElement("div",N,L,e.createElement("span",D,E),e.createElement(n,null)),k&&e.createElement(r,f({target:g,content:m.tooltip},m.tooltipOptions,{pt:h("tooltip")})))})));h.displayName="ToggleButton";export{h as ToggleButton};
+import*as t from"react";import{PrimeReactContext as e}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o,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 s,IconUtils as f}from"primereact/utils";function p(){return p=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},p.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,i,a=[],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)&&(a.push(r.value),a.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function v(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 h(t,e){if(t){if("string"==typeof t)return v(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)?v(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 c("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 c("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,c){var b,m,y=t.useState(!1),v=(m=2,d(b=y)||g(b,m)||h(b,m)||O()),P=v[0],w=v[1],I=o(),E=t.useContext(e),k=j.getProps(n,E),L=t.useRef(null),D=j.setMetaData({props:k,state:{focused:P}}),N=D.ptm,x=D.cx;r(j.css.styles,D.isUnstyled,{name:"togglebutton"});var F=k.onLabel&&k.onLabel.length>0&&k.offLabel&&k.offLabel.length>0,C=k.onIcon&&k.offIcon,A=F?k.checked?k.onLabel:k.offLabel:"&nbsp;",B=k.checked?k.onIcon:k.offIcon,T=function(t){!k.disabled&&k.onChange&&k.onChange({originalEvent:t,value:!k.checked,stopPropagation:function(){t.stopPropagation()},preventDefault:function(){t.preventDefault()},target:{name:k.name,id:k.id,value:!k.checked}})};t.useImperativeHandle(c,(function(){return{props:k,focus:function(){return u.focusFirstElement(L.current)},getElement:function(){return L.current}}})),l((function(){k.autoFocus&&u.focusFirstElement(L.current)}));var M=s.isNotEmpty(k.tooltip),R=k.disabled?-1:k.tabIndex,U=function(){if(C){var t=I({className:x("icon",{label:A})},N("icon"));return f.getJSXIcon(B,S({},t),{props:k})}return null}(),Y=I({className:x("label")},N("label")),_=I({ref:L,id:k.id,className:x("root",{hasIcon:C,hasLabel:F}),style:k.style,onClick:T,onFocus:function(t){w(!0),k.onFocus&&k.onFocus(t)},onBlur:function(t){w(!1),k.onBlur&&k.onBlur(t)},onKeyDown:function(t){32===t.keyCode&&(T(t),t.preventDefault())},tabIndex:R,role:"button","aria-pressed":k.checked},j.getOtherProps(k),N("root"));return t.createElement(t.Fragment,null,t.createElement("div",_,U,t.createElement("span",Y,A),t.createElement(i,null)),M&&t.createElement(a,p({target:L,content:k.tooltip},k.tooltipOptions,{pt:N("tooltip")})))})));w.displayName="ToggleButton";export{w as ToggleButton};

package/togglebutton/togglebutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, tooltip, utils, componentbase) {
+this.primereact.togglebutton = (function (exports, React, api, componentbase, hooks, ripple, tooltip, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -78,6 +78,61 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
     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) {
@@ -127,11 +182,19 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
   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 _React$useState = React__namespace.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ToggleButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
     var _ToggleButtonBase$set = ToggleButtonBase.setMetaData({
-        props: props
+        props: props,
+        state: {
+          focused: focusedState
+        }
       }),
       ptm = _ToggleButtonBase$set.ptm,
       cx = _ToggleButtonBase$set.cx,
@@ -162,6 +225,14 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
         });
       }
     };
+    var onFocus = function onFocus(event) {
+      setFocusedState(true);
+      props.onFocus && props.onFocus(event);
+    };
+    var onBlur = function onBlur(event) {
+      setFocusedState(false);
+      props.onBlur && props.onBlur(event);
+    };
     var onKeyDown = function onKeyDown(event) {
       if (event.keyCode === 32) {
         toggle(event);
@@ -170,7 +241,7 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
     };
     var createIcon = function createIcon() {
       if (hasIcon) {
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: cx('icon', {
             label: label
           })
@@ -200,10 +271,10 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
     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', {
@@ -212,8 +283,8 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
       }),
       style: props.style,
       onClick: toggle,
-      onFocus: props.onFocus,
-      onBlur: props.onBlur,
+      onFocus: onFocus,
+      onBlur: onBlur,
       onKeyDown: onKeyDown,
       tabIndex: tabIndex,
       role: 'button',
@@ -234,4 +305,4 @@ this.primereact.togglebutton = (function (exports, React, api, hooks, ripple, to
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.ripple, primereact.tooltip, primereact.utils);

package/togglebutton/togglebutton.min.js

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

package/toolbar/toolbar.cjs.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
-var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -56,6 +57,7 @@ var ToolbarBase = componentbase.ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -79,16 +81,16 @@ var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       }
     };
   });
-  var startProps = utils.mergeProps({
+  var startProps = mergeProps({
     className: cx('start')
   }, ptm('start'));
-  var centerProps = utils.mergeProps({
+  var centerProps = mergeProps({
     className: cx('center')
   }, ptm('center'));
-  var endProps = utils.mergeProps({
+  var endProps = mergeProps({
     className: cx('end')
   }, ptm('end'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     style: props.style,

package/toolbar/toolbar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/utils"),n=require("primereact/componentbase");function l(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 o=l(e),a=n.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return r.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),s=o.memo(o.forwardRef((function(e,l){var s=o.useContext(t.PrimeReactContext),p=a.getProps(e,s),c=o.useRef(null),i=r.ObjectUtils.getJSXElement(p.left||p.start,p),u=r.ObjectUtils.getJSXElement(p.center,p),m=r.ObjectUtils.getJSXElement(p.right||p.end,p),d=a.setMetaData({props:p}),g=d.ptm,b=d.cx;n.useHandleStyle(a.css.styles,d.isUnstyled,{name:"toolbar"}),o.useImperativeHandle(l,(function(){return{props:p,getElement:function(){return c.current}}}));var f=r.mergeProps({className:b("start")},g("start")),y=r.mergeProps({className:b("center")},g("center")),v=r.mergeProps({className:b("end")},g("end")),P=r.mergeProps({id:p.id,ref:c,style:p.style,className:b("root"),role:"toolbar"},a.getOtherProps(p),g("root"));return o.createElement("div",P,o.createElement("div",f,i),o.createElement("div",y,u),o.createElement("div",v,m))})));s.displayName="Toolbar",exports.Toolbar=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(e),s=r.ComponentBase.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),c=a.memo(a.forwardRef((function(e,o){var c=n.useMergeProps(),p=a.useContext(t.PrimeReactContext),i=s.getProps(e,p),u=a.useRef(null),m=l.ObjectUtils.getJSXElement(i.left||i.start,i),d=l.ObjectUtils.getJSXElement(i.center,i),b=l.ObjectUtils.getJSXElement(i.right||i.end,i),f=s.setMetaData({props:i}),g=f.ptm,y=f.cx;r.useHandleStyle(s.css.styles,f.isUnstyled,{name:"toolbar"}),a.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return u.current}}}));var v=c({className:y("start")},g("start")),O=c({className:y("center")},g("center")),j=c({className:y("end")},g("end")),x=c({id:i.id,ref:u,style:i.style,className:y("root"),role:"toolbar"},s.getOtherProps(i),g("root"));return a.createElement("div",x,a.createElement("div",v,m),a.createElement("div",O,d),a.createElement("div",j,b))})));c.displayName="Toolbar",exports.Toolbar=c;

package/toolbar/toolbar.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { classNames, ObjectUtils, mergeProps } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
+import { classNames, ObjectUtils } from 'primereact/utils';
 
 var ToolbarBase = ComponentBase.extend({
   defaultProps: {
@@ -32,6 +33,7 @@ var ToolbarBase = ComponentBase.extend({
 });
 
 var Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ToolbarBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{classNames as r,ObjectUtils as n,mergeProps as o}from"primereact/utils";import{ComponentBase as l,useHandleStyle as a}from"primereact/componentbase";var s=l.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return r("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),p=e.memo(e.forwardRef((function(r,l){var p=e.useContext(t),i=s.getProps(r,p),c=e.useRef(null),m=n.getJSXElement(i.left||i.start,i),u=n.getJSXElement(i.center,i),d=n.getJSXElement(i.right||i.end,i),g=s.setMetaData({props:i}),f=g.ptm,b=g.cx;a(s.css.styles,g.isUnstyled,{name:"toolbar"}),e.useImperativeHandle(l,(function(){return{props:i,getElement:function(){return c.current}}}));var y=o({className:b("start")},f("start")),v=o({className:b("center")},f("center")),E=o({className:b("end")},f("end")),x=o({id:i.id,ref:c,style:i.style,className:b("root"),role:"toolbar"},s.getOtherProps(i),f("root"));return e.createElement("div",x,e.createElement("div",y,m),e.createElement("div",v,u),e.createElement("div",E,d))})));p.displayName="Toolbar";export{p as Toolbar};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{classNames as l,ObjectUtils as a}from"primereact/utils";var s=r.extend({defaultProps:{__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null,start:null,center:null,end:null,children:void 0},css:{classes:{root:function(e){return l("p-toolbar p-component",e.props.className)},start:"p-toolbar-group-start p-toolbar-group-left",center:"p-toolbar-group-center",end:"p-toolbar-group-end p-toolbar-group-right"},styles:"\n        @layer primereact {\n            .p-toolbar {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n                flex-wrap: wrap;\n            }\n            \n            .p-toolbar-group-start,\n            .p-toolbar-group-center,\n            .p-toolbar-group-end {\n                display: flex;\n                align-items: center;\n            }\n            \n            .p-toolbar-group-left,\n            .p-toolbar-group-right {\n                display: flex;\n                align-items: center;\n            }\n        }\n        "}}),p=e.memo(e.forwardRef((function(r,l){var p=o(),i=e.useContext(t),c=s.getProps(r,i),m=e.useRef(null),u=a.getJSXElement(c.left||c.start,c),d=a.getJSXElement(c.center,c),f=a.getJSXElement(c.right||c.end,c),g=s.setMetaData({props:c}),b=g.ptm,y=g.cx;n(s.css.styles,g.isUnstyled,{name:"toolbar"}),e.useImperativeHandle(l,(function(){return{props:c,getElement:function(){return m.current}}}));var v=p({className:y("start")},b("start")),E=p({className:y("center")},b("center")),x=p({className:y("end")},b("end")),h=p({id:c.id,ref:m,style:c.style,className:y("root"),role:"toolbar"},s.getOtherProps(c),b("root"));return e.createElement("div",h,e.createElement("div",v,u),e.createElement("div",E,d),e.createElement("div",x,f))})));p.displayName="Toolbar";export{p as Toolbar};

package/toolbar/toolbar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.toolbar = (function (exports, React, api, utils, componentbase) {
+this.primereact.toolbar = (function (exports, React, api, componentbase, hooks, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -50,6 +50,7 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
     });
 
     var Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = ToolbarBase.getProps(inProps, context);
       var elementRef = React__namespace.useRef(null);
@@ -73,16 +74,16 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
           }
         };
       });
-      var startProps = utils.mergeProps({
+      var startProps = mergeProps({
         className: cx('start')
       }, ptm('start'));
-      var centerProps = utils.mergeProps({
+      var centerProps = mergeProps({
         className: cx('center')
       }, ptm('center'));
-      var endProps = utils.mergeProps({
+      var endProps = mergeProps({
         className: cx('end')
       }, ptm('end'));
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         id: props.id,
         ref: elementRef,
         style: props.style,
@@ -99,4 +100,4 @@ this.primereact.toolbar = (function (exports, React, api, utils, componentbase)
 
     return exports;
 
-})({}, React, primereact.api, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);