primereact 10.0.7 → 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/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

package/splitter/splitter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,l,i){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=o(t);function s(){return s=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},s.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function d(){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 g(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 y(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function h(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,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 v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||b(e,t)||f(e,t)||v()}var z=n.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 i.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"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function w(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 P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=y(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)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},E=u.memo(u.forwardRef((function(e,t){var o=u.useContext(r.PrimeReactContext),a=z.getProps(e,o),m=u.useRef(null),g=u.useRef(),y=u.useRef({}),h=u.useRef(null),b=u.useRef(null),v=u.useRef(null),w=u.useRef(null),j=u.useRef(null),E=u.useRef(null),x=u.useRef(null),D=u.useRef(null),H=u.useRef(null),C=u.useRef(null),R=S(u.useState([]),2),N=R[0],A=R[1],I=S(u.useState(!1),2),T=I[0],_=I[1],k=null!=a.stateKey,L=a.children&&a.children.length||1,M=function(e,t){return t in e?e[t]:a.children&&[].concat(a.children)[t].props.size||100/L},U={props:a,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},Y=z.setMetaData(P({},U)),B=Y.ptm,K=Y.cx,X=Y.isUnstyled;n.useHandleStyle(z.css.styles,X,{name:"splitter"});var W=S(l.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=W[0],F=W[1],$=S(l.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),q=$[0],G=$[1],Q=function(){F(),G()},V=function(e,t){return O.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(a.children[C.current].props&&a.children[C.current].props.minSize&&a.children[C.current].props.minSize>e)&&!(a.children[C.current+1].props&&a.children[C.current+1].props.minSize&&a.children[C.current+1].props.minSize>t)))},ee=u.useCallback((function(){switch(a.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(a.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[a.stateStorage]),te=function(e){ee().setItem(a.stateKey,JSON.stringify(e))},re=u.useCallback((function(){var e=ee().getItem(a.stateKey);e&&A(JSON.parse(e))}),[ee,a.stateKey]),ne=function(e,t){g.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"===a.layout?i.DomHandler.getWidth(m.current):i.DomHandler.getHeight(m.current),b.current=!0,v.current="horizontal"===a.layout?r:n,w.current=g.current.previousElementSibling,j.current=g.current.nextElementSibling,E.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(w.current,!0):i.DomHandler.getOuterHeight(w.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!X()&&i.DomHandler.addClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===a.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*v.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*v.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,w.current.style.flexBasis="calc("+r+"% - "+(a.children.length-1)*a.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(a.children.length-1)*a.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<a.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,a.onResizeEnd&&a.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!X()&&i.DomHandler.removeClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!1),!X()&&i.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,v.current=null,w.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),J(),q()},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)};u.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return m.current}}})),u.useEffect((function(){var e;(e=m.current.children,c(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),u.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=i.classNames(V(e,"className"),K("panel.root")),n=i.mergeProps({ref:function(e){return y.current[t]=e},className:K("gutter"),style:"horizontal"===a.layout?{width:a.gutterSize+"px"}:{height:a.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},B("gutter")),l=i.mergeProps({className:K("gutterHandler")},B("gutterHandler")),o=t!==a.children.length-1&&u.createElement("div",n,u.createElement("div",l)),s="calc("+M(N,t)+"% - "+(L-1)*a.gutterSize+"px)",c=i.mergeProps({key:t,className:r,style:P(P({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:T}}));return u.createElement(u.Fragment,null,u.createElement("div",c,V(e,"children")),o)},pe=i.mergeProps({id:a.id,style:a.style,className:i.classNames(a.className,K("root")),"data-p-splitter-resizing":!1},z.getOtherProps(a),B("root")),fe=u.Children.map(a.children,ce);return u.createElement("div",s({ref:m},pe),fe)})));return j.displayName="SplitterPanel",E.displayName="Splitter",e.Splitter=E,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,l,i){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=o(t);function s(){return s=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},s.apply(this,arguments)}function a(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 c(e){if(Array.isArray(e))return a(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return a(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)?a(e,t):void 0}}function d(){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 g(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 y(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function h(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,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 v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function S(e,t){return h(e)||b(e,t)||f(e,t)||v()}var z=n.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 i.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"}}),O=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.defaultProps)}});function w(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 P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){var n,l,i;n=e,i=r[t],(l=y(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)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},E=u.memo(u.forwardRef((function(e,t){var o=u.useContext(r.PrimeReactContext),a=z.getProps(e,o),m=u.useRef(null),g=u.useRef(),y=u.useRef({}),h=u.useRef(null),b=u.useRef(null),v=u.useRef(null),w=u.useRef(null),j=u.useRef(null),E=u.useRef(null),x=u.useRef(null),D=u.useRef(null),H=u.useRef(null),C=u.useRef(null),R=S(u.useState([]),2),N=R[0],A=R[1],I=S(u.useState(!1),2),T=I[0],_=I[1],k=null!=a.stateKey,L=a.children&&a.children.length||1,M=function(e,t){return t in e?e[t]:a.children&&[].concat(a.children)[t].props.size||100/L},U={props:a,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},Y=z.setMetaData(P({},U)),B=Y.ptm,K=Y.cx,X=Y.isUnstyled;n.useHandleStyle(z.css.styles,X,{name:"splitter"});var W=S(l.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=W[0],F=W[1],$=S(l.useEventListener({type:"mouseup",listener:function(e){ie(e),Q()}}),2),q=$[0],G=$[1],Q=function(){F(),G()},V=function(e,t){return O.getCProp(e,t)},Z=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(a.children[C.current].props&&a.children[C.current].props.minSize&&a.children[C.current].props.minSize>e)&&!(a.children[C.current+1].props&&a.children[C.current+1].props.minSize&&a.children[C.current+1].props.minSize>t)))},ee=u.useCallback((function(){switch(a.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(a.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[a.stateStorage]),te=function(e){ee().setItem(a.stateKey,JSON.stringify(e))},re=u.useCallback((function(){var e=ee().getItem(a.stateKey);e&&A(JSON.parse(e))}),[ee,a.stateKey]),ne=function(e,t){g.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"===a.layout?i.DomHandler.getWidth(m.current):i.DomHandler.getHeight(m.current),b.current=!0,v.current="horizontal"===a.layout?r:n,w.current=g.current.previousElementSibling,j.current=g.current.nextElementSibling,E.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(w.current,!0):i.DomHandler.getOuterHeight(w.current,!0))/h.current,x.current=E.current,D.current=100*("horizontal"===a.layout?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/h.current,H.current=D.current,C.current=t,!X()&&i.DomHandler.addClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r=E.current+(t="horizontal"===a.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*v.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*v.current/h.current),n=D.current-t;Z(r,n)&&(x.current=r,H.current=n,w.current.style.flexBasis="calc("+r+"% - "+(a.children.length-1)*a.gutterSize+"px)",j.current.style.flexBasis="calc("+n+"% - "+(a.children.length-1)*a.gutterSize+"px)")},ie=function(e){A((function(t){for(var r=[],n=0;n<a.children.length;n++)r[n]=M(t,n);return r[C.current]=x.current,r[C.current+1]=H.current,a.onResizeEnd&&a.onResizeEnd({originalEvent:e,sizes:r}),k&&te(r),r})),!X()&&i.DomHandler.removeClass(g.current,"p-splitter-gutter-resizing"),g.current.setAttribute("data-p-splitter-gutter-resizing",!1),!X()&&i.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,h.current=null,v.current=null,w.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),J(),q()},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)};u.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return m.current}}})),u.useEffect((function(){var e;(e=m.current.children,c(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e){e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),u.useEffect((function(){k&&re()}),[re,k]);var ce=function(e,t){var r=i.classNames(V(e,"className"),K("panel.root")),n=i.mergeProps({ref:function(e){return y.current[t]=e},className:K("gutter"),style:"horizontal"===a.layout?{width:a.gutterSize+"px"}:{height:a.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},B("gutter")),l=i.mergeProps({className:K("gutterHandler")},B("gutterHandler")),o=t!==a.children.length-1&&u.createElement("div",n,u.createElement("div",l)),s="calc("+M(N,t)+"% - "+(L-1)*a.gutterSize+"px)",c=i.mergeProps({key:t,id:V(e,"id"),className:r,style:P(P({},V(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:T}}));return u.createElement(u.Fragment,null,u.createElement("div",c,V(e,"children")),o)},pe=i.mergeProps({id:a.id,style:a.style,className:i.classNames(a.className,K("root")),"data-p-splitter-resizing":!1},z.getOtherProps(a),B("root")),fe=u.Children.map(a.children,ce);return u.createElement("div",s({ref:m},pe),fe)})));return j.displayName="SplitterPanel",E.displayName="Splitter",e.Splitter=E,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/web-types.json

@@ -2,7 +2,7 @@
     "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
     "framework": "react",
     "name": "PrimeReact",
-    "version": "10.0.7",
+    "version": "10.0.8",
     "contributions": {
         "html": {
             "types-syntax": "typescript",