primereact 10.0.6 → 10.0.8

package/ripple/ripple.cjs.js

@@ -111,7 +111,7 @@ var RippleBase = 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 Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
+var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var inkRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
@@ -164,6 +164,17 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       inkRef.current.style.width = d + 'px';
     }
   };
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getInk: function getInk() {
+        return inkRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     if (inkRef.current) {
       targetRef.current = getTarget();

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=u(e),a=i(r);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.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 s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}var d=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}});function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=c.memo(c.forwardRef((function(e){var o=c.useRef(null),i=c.useRef(null),u=c.useContext(r.PrimeReactContext),p={props:d.getProps(e,u)};t.useStyle(d.css.styles,{name:"ripple"});var s=d.setMetaData(b({},p)),f=s.ptm,m=s.cx,y=function(){return o.current&&o.current.parentElement},g=function(){i.current&&i.current.addEventListener("pointerdown",v)},v=function(e){var r=n.DomHandler.getOffset(i.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(o.current)/2,u=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(o.current)/2;O(t,u)},O=function(e,r){o.current&&"none"!==getComputedStyle(o.current,null).display&&(n.DomHandler.removeClass(o.current,"p-ink-active"),j(),o.current.style.top=r+"px",o.current.style.left=e+"px",n.DomHandler.addClass(o.current,"p-ink-active"))},j=function(){if(o.current&&!n.DomHandler.getHeight(o.current)&&!n.DomHandler.getWidth(o.current)){var e=Math.max(n.DomHandler.getOuterWidth(i.current),n.DomHandler.getOuterHeight(i.current));o.current.style.height=e+"px",o.current.style.width=e+"px"}};t.useMountEffect((function(){o.current&&(i.current=y(),j(),g())})),t.useUpdateEffect((function(){o.current&&!i.current&&(i.current=y(),j(),g())})),t.useUnmountEffect((function(){o.current&&(i.current=null,i.current&&i.current.removeEventListener("pointerdown",v))}));var P=n.mergeProps({className:n.classNames(m("root"))},f("root"));return u&&u.ripple||a.default.ripple?c.createElement("span",l({role:"presentation",ref:o},P,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));y.displayName="Ripple",exports.Ripple=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=u(e),a=i(r);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.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 s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}var d=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}});function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?m(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var y=c.memo(c.forwardRef((function(e,o){var i=c.useRef(null),u=c.useRef(null),p=c.useContext(r.PrimeReactContext),s=d.getProps(e,p),f={props:s};t.useStyle(d.css.styles,{name:"ripple"});var m=d.setMetaData(b({},f)),y=m.ptm,g=m.cx,v=function(){return i.current&&i.current.parentElement},O=function(){u.current&&u.current.addEventListener("pointerdown",j)},j=function(e){var r=n.DomHandler.getOffset(u.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(i.current)/2,o=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(i.current)/2;P(t,o)},P=function(e,r){i.current&&"none"!==getComputedStyle(i.current,null).display&&(n.DomHandler.removeClass(i.current,"p-ink-active"),h(),i.current.style.top=r+"px",i.current.style.left=e+"px",n.DomHandler.addClass(i.current,"p-ink-active"))},h=function(){if(i.current&&!n.DomHandler.getHeight(i.current)&&!n.DomHandler.getWidth(i.current)){var e=Math.max(n.DomHandler.getOuterWidth(u.current),n.DomHandler.getOuterHeight(u.current));i.current.style.height=e+"px",i.current.style.width=e+"px"}};c.useImperativeHandle(o,(function(){return{props:s,getInk:function(){return i.current},getTarget:function(){return u.current}}})),t.useMountEffect((function(){i.current&&(u.current=v(),h(),O())})),t.useUpdateEffect((function(){i.current&&!u.current&&(u.current=v(),h(),O())})),t.useUnmountEffect((function(){i.current&&(u.current=null,u.current&&u.current.removeEventListener("pointerdown",j))}));var D=n.mergeProps({className:n.classNames(g("root"))},y("root"));return p&&p.ripple||a.default.ripple?c.createElement("span",l({role:"presentation",ref:i},D,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));y.displayName="Ripple",exports.Ripple=y;

package/ripple/ripple.esm.js

@@ -84,7 +84,7 @@ var RippleBase = 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 Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps) {
+var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var inkRef = React.useRef(null);
   var targetRef = React.useRef(null);
   var context = React.useContext(PrimeReactContext);
@@ -137,6 +137,17 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       inkRef.current.style.width = d + 'px';
     }
   };
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getInk: function getInk() {
+        return inkRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     if (inkRef.current) {
       targetRef.current = getTarget();

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import r,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as c}from"primereact/hooks";import{ObjectUtils as u,mergeProps as p,classNames as a,DomHandler as l}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},f.apply(this,arguments)}function m(e){return m="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},m(e)}function y(e,r){if("object"!==m(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function b(e){var r=y(e,"string");return"symbol"===m(r)?r:String(r)}var d=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return u.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return u.getDiffProps(e,d.defaultProps)}});function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=b(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var O=e.memo(e.forwardRef((function(u){var s=e.useRef(null),m=e.useRef(null),y=e.useContext(t),b={props:d.getProps(u,y)};n(d.css.styles,{name:"ripple"});var g=d.setMetaData(v({},b)),O=g.ptm,h=g.cx,P=function(){return s.current&&s.current.parentElement},j=function(){m.current&&m.current.addEventListener("pointerdown",w)},w=function(e){var r=l.getOffset(m.current),t=e.pageX-r.left+document.body.scrollTop-l.getWidth(s.current)/2,n=e.pageY-r.top+document.body.scrollLeft-l.getHeight(s.current)/2;k(t,n)},k=function(e,r){s.current&&"none"!==getComputedStyle(s.current,null).display&&(l.removeClass(s.current,"p-ink-active"),S(),s.current.style.top=r+"px",s.current.style.left=e+"px",l.addClass(s.current,"p-ink-active"))},S=function(){if(s.current&&!l.getHeight(s.current)&&!l.getWidth(s.current)){var e=Math.max(l.getOuterWidth(m.current),l.getOuterHeight(m.current));s.current.style.height=e+"px",s.current.style.width=e+"px"}};o((function(){s.current&&(m.current=P(),S(),j())})),i((function(){s.current&&!m.current&&(m.current=P(),S(),j())})),c((function(){s.current&&(m.current=null,m.current&&m.current.removeEventListener("pointerdown",w))}));var x=p({className:a(h("root"))},O("root"));return y&&y.ripple||r.ripple?e.createElement("span",f({role:"presentation",ref:s},x,{onAnimationEnd:function(e){l.removeClass(e.currentTarget,"p-ink-active")}})):null})));O.displayName="Ripple";export{O as Ripple};
+import*as r from"react";import e,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as c}from"primereact/hooks";import{ObjectUtils as u,mergeProps as p,classNames as a,DomHandler as l}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},f.apply(this,arguments)}function m(r){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},m(r)}function y(r,e){if("object"!==m(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}function b(r){var e=y(r,"string");return"symbol"===m(e)?e:String(e)}var d=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(r){return u.getMergedProps(r,d.defaultProps)},getOtherProps:function(r){return u.getDiffProps(r,d.defaultProps)}});function g(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function v(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?g(Object(t),!0).forEach((function(e){var n,o,i;n=r,i=t[e],(o=b(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var O=r.memo(r.forwardRef((function(u,s){var m=r.useRef(null),y=r.useRef(null),b=r.useContext(t),g=d.getProps(u,b),O={props:g};n(d.css.styles,{name:"ripple"});var h=d.setMetaData(v({},O)),P=h.ptm,j=h.cx,w=function(){return m.current&&m.current.parentElement},k=function(){y.current&&y.current.addEventListener("pointerdown",S)},S=function(r){var e=l.getOffset(y.current),t=r.pageX-e.left+document.body.scrollTop-l.getWidth(m.current)/2,n=r.pageY-e.top+document.body.scrollLeft-l.getHeight(m.current)/2;x(t,n)},x=function(r,e){m.current&&"none"!==getComputedStyle(m.current,null).display&&(l.removeClass(m.current,"p-ink-active"),E(),m.current.style.top=e+"px",m.current.style.left=r+"px",l.addClass(m.current,"p-ink-active"))},E=function(){if(m.current&&!l.getHeight(m.current)&&!l.getWidth(m.current)){var r=Math.max(l.getOuterWidth(y.current),l.getOuterHeight(y.current));m.current.style.height=r+"px",m.current.style.width=r+"px"}};r.useImperativeHandle(s,(function(){return{props:g,getInk:function(){return m.current},getTarget:function(){return y.current}}})),o((function(){m.current&&(y.current=w(),E(),k())})),i((function(){m.current&&!y.current&&(y.current=w(),E(),k())})),c((function(){m.current&&(y.current=null,y.current&&y.current.removeEventListener("pointerdown",S))}));var D=p({className:a(j("root"))},P("root"));return b&&b.ripple||e.ripple?r.createElement("span",f({role:"presentation",ref:m},D,{onAnimationEnd:function(r){l.removeClass(r.currentTarget,"p-ink-active")}})):null})));O.displayName="Ripple";export{O as Ripple};

package/ripple/ripple.js

@@ -104,7 +104,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
 
   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 Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps) {
+  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var inkRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
@@ -157,6 +157,17 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         inkRef.current.style.width = d + 'px';
       }
     };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getInk: function getInk() {
+          return inkRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       if (inkRef.current) {
         targetRef.current = getTarget();

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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=u(t),l=c(r);function p(){return p=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},p.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 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 m(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}var d=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,d.defaultProps)}});function b(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 y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=m(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=a.memo(a.forwardRef((function(e){var t=a.useRef(null),i=a.useRef(null),c=a.useContext(r.PrimeReactContext),u={props:d.getProps(e,c)};n.useStyle(d.css.styles,{name:"ripple"});var s=d.setMetaData(y({},u)),f=s.ptm,m=s.cx,b=function(){return t.current&&t.current.parentElement},g=function(){i.current&&i.current.addEventListener("pointerdown",v)},v=function(e){var r=o.DomHandler.getOffset(i.current),n=e.pageX-r.left+document.body.scrollTop-o.DomHandler.getWidth(t.current)/2,c=e.pageY-r.top+document.body.scrollLeft-o.DomHandler.getHeight(t.current)/2;O(n,c)},O=function(e,r){t.current&&"none"!==getComputedStyle(t.current,null).display&&(o.DomHandler.removeClass(t.current,"p-ink-active"),h(),t.current.style.top=r+"px",t.current.style.left=e+"px",o.DomHandler.addClass(t.current,"p-ink-active"))},h=function(){if(t.current&&!o.DomHandler.getHeight(t.current)&&!o.DomHandler.getWidth(t.current)){var e=Math.max(o.DomHandler.getOuterWidth(i.current),o.DomHandler.getOuterHeight(i.current));t.current.style.height=e+"px",t.current.style.width=e+"px"}};n.useMountEffect((function(){t.current&&(i.current=b(),h(),g())})),n.useUpdateEffect((function(){t.current&&!i.current&&(i.current=b(),h(),g())})),n.useUnmountEffect((function(){t.current&&(i.current=null,i.current&&i.current.removeEventListener("pointerdown",v))}));var j=o.mergeProps({className:o.classNames(m("root"))},f("root"));return c&&c.ripple||l.default.ripple?a.createElement("span",p({role:"presentation",ref:t},j,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));return g.displayName="Ripple",e.Ripple=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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=u(t),l=c(r);function p(){return p=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},p.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 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 m(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}var d=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none !important;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,d.defaultProps)}});function b(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 y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=m(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=a.memo(a.forwardRef((function(e,t){var i=a.useRef(null),c=a.useRef(null),u=a.useContext(r.PrimeReactContext),s=d.getProps(e,u),f={props:s};n.useStyle(d.css.styles,{name:"ripple"});var m=d.setMetaData(y({},f)),b=m.ptm,g=m.cx,v=function(){return i.current&&i.current.parentElement},O=function(){c.current&&c.current.addEventListener("pointerdown",h)},h=function(e){var t=o.DomHandler.getOffset(c.current),r=e.pageX-t.left+document.body.scrollTop-o.DomHandler.getWidth(i.current)/2,n=e.pageY-t.top+document.body.scrollLeft-o.DomHandler.getHeight(i.current)/2;j(r,n)},j=function(e,t){i.current&&"none"!==getComputedStyle(i.current,null).display&&(o.DomHandler.removeClass(i.current,"p-ink-active"),P(),i.current.style.top=t+"px",i.current.style.left=e+"px",o.DomHandler.addClass(i.current,"p-ink-active"))},P=function(){if(i.current&&!o.DomHandler.getHeight(i.current)&&!o.DomHandler.getWidth(i.current)){var e=Math.max(o.DomHandler.getOuterWidth(c.current),o.DomHandler.getOuterHeight(c.current));i.current.style.height=e+"px",i.current.style.width=e+"px"}};a.useImperativeHandle(t,(function(){return{props:s,getInk:function(){return i.current},getTarget:function(){return c.current}}})),n.useMountEffect((function(){i.current&&(c.current=v(),P(),O())})),n.useUpdateEffect((function(){i.current&&!c.current&&(c.current=v(),P(),O())})),n.useUnmountEffect((function(){i.current&&(c.current=null,c.current&&c.current.removeEventListener("pointerdown",h))}));var D=o.mergeProps({className:o.classNames(g("root"))},b("root"));return u&&u.ripple||l.default.ripple?a.createElement("span",p({role:"presentation",ref:i},D,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));return g.displayName="Ripple",e.Ripple=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/splitbutton/splitbutton.cjs.js

@@ -512,7 +512,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
     ref: defaultButtonRef,
     type: "button",
-    className: props.buttonClassName,
+    className: utils.classNames(props.buttonClassName, cx('button')),
     icon: props.icon,
     loading: props.loading,
     loadingIcon: props.loadingIcon,
@@ -533,7 +533,7 @@ var SplitButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     unstyled: props.unstyled
   }), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
     type: "button",
-    className: props.menuButtonClassName,
+    className: utils.classNames(props.menuButtonClassName, cx('menuButton')),
     icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,

package/splitbutton/splitbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),i=require("primereact/icons/chevrondown"),l=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(e),b=p(t);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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function N(){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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return a.classNames("p-splitbutton p-component",(g(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),g(t,"p-button-raised",n.raised),g(t,"p-button-rounded",n.rounded),g(t,"p-button-text",n.text),g(t,"p-button-outlined",n.outlined),g(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},i=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},l=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,l=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),b=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},b),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),v=l&&d.createElement("span",y,l),O=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:i,"aria-label":l},o("anchor")),g=d.createElement("a",O,f,v);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:i,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return d.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),d.createElement("li",t)):l()}));function k(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var D=d.forwardRef((function(e,t){var n,r,o,i=e.ptm,l=e.cx,u=function(t,n){return i(t,B({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:l("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:l("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:l("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},u("transition")),d.createElement(s.CSSTransition,f({nodeRef:t},o),d.createElement("div",n,d.createElement("ul",r,e.children))));return d.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SplitButtonPanel";var U=d.memo(d.forwardRef((function(e,s){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=S(d.useState(p.id),2),y=m[0],v=m[1],O=S(d.useState(!1),2),g=O[0],P=O[1],j=d.useRef(null),h=d.useRef(null),E=d.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},w=x.setMetaData(N),I=w.ptm,k=w.cx;r.useHandleStyle(x.css.styles,w.isUnstyled,{name:"splitbutton"});var B=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=B[0],U=B[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||b.default.appendTo)};o.useMountEffect((function(){y||v(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),d.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,Z=p.model?p.model.map((function(e,t){return d.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,J=y+"_menu",X=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},x.getOtherProps(p),I("root"));return d.createElement(d.Fragment,null,d.createElement("div",X,d.createElement(n.Button,f({ref:h,type:"button",className:p.buttonClassName,icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),A),d.createElement(n.Button,f({type:"button",className:p.menuButtonClassName,icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||d.createElement(i.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?J:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),d.createElement(D,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:J,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||b.default.autoZIndex,c&&c.zIndex.overlay||b.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},Z)),M&&d.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/componentbase"),o=require("primereact/hooks"),l=require("primereact/icons/chevrondown"),i=require("primereact/overlayservice"),u=require("primereact/tooltip"),a=require("primereact/utils"),s=require("primereact/csstransition"),c=require("primereact/portal");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 d=m(e),b=p(t);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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function y(e){return y="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},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function N(){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 S(e,t){return P(e)||j(e,t)||E(e,t)||N()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return a.classNames("p-splitbutton p-component",(g(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),g(t,"p-button-raised",n.raised),g(t,"p-button-rounded",n.rounded),g(t,"p-button-text",n.text),g(t,"p-button-outlined",n.outlined),g(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return a.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return a.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=d.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,I({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,s=t.url,c=t.target,p=a.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=a.classNames("p-menuitem-icon",n),b=a.mergeProps({className:r("menuIcon")},o("menuIcon")),f=a.IconUtils.getJSXIcon(n,I({},b),{props:e.splitButtonProps}),y=a.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&d.createElement("span",y,i),O=a.mergeProps({href:s||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=d.createElement("a",O,f,v);u&&(g=a.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var P=a.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return d.createElement("li",P,g)};return e.menuitem.separator?(t=a.mergeProps({className:r("separator"),role:"separator"},o("separator")),d.createElement("li",t)):i()}));function k(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 B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}C.displayName="SplitButtonItem";var D=d.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,B({hostName:e.hostName},n))},p=(n=a.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=a.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=a.mergeProps({classNames:i("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},u("transition")),d.createElement(s.CSSTransition,f({nodeRef:t},o),d.createElement("div",n,d.createElement("ul",r,e.children))));return d.createElement(c.Portal,{element:p,appendTo:e.appendTo})}));function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}D.displayName="SplitButtonPanel";var U=d.memo(d.forwardRef((function(e,s){var c=d.useContext(t.PrimeReactContext),p=x.getProps(e,c),m=S(d.useState(p.id),2),y=m[0],v=m[1],O=S(d.useState(!1),2),g=O[0],P=O[1],j=d.useRef(null),h=d.useRef(null),E=d.useRef(null),N={props:p,state:{id:y,overlayVisible:g}},w=x.setMetaData(N),I=w.ptm,k=w.cx;r.useHandleStyle(x.css.styles,w.isUnstyled,{name:"splitbutton"});var B=S(o.useOverlayListener({target:j,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),T=B[0],U=B[1],_=function(){H()},z=function(){P(!0)},H=function(){P(!1)},L=function(){a.DomHandler.alignOverlay(E.current,h.current.parentElement,p.appendTo||c&&c.appendTo||b.default.appendTo)};o.useMountEffect((function(){y||v(a.UniqueComponentId())})),o.useUnmountEffect((function(){a.ZIndexUtils.clear(E.current)})),d.useImperativeHandle(s,(function(){return{props:p,show:z,hide:H,getElement:function(){return j.current}}}));if(!1===p.visible)return null;var M=a.ObjectUtils.isNotEmpty(p.tooltip),R={large:"lg",small:"sm"}[p.size],A=p.buttonTemplate?a.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,Z=p.model?p.model.map((function(e,t){return d.createElement(C,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:_,ptm:I,cx:k})})):null,J=y+"_menu",X=a.mergeProps({ref:j,id:y,className:a.classNames(p.className,k("root",{size:R})),style:p.style},x.getOtherProps(p),I("root"));return d.createElement(d.Fragment,null,d.createElement("div",X,d.createElement(n.Button,f({ref:h,type:"button",className:a.classNames(p.buttonClassName,k("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),A),d.createElement(n.Button,f({type:"button",className:a.classNames(p.menuButtonClassName,k("menuButton")),icon:function(){var e=a.mergeProps({className:k("icon")},I("icon")),t=a.IconUtils.getJSXIcon(p.dropdownIcon||d.createElement(l.ChevronDownIcon,e),q({},e),{props:p});return t},onClick:function(){g?H():z()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?J:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),d.createElement(D,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:J,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:j.current})},in:g,onEnter:function(){a.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||b.default.autoZIndex,c&&c.zIndex.overlay||b.default.zIndex.overlay),a.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){T(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){a.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:k},Z)),M&&d.createElement(u.Tooltip,f({target:j,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));U.displayName="SplitButton",exports.SplitButton=U;

package/splitbutton/splitbutton.esm.js

@@ -485,7 +485,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(Button, _extends({
     ref: defaultButtonRef,
     type: "button",
-    className: props.buttonClassName,
+    className: classNames(props.buttonClassName, cx('button')),
     icon: props.icon,
     loading: props.loading,
     loadingIcon: props.loadingIcon,
@@ -506,7 +506,7 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     unstyled: props.unstyled
   }), buttonContent), /*#__PURE__*/React.createElement(Button, _extends({
     type: "button",
-    className: props.menuButtonClassName,
+    className: classNames(props.menuButtonClassName, cx('menuButton')),
     icon: dropdownIcon,
     onClick: onDropdownButtonClick,
     disabled: props.disabled,

package/splitbutton/splitbutton.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=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},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function x(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function I(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 C(t,e){if(t){if("string"==typeof t)return I(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)?I(t,e):void 0}}function k(){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 B(t,e){return N(t)||w(t,e)||C(t,e)||k()}var D=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e,n=t.props,r=t.size;return m("p-splitbutton p-component",(x(e={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),x(e,"p-button-raised",n.raised),x(e,"p-button-rounded",n.rounded),x(e,"p-button-text",n.text),x(e,"p-button-outlined",n.outlined),x(e,"p-button-".concat(r),r),e))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function T(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 z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,s=n.url,p=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:s||"#",role:"menuitem",className:o("anchor"),target:p,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(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 L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},s=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:s,appendTo:e.appendTo})}));function H(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 J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=D.getProps(o,h),P=B(t.useState(E.id),2),S=P[0],x=P[1],N=B(t.useState(!1),2),w=N[0],I=N[1],C=t.useRef(null),k=t.useRef(null),T=t.useRef(null),z={props:E,state:{id:S,overlayVisible:w}},A=D.setMetaData(z),L=A.ptm,H=A.cx;i(D.css.styles,A.isUnstyled,{name:"splitbutton"});var M=B(l({target:C,overlay:T,listener:function(t,e){e.valid&&V()},when:w}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(T.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||x(y())})),a((function(){v.clear(T.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,K=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,Q=S+"_menu",W=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},D.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",W,t.createElement(r,j({ref:k,type:"button",className:E.buttonClassName,icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,severity:E.severity,label:E.label,raised:E.raised,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size,outlined:E.outlined,text:E.text},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),G),t.createElement(r,j({type:"button",className:E.menuButtonClassName,icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(s,e),J({},e),{props:E});return n},onClick:function(){w?V():F()},disabled:E.disabled,"aria-expanded":w,"aria-haspopup":"true","aria-controls":w?Q:null},E.menuButtonProps,{size:E.size,severity:E.severity,outlined:E.outlined,text:E.text,raised:E.raised,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:T,appendTo:E.appendTo,menuId:Q,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){p.emit("overlay-click",{originalEvent:t,target:C.current})},in:w,onEnter:function(){v.set("overlay",T.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(T.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},K)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};
+import*as t from"react";import e,{PrimeReactContext as n}from"primereact/api";import{Button as r}from"primereact/button";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{useOverlayListener as l,useMountEffect as u,useUnmountEffect as a}from"primereact/hooks";import{ChevronDownIcon as s}from"primereact/icons/chevrondown";import{OverlayService as p}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as m,mergeProps as b,IconUtils as d,ObjectUtils as f,UniqueComponentId as y,ZIndexUtils as v,DomHandler as O}from"primereact/utils";import{CSSTransition as g}from"primereact/csstransition";import{Portal as h}from"primereact/portal";function j(){return j=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},j.apply(this,arguments)}function E(t){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},E(t)}function P(t,e){if("object"!==E(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==E(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function S(t){var e=P(t,"string");return"symbol"===E(e)?e:String(e)}function x(t,e,n){return(e=S(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function N(t){if(Array.isArray(t))return t}function w(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,u=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(u.push(r.value),u.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return u}}function I(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 C(t,e){if(t){if("string"==typeof t)return I(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)?I(t,e):void 0}}function k(){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 B(t,e){return N(t)||w(t,e)||C(t,e)||k()}var D=o.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(t){var e,n=t.props,r=t.size;return m("p-splitbutton p-component",(x(e={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),x(e,"p-button-raised",n.raised),x(e,"p-button-rounded",n.rounded),x(e,"p-button-text",n.text),x(e,"p-button-outlined",n.outlined),x(e,"p-button-".concat(r),r),e))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(t){return m("p-menu p-menu-overlay p-component",t.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(t){return m("p-menuitem-link",t._className,{"p-disabled":t.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function T(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 z(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?T(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _=t.memo((function(e){var n,r=e.ptm,o=e.cx,i=function(t,n){return r(t,z({hostName:e.hostName},n))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},u=function(){if(!1===e.menuitem.visible)return null;var n=e.menuitem,r=n.icon,u=n.label,a=n.template,s=n.url,p=n.target,c=m("p-menuitem-link",n.className,{"p-disabled":n.disabled}),y=m("p-menuitem-icon",r),v=b({className:o("menuIcon")},i("menuIcon")),O=d.getJSXIcon(r,z({},v),{props:e.splitButtonProps}),g=b({className:o("menuLabel")},i("menuLabel")),h=u&&t.createElement("span",g,u),j=b({href:s||"#",role:"menuitem",className:o("anchor"),target:p,onClick:l,"aria-label":u},i("anchor")),E=t.createElement("a",j,O,h);a&&(E=f.getJSXElement(a,e.menuitem,{onClick:l,className:c,labelClassName:"p-menuitem-text",iconClassName:y,element:E,props:e}));var P=b({className:o("menuItem"),role:"none"},i("menuItem"));return t.createElement("li",P,E)};return e.menuitem.separator?(n=b({className:o("separator"),role:"separator"},i("separator")),t.createElement("li",n)):u()}));function A(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 L(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?A(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}_.displayName="SplitButtonItem";var R=t.forwardRef((function(e,n){var r,o,i,l=e.ptm,u=e.cx,a=function(t,n){return l(t,L({hostName:e.hostName},n))},s=(r=b({ref:n,className:u("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},a("menu")),o=b({id:e.menuId,className:u("menuList"),role:"menu"},a("menuList")),i=b({classNames:u("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},a("transition")),t.createElement(g,j({nodeRef:n},i),t.createElement("div",r,t.createElement("ul",o,e.children))));return t.createElement(h,{element:s,appendTo:e.appendTo})}));function H(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 J(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?H(Object(n),!0).forEach((function(e){x(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}R.displayName="SplitButtonPanel";var M=t.memo(t.forwardRef((function(o,g){var h=t.useContext(n),E=D.getProps(o,h),P=B(t.useState(E.id),2),S=P[0],x=P[1],N=B(t.useState(!1),2),w=N[0],I=N[1],C=t.useRef(null),k=t.useRef(null),T=t.useRef(null),z={props:E,state:{id:S,overlayVisible:w}},A=D.setMetaData(z),L=A.ptm,H=A.cx;i(D.css.styles,A.isUnstyled,{name:"splitbutton"});var M=B(l({target:C,overlay:T,listener:function(t,e){e.valid&&V()},when:w}),2),X=M[0],U=M[1],Z=function(){V()},F=function(){I(!0)},V=function(){I(!1)},Y=function(){O.alignOverlay(T.current,k.current.parentElement,E.appendTo||h&&h.appendTo||e.appendTo)};u((function(){S||x(y())})),a((function(){v.clear(T.current)})),t.useImperativeHandle(g,(function(){return{props:E,show:F,hide:V,getElement:function(){return C.current}}}));if(!1===E.visible)return null;var $=f.isNotEmpty(E.tooltip),q={large:"lg",small:"sm"}[E.size],G=E.buttonTemplate?f.getJSXElement(E.buttonTemplate,E):null,K=E.model?E.model.map((function(e,n){return t.createElement(_,{hostName:"SplitButton",splitButtonProps:E,menuitem:e,key:n,onItemClick:Z,ptm:L,cx:H})})):null,Q=S+"_menu",W=b({ref:C,id:S,className:m(E.className,H("root",{size:q})),style:E.style},D.getOtherProps(E),L("root"));return t.createElement(t.Fragment,null,t.createElement("div",W,t.createElement(r,j({ref:k,type:"button",className:m(E.buttonClassName,H("button")),icon:E.icon,loading:E.loading,loadingIcon:E.loadingIcon,severity:E.severity,label:E.label,raised:E.raised,onClick:E.onClick,disabled:E.disabled,tabIndex:E.tabIndex,size:E.size,outlined:E.outlined,text:E.text},E.buttonProps,{pt:L("button"),__parentMetadata:{parent:z},unstyled:E.unstyled}),G),t.createElement(r,j({type:"button",className:m(E.menuButtonClassName,H("menuButton")),icon:function(){var e=b({className:H("icon")},L("icon")),n=d.getJSXIcon(E.dropdownIcon||t.createElement(s,e),J({},e),{props:E});return n},onClick:function(){w?V():F()},disabled:E.disabled,"aria-expanded":w,"aria-haspopup":"true","aria-controls":w?Q:null},E.menuButtonProps,{size:E.size,severity:E.severity,outlined:E.outlined,text:E.text,raised:E.raised,pt:L("menuButton"),__parentMetadata:{parent:z},unstyled:E.unstyled})),t.createElement(R,{hostName:"SplitButton",ref:T,appendTo:E.appendTo,menuId:Q,menuStyle:E.menuStyle,menuClassName:E.menuClassName,onClick:function(t){p.emit("overlay-click",{originalEvent:t,target:C.current})},in:w,onEnter:function(){v.set("overlay",T.current,h&&h.autoZIndex||e.autoZIndex,h&&h.zIndex.overlay||e.zIndex.overlay),O.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),Y()},onEntered:function(){X(),E.onShow&&E.onShow()},onExit:function(){U()},onExited:function(){v.clear(T.current),E.onHide&&E.onHide()},transitionOptions:E.transitionOptions,ptm:L,cx:H},K)),$&&t.createElement(c,j({target:C,content:E.tooltip},E.tooltipOptions,{pt:L("tooltip")})))})));M.displayName="SplitButton";export{M as SplitButton};

package/splitbutton/splitbutton.js

@@ -499,7 +499,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       ref: defaultButtonRef,
       type: "button",
-      className: props.buttonClassName,
+      className: utils.classNames(props.buttonClassName, cx('button')),
       icon: props.icon,
       loading: props.loading,
       loadingIcon: props.loadingIcon,
@@ -520,7 +520,7 @@ this.primereact.splitbutton = (function (exports, React, PrimeReact, button, com
       unstyled: props.unstyled
     }), buttonContent), /*#__PURE__*/React__namespace.createElement(button.Button, _extends({
       type: "button",
-      className: props.menuButtonClassName,
+      className: utils.classNames(props.menuButtonClassName, cx('menuButton')),
       icon: dropdownIcon,
       onClick: onDropdownButtonClick,
       disabled: props.disabled,

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,l,i,u,a,s,c,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=d(t),f=m(n);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function v(e){return v="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},v(e)}function O(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=O(e,"string");return"symbol"===v(t)?t:String(t)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function N(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 S(){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 x(e,t){return P(e)||j(e,t)||N(e,t)||S()}var w=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return s.classNames("p-splitbutton p-component",(h(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),h(t,"p-button-raised",n.raised),h(t,"p-button-rounded",n.rounded),h(t,"p-button-text",n.text),h(t,"p-button-outlined",n.outlined),h(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=b.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,C({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,a=t.url,c=t.target,p=s.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=s.classNames("p-menuitem-icon",n),d=s.mergeProps({className:r("menuIcon")},o("menuIcon")),f=s.IconUtils.getJSXIcon(n,C({},d),{props:e.splitButtonProps}),y=s.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&b.createElement("span",y,i),O=s.mergeProps({href:a||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=b.createElement("a",O,f,v);u&&(g=s.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var h=s.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return b.createElement("li",h,g)};return e.menuitem.separator?(t=s.mergeProps({className:r("separator"),role:"separator"},o("separator")),b.createElement("li",t)):i()}));function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}k.displayName="SplitButtonItem";var T=b.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,D({hostName:e.hostName},n))},a=(n=s.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=s.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=s.mergeProps({classNames:i("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},u("transition")),b.createElement(c.CSSTransition,y({nodeRef:t},o),b.createElement("div",n,b.createElement("ul",r,e.children))));return b.createElement(p.Portal,{element:a,appendTo:e.appendTo})}));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="SplitButtonPanel";var z=b.memo(b.forwardRef((function(e,t){var c=b.useContext(n.PrimeReactContext),p=w.getProps(e,c),m=x(b.useState(p.id),2),d=m[0],v=m[1],O=x(b.useState(!1),2),g=O[0],h=O[1],P=b.useRef(null),j=b.useRef(null),E=b.useRef(null),N={props:p,state:{id:d,overlayVisible:g}},S=w.setMetaData(N),I=S.ptm,C=S.cx;o.useHandleStyle(w.css.styles,S.isUnstyled,{name:"splitbutton"});var B=x(l.useOverlayListener({target:P,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),D=B[0],U=B[1],z=function(){H()},R=function(){h(!0)},H=function(){h(!1)},L=function(){s.DomHandler.alignOverlay(E.current,j.current.parentElement,p.appendTo||c&&c.appendTo||f.default.appendTo)};l.useMountEffect((function(){d||v(s.UniqueComponentId())})),l.useUnmountEffect((function(){s.ZIndexUtils.clear(E.current)})),b.useImperativeHandle(t,(function(){return{props:p,show:R,hide:H,getElement:function(){return P.current}}}));if(!1===p.visible)return null;var M=s.ObjectUtils.isNotEmpty(p.tooltip),A={large:"lg",small:"sm"}[p.size],Z=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,J=p.model?p.model.map((function(e,t){return b.createElement(k,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:z,ptm:I,cx:C})})):null,X=d+"_menu",q=s.mergeProps({ref:P,id:d,className:s.classNames(p.className,C("root",{size:A})),style:p.style},w.getOtherProps(p),I("root"));return b.createElement(b.Fragment,null,b.createElement("div",q,b.createElement(r.Button,y({ref:j,type:"button",className:p.buttonClassName,icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),Z),b.createElement(r.Button,y({type:"button",className:p.menuButtonClassName,icon:function(){var e=s.mergeProps({className:C("icon")},I("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:function(){g?H():R()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?X:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),b.createElement(T,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:X,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},in:g,onEnter:function(){s.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.overlay||f.default.zIndex.overlay),s.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){D(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){s.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:C},J)),M&&b.createElement(a.Tooltip,y({target:P,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));return z.displayName="SplitButton",e.SplitButton=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,o,l,i,u,a,s,c,p){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var b=d(t),f=m(n);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function v(e){return v="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},v(e)}function O(e,t){if("object"!==v(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=O(e,"string");return"symbol"===v(t)?t:String(t)}function h(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,u=[],a=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return u}}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function N(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 S(){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 x(e,t){return P(e)||j(e,t)||N(e,t)||S()}var w=o.ComponentBase.extend({defaultProps:{__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:null,model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,severity:null,rounded:!1,raised:!1,outlined:!1,text:!1,size:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:null,onClick:null,onShow:null,onHide:null,children:void 0},css:{classes:{icon:"p-button-icon p-c",root:function(e){var t,n=e.props,r=e.size;return s.classNames("p-splitbutton p-component",(h(t={"p-disabled":n.disabled,"p-button-loading-label-only":n.loading&&!n.icon&&n.label},"p-button-".concat(n.severity),n.severity),h(t,"p-button-raised",n.raised),h(t,"p-button-rounded",n.rounded),h(t,"p-button-text",n.text),h(t,"p-button-outlined",n.outlined),h(t,"p-button-".concat(r),r),t))},button:"p-splitbutton-defaultbutton",menuButton:"p-splitbutton-menubutton",menu:function(e){return s.classNames("p-menu p-menu-overlay p-component",e.subProps.menuClassName)},menuList:"p-menu-list p-reset",separator:"p-menu-separator",menuIcon:"p-menuitem-icon",menuLabel:"p-menuitem-text",anchor:function(e){return s.classNames("p-menuitem-link",e._className,{"p-disabled":e.disabled})},menuItem:"p-menuitem",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-splitbutton {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-splitbutton .p-splitbutton-defaultbutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n        flex: 1 1 auto;\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n        border-right: 0 none;\n    }\n    \n    .p-splitbutton-menubutton,\n    .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n    .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n    }\n    \n    .p-splitbutton .p-menu {\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-splitbutton  {\n        display: flex;\n    }\n}\n"}});function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=b.memo((function(e){var t,n=e.ptm,r=e.cx,o=function(t,r){return n(t,C({hostName:e.hostName},r))},l=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},i=function(){if(!1===e.menuitem.visible)return null;var t=e.menuitem,n=t.icon,i=t.label,u=t.template,a=t.url,c=t.target,p=s.classNames("p-menuitem-link",t.className,{"p-disabled":t.disabled}),m=s.classNames("p-menuitem-icon",n),d=s.mergeProps({className:r("menuIcon")},o("menuIcon")),f=s.IconUtils.getJSXIcon(n,C({},d),{props:e.splitButtonProps}),y=s.mergeProps({className:r("menuLabel")},o("menuLabel")),v=i&&b.createElement("span",y,i),O=s.mergeProps({href:a||"#",role:"menuitem",className:r("anchor"),target:c,onClick:l,"aria-label":i},o("anchor")),g=b.createElement("a",O,f,v);u&&(g=s.ObjectUtils.getJSXElement(u,e.menuitem,{onClick:l,className:p,labelClassName:"p-menuitem-text",iconClassName:m,element:g,props:e}));var h=s.mergeProps({className:r("menuItem"),role:"none"},o("menuItem"));return b.createElement("li",h,g)};return e.menuitem.separator?(t=s.mergeProps({className:r("separator"),role:"separator"},o("separator")),b.createElement("li",t)):i()}));function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}k.displayName="SplitButtonItem";var T=b.forwardRef((function(e,t){var n,r,o,l=e.ptm,i=e.cx,u=function(t,n){return l(t,D({hostName:e.hostName},n))},a=(n=s.mergeProps({ref:t,className:i("menu",{subProps:e}),style:e.menuStyle,onClick:e.onClick},u("menu")),r=s.mergeProps({id:e.menuId,className:i("menuList"),role:"menu"},u("menuList")),o=s.mergeProps({classNames:i("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},u("transition")),b.createElement(c.CSSTransition,y({nodeRef:t},o),b.createElement("div",n,b.createElement("ul",r,e.children))));return b.createElement(p.Portal,{element:a,appendTo:e.appendTo})}));function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}T.displayName="SplitButtonPanel";var z=b.memo(b.forwardRef((function(e,t){var c=b.useContext(n.PrimeReactContext),p=w.getProps(e,c),m=x(b.useState(p.id),2),d=m[0],v=m[1],O=x(b.useState(!1),2),g=O[0],h=O[1],P=b.useRef(null),j=b.useRef(null),E=b.useRef(null),N={props:p,state:{id:d,overlayVisible:g}},S=w.setMetaData(N),I=S.ptm,C=S.cx;o.useHandleStyle(w.css.styles,S.isUnstyled,{name:"splitbutton"});var B=x(l.useOverlayListener({target:P,overlay:E,listener:function(e,t){t.valid&&H()},when:g}),2),D=B[0],U=B[1],z=function(){H()},R=function(){h(!0)},H=function(){h(!1)},L=function(){s.DomHandler.alignOverlay(E.current,j.current.parentElement,p.appendTo||c&&c.appendTo||f.default.appendTo)};l.useMountEffect((function(){d||v(s.UniqueComponentId())})),l.useUnmountEffect((function(){s.ZIndexUtils.clear(E.current)})),b.useImperativeHandle(t,(function(){return{props:p,show:R,hide:H,getElement:function(){return P.current}}}));if(!1===p.visible)return null;var M=s.ObjectUtils.isNotEmpty(p.tooltip),A={large:"lg",small:"sm"}[p.size],Z=p.buttonTemplate?s.ObjectUtils.getJSXElement(p.buttonTemplate,p):null,J=p.model?p.model.map((function(e,t){return b.createElement(k,{hostName:"SplitButton",splitButtonProps:p,menuitem:e,key:t,onItemClick:z,ptm:I,cx:C})})):null,X=d+"_menu",q=s.mergeProps({ref:P,id:d,className:s.classNames(p.className,C("root",{size:A})),style:p.style},w.getOtherProps(p),I("root"));return b.createElement(b.Fragment,null,b.createElement("div",q,b.createElement(r.Button,y({ref:j,type:"button",className:s.classNames(p.buttonClassName,C("button")),icon:p.icon,loading:p.loading,loadingIcon:p.loadingIcon,severity:p.severity,label:p.label,raised:p.raised,onClick:p.onClick,disabled:p.disabled,tabIndex:p.tabIndex,size:p.size,outlined:p.outlined,text:p.text},p.buttonProps,{pt:I("button"),__parentMetadata:{parent:N},unstyled:p.unstyled}),Z),b.createElement(r.Button,y({type:"button",className:s.classNames(p.menuButtonClassName,C("menuButton")),icon:function(){var e=s.mergeProps({className:C("icon")},I("icon")),t=s.IconUtils.getJSXIcon(p.dropdownIcon||b.createElement(i.ChevronDownIcon,e),_({},e),{props:p});return t},onClick:function(){g?H():R()},disabled:p.disabled,"aria-expanded":g,"aria-haspopup":"true","aria-controls":g?X:null},p.menuButtonProps,{size:p.size,severity:p.severity,outlined:p.outlined,text:p.text,raised:p.raised,pt:I("menuButton"),__parentMetadata:{parent:N},unstyled:p.unstyled})),b.createElement(T,{hostName:"SplitButton",ref:E,appendTo:p.appendTo,menuId:X,menuStyle:p.menuStyle,menuClassName:p.menuClassName,onClick:function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:P.current})},in:g,onEnter:function(){s.ZIndexUtils.set("overlay",E.current,c&&c.autoZIndex||f.default.autoZIndex,c&&c.zIndex.overlay||f.default.zIndex.overlay),s.DomHandler.addStyles(E.current,{position:"absolute",top:"0",left:"0"}),L()},onEntered:function(){D(),p.onShow&&p.onShow()},onExit:function(){U()},onExited:function(){s.ZIndexUtils.clear(E.current),p.onHide&&p.onHide()},transitionOptions:p.transitionOptions,ptm:I,cx:C},J)),M&&b.createElement(a.Tooltip,y({target:P,content:p.tooltip},p.tooltipOptions,{pt:I("tooltip")})))})));return z.displayName="SplitButton",e.SplitButton=z,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.componentbase,primereact.hooks,primereact.icons.chevrondown,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/splitter/splitter.cjs.js

@@ -460,6 +460,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     var rootProps = utils.mergeProps({
       key: index,
+      id: getPanelProp(panel, 'id'),
       className: panelClassName,
       style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis

package/splitter/splitter.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"),l=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 o=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,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 a(e){if(Array.isArray(e))return s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){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 d(e){return d="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},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return y(e)||h(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),z=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function O(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=m(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},j=o.memo(o.forwardRef((function(e,i){var s=o.useContext(t.PrimeReactContext),d=S.getProps(e,s),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),b=o.useRef(null),O=o.useRef(null),P=o.useRef(null),j=o.useRef(null),E=o.useRef(null),x=o.useRef(null),D=o.useRef(null),H=o.useRef(null),C=o.useRef(null),N=v(o.useState([]),2),R=N[0],A=N[1],I=v(o.useState(!1),2),T=I[0],_=I[1],k=null!=d.stateKey,L=d.children&&d.children.length||1,M=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/L},U={props:d,state:{panelSizes:R,nested:!0===l.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},Y=S.setMetaData(w({},U)),q=Y.ptm,B=Y.cx,K=Y.isUnstyled;r.useHandleStyle(S.css.styles,K,{name:"splitter"});var X=v(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),W=X[0],J=X[1],F=v(n.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),$=F[0],G=F[1],Q=function(){J(),G()},V=function(e,t){return z.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[C.current].props&&d.children[C.current].props.minSize&&d.children[C.current].props.minSize>e)&&!(d.children[C.current+1].props&&d.children[C.current+1].props.minSize&&d.children[C.current+1].props.minSize>t)))},ee=o.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),te=function(e){ee().setItem(d.stateKey,JSON.stringify(e))},re=o.useCallback((function(){var e=ee().getItem(d.stateKey);e&&A(JSON.parse(e))}),[ee,d.stateKey]),ne=function(e,t){m.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===d.layout?l.DomHandler.getWidth(g.current):l.DomHandler.getHeight(g.current),b.current=!0,O.current="horizontal"===d.layout?r:n,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,E.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(P.current,!0):l.DomHandler.getOuterHeight(P.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!K()&&l.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!K()&&l.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===d.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*O.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*O.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,P.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!K()&&l.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!1),!K()&&l.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,O.current=null,P.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),W(),$()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};o.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,a(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!K()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),B("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:B("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),i=l.mergeProps({className:B("gutterHandler")},q("gutterHandler")),u=t!==d.children.length-1&&o.createElement("div",n,o.createElement("div",i)),s="calc("+M(R,t)+"% - "+(L-1)*d.gutterSize+"px)",a=l.mergeProps({key:t,className:r,style:w(w({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",a,V(e,"children")),u)},pe=l.mergeProps({id:d.id,style:d.style,className:l.classNames(d.className,B("root")),"data-p-splitter-resizing":!1},S.getOtherProps(d),q("root")),fe=o.Children.map(d.children,ce);return o.createElement("div",u({ref:g},pe),fe)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;
+"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 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 o=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,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 a(e){if(Array.isArray(e))return s(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function f(){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 d(e){return d="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},d(e)}function g(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=g(e,"string");return"symbol"===d(t)?t:String(t)}function y(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,i,o,u=[],s=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=i.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,l=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw l}}return u}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return y(e)||h(e,t)||p(e,t)||b()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),z=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,z.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,z.defaultProps)}});function O(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 w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=m(l=t))in n?Object.defineProperty(n,l,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[l]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},j=o.memo(o.forwardRef((function(e,i){var s=o.useContext(t.PrimeReactContext),d=S.getProps(e,s),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),b=o.useRef(null),O=o.useRef(null),P=o.useRef(null),j=o.useRef(null),E=o.useRef(null),x=o.useRef(null),D=o.useRef(null),H=o.useRef(null),C=o.useRef(null),N=v(o.useState([]),2),R=N[0],A=N[1],I=v(o.useState(!1),2),T=I[0],_=I[1],k=null!=d.stateKey,L=d.children&&d.children.length||1,M=function(e,t){return t in e?e[t]:d.children&&[].concat(d.children)[t].props.size||100/L},U={props:d,state:{panelSizes:R,nested:!0===l.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},Y=S.setMetaData(w({},U)),q=Y.ptm,B=Y.cx,K=Y.isUnstyled;r.useHandleStyle(S.css.styles,K,{name:"splitter"});var X=v(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),W=X[0],J=X[1],F=v(n.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),$=F[0],G=F[1],Q=function(){J(),G()},V=function(e,t){return z.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(d.children[C.current].props&&d.children[C.current].props.minSize&&d.children[C.current].props.minSize>e)&&!(d.children[C.current+1].props&&d.children[C.current+1].props.minSize&&d.children[C.current+1].props.minSize>t)))},ee=o.useCallback((function(){switch(d.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(d.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[d.stateStorage]),te=function(e){ee().setItem(d.stateKey,JSON.stringify(e))},re=o.useCallback((function(){var e=ee().getItem(d.stateKey);e&&A(JSON.parse(e))}),[ee,d.stateKey]),ne=function(e,t){m.current=y.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;h.current="horizontal"===d.layout?l.DomHandler.getWidth(g.current):l.DomHandler.getHeight(g.current),b.current=!0,O.current="horizontal"===d.layout?r:n,P.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,E.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(P.current,!0):l.DomHandler.getOuterHeight(P.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===d.layout?l.DomHandler.getOuterWidth(j.current,!0):l.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!K()&&l.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!K()&&l.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===d.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*O.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*O.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,P.current.style.flexBasis="calc("+r+"% - "+(d.children.length-1)*d.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(d.children.length-1)*d.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<d.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,d.onResizeEnd&&d.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!K()&&l.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!1),!K()&&l.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,O.current=null,P.current=null,j.current=null,E.current=null,x.current=null,D.current=null,H.current=null,C.current=null},oe=function(e,t){ne(e,t),W(),$()},ue=function(e,t){ne(e,t),window.addEventListener("touchmove",se,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ae)},se=function(e){le(e)},ae=function e(t){ie(t),window.removeEventListener("touchmove",se),window.removeEventListener("touchend",e)};o.useImperativeHandle(i,(function(){return{props:d,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,a(e)||c(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===l.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.ObjectUtils.isNotEmpty(l.DomHandler.find(e,"[data-pc-name='splitter']")&&l.DomHandler.find(e,"[data-pc-section='root']"))&&(!K()&&l.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=l.classNames(V(e,"className"),B("panel.root")),n=l.mergeProps({ref:function(e){return y.current[t]=e},className:B("gutter"),style:"horizontal"===d.layout?{width:d.gutterSize+"px"}:{height:d.gutterSize+"px"},onMouseDown:function(e){return oe(e,t)},onTouchStart:function(e){return ue(e,t)},onTouchMove:function(e){return se(e)},onTouchEnd:function(e){return ae(e)},"data-p-splitter-gutter-resizing":!1},q("gutter")),i=l.mergeProps({className:B("gutterHandler")},q("gutterHandler")),u=t!==d.children.length-1&&o.createElement("div",n,o.createElement("div",i)),s="calc("+M(R,t)+"% - "+(L-1)*d.gutterSize+"px)",a=l.mergeProps({key:t,id:V(e,"id"),className:r,style:w(w({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},q("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",a,V(e,"children")),u)},pe=l.mergeProps({id:d.id,style:d.style,className:l.classNames(d.className,B("root")),"data-p-splitter-resizing":!1},S.getOtherProps(d),q("root")),fe=o.Children.map(d.children,ce);return o.createElement("div",u({ref:g},pe),fe)})));P.displayName="SplitterPanel",j.displayName="Splitter",exports.Splitter=j,exports.SplitterPanel=P;

package/splitter/splitter.esm.js

@@ -436,6 +436,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     var rootProps = mergeProps({
       key: index,
+      id: getPanelProp(panel, 'id'),
       className: panelClassName,
       style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{ObjectUtils as l,classNames as o,DomHandler as u,mergeProps as s}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="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},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function S(){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 z(e,t){return v(e)||b(e,t)||d(e,t)||S()}var w=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=h(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,c){var m=e.useContext(t),y=w.getProps(r,m),h=e.useRef(null),v=e.useRef(),b=e.useRef({}),S=e.useRef(null),P=e.useRef(null),x=e.useRef(null),j=e.useRef(null),C=e.useRef(null),R=e.useRef(null),A=e.useRef(null),N=e.useRef(null),I=e.useRef(null),T=e.useRef(null),D=z(e.useState([]),2),H=D[0],k=D[1],Y=z(e.useState(!1),2),K=Y[0],L=Y[1],M=null!=y.stateKey,X=y.children&&y.children.length||1,_=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/X},B={props:y,state:{panelSizes:H,nested:!0===u.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},B)),J=W.ptm,U=W.cx,F=W.isUnstyled;n(w.css.styles,F,{name:"splitter"});var $=z(i({type:"mousemove",listener:function(e){return ue(e)}}),2),q=$[0],G=$[1],Q=z(i({type:"mouseup",listener:function(e){se(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[T.current].props&&y.children[T.current].props.minSize&&y.children[T.current].props.minSize>e)&&!(y.children[T.current+1].props&&y.children[T.current+1].props.minSize&&y.children[T.current+1].props.minSize>t)))},ne=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),ie=function(e){ne().setItem(y.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ne().getItem(y.stateKey);e&&k(JSON.parse(e))}),[ne,y.stateKey]),oe=function(e,t){v.current=b.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;S.current="horizontal"===y.layout?u.getWidth(h.current):u.getHeight(h.current),P.current=!0,x.current="horizontal"===y.layout?r:n,j.current=v.current.previousElementSibling,C.current=v.current.nextElementSibling,R.current=100*("horizontal"===y.layout?u.getOuterWidth(j.current,!0):u.getOuterHeight(j.current,!0))/S.current,A.current=R.current,N.current=100*("horizontal"===y.layout?u.getOuterWidth(C.current,!0):u.getOuterHeight(C.current,!0))/S.current,I.current=N.current,T.current=t,!F()&&u.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ue=function(e){var t,r=R.current+(t="horizontal"===y.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*x.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*x.current/S.current),n=N.current-t;re(r,n)&&(A.current=r,I.current=n,j.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",C.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)")},se=function(e){k((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=_(t,n);return r[T.current]=A.current,r[T.current+1]=I.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),M&&ie(r),r})),!F()&&u.removeClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!1),!F()&&u.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),P.current=!1,S.current=null,x.current=null,j.current=null,C.current=null,R.current=null,A.current=null,N.current=null,I.current=null,T.current=null},ae=function(e,t){oe(e,t),q(),V()},ce=function(e,t){oe(e,t),window.addEventListener("touchmove",pe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",fe)},pe=function(e){ue(e)},fe=function e(t){se(t),window.removeEventListener("touchmove",pe),window.removeEventListener("touchend",e)};e.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return h.current}}})),e.useEffect((function(){var e;(e=h.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===u.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.isNotEmpty(u.find(e,"[data-pc-name='splitter']")&&u.find(e,"[data-pc-section='root']"))&&(!F()&&u.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),L(!0))}))}),[]),e.useEffect((function(){M&&le()}),[le,M]);var de=function(t,r){var n=o(te(t,"className"),U("panel.root")),i=s({ref:function(e){return b.current[r]=e},className:U("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ae(e,r)},onTouchStart:function(e){return ce(e,r)},onTouchMove:function(e){return pe(e)},onTouchEnd:function(e){return fe(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),l=s({className:U("gutterHandler")},J("gutterHandler")),u=r!==y.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+_(H,r)+"% - "+(X-1)*y.gutterSize+"px)",c=s({key:r,className:n,style:E(E({},te(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:K}}));return e.createElement(e.Fragment,null,e.createElement("div",c,te(t,"children")),u)},ge=s({id:y.id,style:y.style,className:o(y.className,U("root")),"data-p-splitter-resizing":!1},w.getOtherProps(y),J("root")),me=e.Children.map(y.children,de);return e.createElement("div",a({ref:h},ge),me)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as i}from"primereact/hooks";import{ObjectUtils as l,classNames as o,DomHandler as u,mergeProps as s}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="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},m(e)}function y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function h(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,l,o,u=[],s=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=l.call(r)).done)&&(u.push(n.value),u.length!==t);s=!0);}catch(e){a=!0,i=e}finally{try{if(!s&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw i}}return u}}function S(){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 z(e,t){return v(e)||b(e,t)||d(e,t)||S()}var w=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n    \n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n    \n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n    \n    .p-splitter-panel-nested {\n        display: flex;\n    }\n    \n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n    \n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n    \n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n    \n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n    \n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n    \n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)}});function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){var n,i,l;n=e,l=r[t],(i=h(i=t))in n?Object.defineProperty(n,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):n[i]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,c){var m=e.useContext(t),y=w.getProps(r,m),h=e.useRef(null),v=e.useRef(),b=e.useRef({}),S=e.useRef(null),P=e.useRef(null),x=e.useRef(null),j=e.useRef(null),C=e.useRef(null),R=e.useRef(null),A=e.useRef(null),N=e.useRef(null),I=e.useRef(null),T=e.useRef(null),D=z(e.useState([]),2),H=D[0],k=D[1],Y=z(e.useState(!1),2),K=Y[0],L=Y[1],M=null!=y.stateKey,X=y.children&&y.children.length||1,_=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/X},B={props:y,state:{panelSizes:H,nested:!0===u.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},B)),J=W.ptm,U=W.cx,F=W.isUnstyled;n(w.css.styles,F,{name:"splitter"});var $=z(i({type:"mousemove",listener:function(e){return ue(e)}}),2),q=$[0],G=$[1],Q=z(i({type:"mouseup",listener:function(e){se(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return O.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[T.current].props&&y.children[T.current].props.minSize&&y.children[T.current].props.minSize>e)&&!(y.children[T.current+1].props&&y.children[T.current+1].props.minSize&&y.children[T.current+1].props.minSize>t)))},ne=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),ie=function(e){ne().setItem(y.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ne().getItem(y.stateKey);e&&k(JSON.parse(e))}),[ne,y.stateKey]),oe=function(e,t){v.current=b.current[t];var r="touchstart"===e.type?e.touches[0].pageX:e.pageX,n="touchstart"===e.type?e.touches[0].pageY:e.pageY;S.current="horizontal"===y.layout?u.getWidth(h.current):u.getHeight(h.current),P.current=!0,x.current="horizontal"===y.layout?r:n,j.current=v.current.previousElementSibling,C.current=v.current.nextElementSibling,R.current=100*("horizontal"===y.layout?u.getOuterWidth(j.current,!0):u.getOuterHeight(j.current,!0))/S.current,A.current=R.current,N.current=100*("horizontal"===y.layout?u.getOuterWidth(C.current,!0):u.getOuterHeight(C.current,!0))/S.current,I.current=N.current,T.current=t,!F()&&u.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ue=function(e){var t,r=R.current+(t="horizontal"===y.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/S.current-100*x.current/S.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/S.current-100*x.current/S.current),n=N.current-t;re(r,n)&&(A.current=r,I.current=n,j.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",C.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)")},se=function(e){k((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=_(t,n);return r[T.current]=A.current,r[T.current+1]=I.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),M&&ie(r),r})),!F()&&u.removeClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!1),!F()&&u.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),P.current=!1,S.current=null,x.current=null,j.current=null,C.current=null,R.current=null,A.current=null,N.current=null,I.current=null,T.current=null},ae=function(e,t){oe(e,t),q(),V()},ce=function(e,t){oe(e,t),window.addEventListener("touchmove",pe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",fe)},pe=function(e){ue(e)},fe=function e(t){se(t),window.removeEventListener("touchmove",pe),window.removeEventListener("touchend",e)};e.useImperativeHandle(c,(function(){return{props:y,getElement:function(){return h.current}}})),e.useEffect((function(){var e;(e=h.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===u.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&l.isNotEmpty(u.find(e,"[data-pc-name='splitter']")&&u.find(e,"[data-pc-section='root']"))&&(!F()&&u.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),L(!0))}))}),[]),e.useEffect((function(){M&&le()}),[le,M]);var de=function(t,r){var n=o(te(t,"className"),U("panel.root")),i=s({ref:function(e){return b.current[r]=e},className:U("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ae(e,r)},onTouchStart:function(e){return ce(e,r)},onTouchMove:function(e){return pe(e)},onTouchEnd:function(e){return fe(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),l=s({className:U("gutterHandler")},J("gutterHandler")),u=r!==y.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+_(H,r)+"% - "+(X-1)*y.gutterSize+"px)",c=s({key:r,id:te(t,"id"),className:n,style:E(E({},te(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:K}}));return e.createElement(e.Fragment,null,e.createElement("div",c,te(t,"children")),u)},ge=s({id:y.id,style:y.style,className:o(y.className,U("root")),"data-p-splitter-resizing":!1},w.getOtherProps(y),J("root")),me=e.Children.map(y.children,de);return e.createElement("div",a({ref:h},ge),me)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};

package/splitter/splitter.js

@@ -453,6 +453,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
       var rootProps = utils.mergeProps({
         key: index,
+        id: getPanelProp(panel, 'id'),
         className: panelClassName,
         style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
           flexBasis: flexBasis