primereact 8.7.1 → 8.7.3

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(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=n(e);function l(){return l=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},l.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(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 i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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 f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return l}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||d(e,t)||s(e,t)||m()}function y(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=function(){},b=u.memo(u.forwardRef((function(e,n){var o=u.useRef(null),i=u.useRef(),f=u.useRef({}),d=u.useRef(null),m=u.useRef(null),y=u.useRef(null),O=u.useRef(null),S=u.useRef(null),w=u.useRef(null),E=u.useRef(null),z=u.useRef(null),j=u.useRef(null),P=u.useRef(null),D=h(u.useState([]),2),H=D[0],R=D[1],N=null!=e.stateKey,x=e.children&&e.children.length,C=function(t,r){return r in t?t[r]:e.children[r].props.size||100/x},A=h(t.useEventListener({type:"mousemove",listener:function(e){return B(e)}}),2),I=A[0],_=A[1],K=h(t.useEventListener({type:"mouseup",listener:function(e){W(e),L()}}),2),T=K[0],k=K[1],L=function(){_(),k()},Y=function(t,r){return!(t>100||t<0)&&(!(r>100||r<0)&&(!(e.children[P.current].props&&e.children[P.current].props.minSize&&e.children[P.current].props.minSize>t)&&!(e.children[P.current+1].props&&e.children[P.current+1].props.minSize&&e.children[P.current+1].props.minSize>r)))},M=u.useCallback((function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[e.stateStorage]),U=function(t){M().setItem(e.stateKey,JSON.stringify(t))},X=u.useCallback((function(){var t=M().getItem(e.stateKey);t&&R(JSON.parse(t))}),[M,e.stateKey]),q=function(t,n){i.current=f.current[n];var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,l="touchstart"===t.type?t.touches[0].pageY:t.pageY;d.current="horizontal"===e.layout?r.DomHandler.getWidth(o.current):r.DomHandler.getHeight(o.current),m.current=!0,y.current="horizontal"===e.layout?u:l,O.current=i.current.previousElementSibling,S.current=i.current.nextElementSibling,w.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(O.current,!0):r.DomHandler.getOuterHeight(O.current,!0))/d.current,E.current=w.current,z.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(S.current,!0):r.DomHandler.getOuterHeight(S.current,!0))/d.current,j.current=z.current,P.current=n,r.DomHandler.addClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(o.current,"p-splitter-resizing")},B=function(t){var r,n=w.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/d.current-100*y.current/d.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/d.current-100*y.current/d.current),u=z.current-r;Y(n,u)&&(E.current=n,j.current=u,O.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",S.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)")},W=function(t){R((function(r){for(var n=[],u=0;u<e.children.length;u++)n[u]=C(r,u);return n[P.current]=E.current,n[P.current+1]=j.current,e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:n}),N&&U(n),n})),r.DomHandler.removeClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(o.current,"p-splitter-resizing"),m.current=!1,d.current=null,y.current=null,O.current=null,S.current=null,w.current=null,E.current=null,z.current=null,j.current=null,P.current=null},J=function(e,t){q(e,t),I(),T()},F=function(e,t){q(e,t),window.addEventListener("touchmove",$,{passive:!1,cancelable:!1}),window.addEventListener("touchend",G)},$=function(e){B(e)},G=function e(t){W(t),window.removeEventListener("touchmove",$),window.removeEventListener("touchend",e)};u.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return o.current}}})),u.useEffect((function(){var e;(e=o.current.children,c(e)||a(e)||s(e)||p()).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")}))}),[]),u.useEffect((function(){N&&X()}),[X,N]);var Q=function(t,n){var o=r.ObjectUtils.findDiffKeys(t.props,v.defaultProps),i=r.classNames("p-splitter-panel",t.props.className),c=n!==e.children.length-1&&u.createElement("div",{ref:function(e){return f.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return J(e,n)},onTouchStart:function(e){return F(e,n)},onTouchMove:function(e){return $(e)},onTouchEnd:function(e){return G(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"})),a="calc("+C(H,n)+"% - "+(x-1)*e.gutterSize+"px)";return u.createElement(u.Fragment,null,u.createElement("div",l({key:n,className:i,style:g(g({},t.props.style),{},{flexBasis:a})},o),t.props.children),c)},V=r.ObjectUtils.findDiffKeys(e,b.defaultProps),Z=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),ee=u.Children.map(e.children,Q);return u.createElement("div",l({ref:o,id:e.id,className:Z,style:e.style},V),ee)})));v.displayName="SplitterPanel",v.defaultProps={__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null},b.displayName="Splitter",b.defaultProps={__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null},exports.Splitter=b,exports.SplitterPanel=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/hooks"),r=require("primereact/utils");function n(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=n(e);function l(){return l=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},l.apply(this,arguments)}function o(e){return o="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},o(e)}function i(e,t){if("object"!==o(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=i(e,"string");return"symbol"===o(t)?t:String(t)}function a(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 f(e){if(Array.isArray(e))return s(e)}function p(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 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 m(){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 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,u,l,o,i=[],c=!0,a=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(a)throw u}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e,t){return y(e)||h(e,t)||d(e,t)||g()}function v(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 S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=function(){},w=u.memo(u.forwardRef((function(e,n){var o=u.useRef(null),i=u.useRef(),c=u.useRef({}),a=u.useRef(null),s=u.useRef(null),y=u.useRef(null),h=u.useRef(null),g=u.useRef(null),v=u.useRef(null),j=u.useRef(null),E=u.useRef(null),z=u.useRef(null),P=u.useRef(null),D=b(u.useState([]),2),H=D[0],N=D[1],R=null!=e.stateKey,x=e.children&&e.children.length||1,C=function(t,r){return r in t?t[r]:e.children&&[].concat(e.children)[r].props.size||100/x},A=b(t.useEventListener({type:"mousemove",listener:function(e){return B(e)}}),2),I=A[0],T=A[1],_=b(t.useEventListener({type:"mouseup",listener:function(e){W(e),L()}}),2),K=_[0],k=_[1],L=function(){T(),k()},Y=function(t,r){return!(t>100||t<0)&&(!(r>100||r<0)&&(!(e.children[P.current].props&&e.children[P.current].props.minSize&&e.children[P.current].props.minSize>t)&&!(e.children[P.current+1].props&&e.children[P.current+1].props.minSize&&e.children[P.current+1].props.minSize>r)))},M=u.useCallback((function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[e.stateStorage]),U=function(t){M().setItem(e.stateKey,JSON.stringify(t))},X=u.useCallback((function(){var t=M().getItem(e.stateKey);t&&N(JSON.parse(t))}),[M,e.stateKey]),q=function(t,n){i.current=c.current[n];var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,l="touchstart"===t.type?t.touches[0].pageY:t.pageY;a.current="horizontal"===e.layout?r.DomHandler.getWidth(o.current):r.DomHandler.getHeight(o.current),s.current=!0,y.current="horizontal"===e.layout?u:l,h.current=i.current.previousElementSibling,g.current=i.current.nextElementSibling,v.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(h.current,!0):r.DomHandler.getOuterHeight(h.current,!0))/a.current,j.current=v.current,E.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(g.current,!0):r.DomHandler.getOuterHeight(g.current,!0))/a.current,z.current=E.current,P.current=n,r.DomHandler.addClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(o.current,"p-splitter-resizing")},B=function(t){var r,n=v.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/a.current-100*y.current/a.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/a.current-100*y.current/a.current),u=E.current-r;Y(n,u)&&(j.current=n,z.current=u,h.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",g.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)")},W=function(t){N((function(r){for(var n=[],u=0;u<e.children.length;u++)n[u]=C(r,u);return n[P.current]=j.current,n[P.current+1]=z.current,e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:n}),R&&U(n),n})),r.DomHandler.removeClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(o.current,"p-splitter-resizing"),s.current=!1,a.current=null,y.current=null,h.current=null,g.current=null,v.current=null,j.current=null,E.current=null,z.current=null,P.current=null},J=function(e,t){q(e,t),I(),K()},F=function(e,t){q(e,t),window.addEventListener("touchmove",$,{passive:!1,cancelable:!1}),window.addEventListener("touchend",G)},$=function(e){B(e)},G=function e(t){W(t),window.removeEventListener("touchmove",$),window.removeEventListener("touchend",e)};u.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return o.current}}})),u.useEffect((function(){var e;(e=o.current.children,f(e)||p(e)||d(e)||m()).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")}))}),[]),u.useEffect((function(){R&&X()}),[X,R]);var Q=function(t,n){var o=r.ObjectUtils.findDiffKeys(t.props,O.defaultProps),i=r.classNames("p-splitter-panel",t.props.className),a=n!==e.children.length-1&&u.createElement("div",{ref:function(e){return c.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return J(e,n)},onTouchStart:function(e){return F(e,n)},onTouchMove:function(e){return $(e)},onTouchEnd:function(e){return G(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"})),s="calc("+C(H,n)+"% - "+(x-1)*e.gutterSize+"px)";return u.createElement(u.Fragment,null,u.createElement("div",l({key:n,className:i,style:S(S({},t.props.style),{},{flexBasis:s})},o),t.props.children),a)},V=r.ObjectUtils.findDiffKeys(e,w.defaultProps),Z=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),ee=u.Children.map(e.children,Q);return u.createElement("div",l({ref:o,id:e.id,className:Z,style:e.style},V),ee)})));O.displayName="SplitterPanel",O.defaultProps={__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null},w.displayName="Splitter",w.defaultProps={__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null},exports.Splitter=w,exports.SplitterPanel=O;

package/splitter/splitter.esm.js

@@ -6,20 +6,45 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -30,17 +55,14 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -74,33 +96,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -112,7 +134,6 @@ function _slicedToArray(arr, i) {
 }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -129,65 +150,53 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var nextPanelSize = React.useRef(null);
   var nextPanelSizeNew = React.useRef(null);
   var prevPanelIndex = React.useRef(null);
-
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      panelSizes = _React$useState2[0],
-      setPanelSizes = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    panelSizes = _React$useState2[0],
+    setPanelSizes = _React$useState2[1];
   var isStateful = props.stateKey != null;
-  var childrenLength = props.children && props.children.length;
-
+  var childrenLength = props.children && props.children.length || 1;
   var panelSize = function panelSize(sizes, index) {
-    return index in sizes ? sizes[index] : props.children[index].props.size || 100 / childrenLength;
+    return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
   };
-
   var _useEventListener = useEventListener({
-    type: 'mousemove',
-    listener: function listener(event) {
-      return onResize(event);
-    }
-  }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentMouseMoveListener = _useEventListener2[0],
-      unbindDocumentMouseMoveListener = _useEventListener2[1];
-
+      type: 'mousemove',
+      listener: function listener(event) {
+        return onResize(event);
+      }
+    }),
+    _useEventListener2 = _slicedToArray(_useEventListener, 2),
+    bindDocumentMouseMoveListener = _useEventListener2[0],
+    unbindDocumentMouseMoveListener = _useEventListener2[1];
   var _useEventListener3 = useEventListener({
-    type: 'mouseup',
-    listener: function listener(event) {
-      onResizeEnd(event);
-      unbindMouseListeners();
-    }
-  }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindDocumentMouseUpListener = _useEventListener4[0],
-      unbindDocumentMouseUpListener = _useEventListener4[1];
-
+      type: 'mouseup',
+      listener: function listener(event) {
+        onResizeEnd(event);
+        unbindMouseListeners();
+      }
+    }),
+    _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+    bindDocumentMouseUpListener = _useEventListener4[0],
+    unbindDocumentMouseUpListener = _useEventListener4[1];
   var bindMouseListeners = function bindMouseListeners() {
     bindDocumentMouseMoveListener();
     bindDocumentMouseUpListener();
   };
-
   var unbindMouseListeners = function unbindMouseListeners() {
     unbindDocumentMouseMoveListener();
     unbindDocumentMouseUpListener();
   };
-
   var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
     if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
     if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
-
     if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
       return false;
     }
-
     if (props.children[prevPanelIndex.current + 1].props && props.children[prevPanelIndex.current + 1].props.minSize && props.children[prevPanelIndex.current + 1].props.minSize > newNextPanelSize) {
       return false;
     }
-
     return true;
   };
-
   var clear = function clear() {
     dragging.current = false;
     size.current = null;
@@ -200,29 +209,23 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     nextPanelSizeNew.current = null;
     prevPanelIndex.current = null;
   };
-
   var getStorage = React.useCallback(function () {
     switch (props.stateStorage) {
       case 'local':
         return window.localStorage;
-
       case 'session':
         return window.sessionStorage;
-
       default:
         throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
     }
   }, [props.stateStorage]);
-
   var saveState = function saveState(sizes) {
     getStorage().setItem(props.stateKey, JSON.stringify(sizes));
   };
-
   var restoreState = React.useCallback(function () {
     var stateString = getStorage().getItem(props.stateKey);
     if (stateString) setPanelSizes(JSON.parse(stateString));
   }, [getStorage, props.stateKey]);
-
   var onResizeStart = function onResizeStart(event, index) {
     gutterRef.current = gutterRefs.current[index];
     var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
@@ -240,7 +243,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
     DomHandler.addClass(elementRef.current, 'p-splitter-resizing');
   };
-
   var onResize = function onResize(event) {
     var newPos;
     var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
@@ -248,7 +250,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (props.layout === 'horizontal') newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
     var newPrevPanelSize = prevPanelSize.current + newPos;
     var newNextPanelSize = nextPanelSize.current - newPos;
-
     if (validateResize(newPrevPanelSize, newNextPanelSize)) {
       prevPanelSizeNew.current = newPrevPanelSize;
       nextPanelSizeNew.current = newNextPanelSize;
@@ -256,25 +257,20 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
     }
   };
-
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
       var sizes = [];
-
       for (var index = 0; index < props.children.length; index++) {
         sizes[index] = panelSize(prev, index);
       }
-
       sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
       sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
-
       if (props.onResizeEnd) {
         props.onResizeEnd({
           originalEvent: event,
           sizes: sizes
         });
       }
-
       if (isStateful) saveState(sizes);
       return sizes;
     });
@@ -282,12 +278,10 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
     clear();
   };
-
   var onGutterMouseDown = function onGutterMouseDown(event, index) {
     onResizeStart(event, index);
     bindMouseListeners();
   };
-
   var onGutterTouchStart = function onGutterTouchStart(event, index) {
     onResizeStart(event, index);
     window.addEventListener('touchmove', onGutterTouchMove, {
@@ -296,17 +290,14 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
     window.addEventListener('touchend', onGutterTouchEnd);
   };
-
   var onGutterTouchMove = function onGutterTouchMove(event) {
     onResize(event);
   };
-
   var onGutterTouchEnd = function onGutterTouchEnd(event) {
     onResizeEnd(event);
     window.removeEventListener('touchmove', onGutterTouchMove);
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -319,7 +310,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.hasClass(child, 'p-splitter-panel');
     });
-
     panelElements.map(function (panelElement) {
       if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, '.p-splitter'))) {
         DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
@@ -329,7 +319,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   React.useEffect(function () {
     if (isStateful) restoreState();
   }, [restoreState, isStateful]);
-
   var createPanel = function createPanel(panel, index) {
     var otherProps = ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
     var panelClassName = classNames('p-splitter-panel', panel.props.className);
@@ -368,11 +357,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       })
     }, otherProps), panel.props.children), gutter);
   };
-
   var createPanels = function createPanels() {
     return React.Children.map(props.children, createPanel);
   };
-
   var otherProps = ObjectUtils.findDiffKeys(props, Splitter.defaultProps);
   var className = classNames("p-splitter p-component p-splitter-".concat(props.layout), props.className);
   var panels = createPanels();

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as t}from"primereact/hooks";import{DomHandler as r,ObjectUtils as n,classNames as u}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(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 i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){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 f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return l}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||d(e,t)||s(e,t)||h()}function m(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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var v=function(){},b=e.memo(e.forwardRef((function(o,i){var f=e.useRef(null),d=e.useRef(),h=e.useRef({}),m=e.useRef(null),S=e.useRef(null),w=e.useRef(null),O=e.useRef(null),z=e.useRef(null),E=e.useRef(null),j=e.useRef(null),P=e.useRef(null),R=e.useRef(null),N=e.useRef(null),x=y(e.useState([]),2),C=x[0],A=x[1],I=null!=o.stateKey,D=o.children&&o.children.length,K=function(e,t){return t in e?e[t]:o.children[t].props.size||100/D},T=y(t({type:"mousemove",listener:function(e){return U(e)}}),2),Y=T[0],k=T[1],H=y(t({type:"mouseup",listener:function(e){$(e),_()}}),2),L=H[0],X=H[1],_=function(){k(),X()},B=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(o.children[N.current].props&&o.children[N.current].props.minSize&&o.children[N.current].props.minSize>e)&&!(o.children[N.current+1].props&&o.children[N.current+1].props.minSize&&o.children[N.current+1].props.minSize>t)))},M=e.useCallback((function(){switch(o.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(o.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[o.stateStorage]),W=function(e){M().setItem(o.stateKey,JSON.stringify(e))},J=e.useCallback((function(){var e=M().getItem(o.stateKey);e&&A(JSON.parse(e))}),[M,o.stateKey]),F=function(e,t){d.current=h.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;m.current="horizontal"===o.layout?r.getWidth(f.current):r.getHeight(f.current),S.current=!0,w.current="horizontal"===o.layout?n:u,O.current=d.current.previousElementSibling,z.current=d.current.nextElementSibling,E.current=100*("horizontal"===o.layout?r.getOuterWidth(O.current,!0):r.getOuterHeight(O.current,!0))/m.current,j.current=E.current,P.current=100*("horizontal"===o.layout?r.getOuterWidth(z.current,!0):r.getOuterHeight(z.current,!0))/m.current,R.current=P.current,N.current=t,r.addClass(d.current,"p-splitter-gutter-resizing"),r.addClass(f.current,"p-splitter-resizing")},U=function(e){var t,r=E.current+(t="horizontal"===o.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/m.current-100*w.current/m.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/m.current-100*w.current/m.current),n=P.current-t;B(r,n)&&(j.current=r,R.current=n,O.current.style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",z.current.style.flexBasis="calc("+n+"% - "+(o.children.length-1)*o.gutterSize+"px)")},$=function(e){A((function(t){for(var r=[],n=0;n<o.children.length;n++)r[n]=K(t,n);return r[N.current]=j.current,r[N.current+1]=R.current,o.onResizeEnd&&o.onResizeEnd({originalEvent:e,sizes:r}),I&&W(r),r})),r.removeClass(d.current,"p-splitter-gutter-resizing"),r.removeClass(f.current,"p-splitter-resizing"),S.current=!1,m.current=null,w.current=null,O.current=null,z.current=null,E.current=null,j.current=null,P.current=null,R.current=null,N.current=null},q=function(e,t){F(e,t),Y(),L()},G=function(e,t){F(e,t),window.addEventListener("touchmove",Q,{passive:!1,cancelable:!1}),window.addEventListener("touchend",V)},Q=function(e){U(e)},V=function e(t){$(t),window.removeEventListener("touchmove",Q),window.removeEventListener("touchend",e)};e.useImperativeHandle(i,(function(){return{props:o,getElement:function(){return f.current}}})),e.useEffect((function(){var e;(e=f.current.children,c(e)||a(e)||s(e)||p()).filter((function(e){return r.hasClass(e,"p-splitter-panel")})).map((function(e){e.childNodes&&n.isNotEmpty(r.find(e,".p-splitter"))&&r.addClass(e,"p-splitter-panel-nested")}))}),[]),e.useEffect((function(){I&&J()}),[J,I]);var Z=function(t,r){var i=n.findDiffKeys(t.props,v.defaultProps),c=u("p-splitter-panel",t.props.className),a=r!==o.children.length-1&&e.createElement("div",{ref:function(e){return h.current[r]=e},className:"p-splitter-gutter",style:"horizontal"===o.layout?{width:o.gutterSize+"px"}:{height:o.gutterSize+"px"},onMouseDown:function(e){return q(e,r)},onTouchStart:function(e){return G(e,r)},onTouchMove:function(e){return Q(e)},onTouchEnd:function(e){return V(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"})),s="calc("+K(C,r)+"% - "+(D-1)*o.gutterSize+"px)";return e.createElement(e.Fragment,null,e.createElement("div",l({key:r,className:c,style:g(g({},t.props.style),{},{flexBasis:s})},i),t.props.children),a)},ee=n.findDiffKeys(o,b.defaultProps),te=u("p-splitter p-component p-splitter-".concat(o.layout),o.className),re=e.Children.map(o.children,Z);return e.createElement("div",l({ref:f,id:o.id,className:te,style:o.style},ee),re)})));v.displayName="SplitterPanel",v.defaultProps={__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null},b.displayName="Splitter",b.defaultProps={__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null};export{b as Splitter,v as SplitterPanel};
+import*as e from"react";import{useEventListener as t}from"primereact/hooks";import{DomHandler as r,ObjectUtils as n,classNames as u}from"primereact/utils";function o(){return o=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},o.apply(this,arguments)}function l(e){return l="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},l(e)}function i(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=i(e,"string");return"symbol"===l(t)?t:String(t)}function a(e,t,r){return(t=c(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 p(e){if(Array.isArray(e))return s(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(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 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){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,u,o,l,i=[],c=!0,a=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){a=!0,u=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw u}}return i}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return m(e)||h(e,t)||y(e,t)||g()}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 S(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){a(e,t,r[t])})):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 w=function(){},O=e.memo(e.forwardRef((function(l,i){var c=e.useRef(null),a=e.useRef(),s=e.useRef({}),m=e.useRef(null),h=e.useRef(null),g=e.useRef(null),b=e.useRef(null),z=e.useRef(null),E=e.useRef(null),j=e.useRef(null),P=e.useRef(null),R=e.useRef(null),N=e.useRef(null),x=v(e.useState([]),2),C=x[0],A=x[1],I=null!=l.stateKey,T=l.children&&l.children.length||1,D=function(e,t){return t in e?e[t]:l.children&&[].concat(l.children)[t].props.size||100/T},K=v(t({type:"mousemove",listener:function(e){return U(e)}}),2),Y=K[0],k=K[1],H=v(t({type:"mouseup",listener:function(e){$(e),_()}}),2),L=H[0],X=H[1],_=function(){k(),X()},B=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(l.children[N.current].props&&l.children[N.current].props.minSize&&l.children[N.current].props.minSize>e)&&!(l.children[N.current+1].props&&l.children[N.current+1].props.minSize&&l.children[N.current+1].props.minSize>t)))},M=e.useCallback((function(){switch(l.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(l.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[l.stateStorage]),W=function(e){M().setItem(l.stateKey,JSON.stringify(e))},J=e.useCallback((function(){var e=M().getItem(l.stateKey);e&&A(JSON.parse(e))}),[M,l.stateKey]),F=function(e,t){a.current=s.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;m.current="horizontal"===l.layout?r.getWidth(c.current):r.getHeight(c.current),h.current=!0,g.current="horizontal"===l.layout?n:u,b.current=a.current.previousElementSibling,z.current=a.current.nextElementSibling,E.current=100*("horizontal"===l.layout?r.getOuterWidth(b.current,!0):r.getOuterHeight(b.current,!0))/m.current,j.current=E.current,P.current=100*("horizontal"===l.layout?r.getOuterWidth(z.current,!0):r.getOuterHeight(z.current,!0))/m.current,R.current=P.current,N.current=t,r.addClass(a.current,"p-splitter-gutter-resizing"),r.addClass(c.current,"p-splitter-resizing")},U=function(e){var t,r=E.current+(t="horizontal"===l.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/m.current-100*g.current/m.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/m.current-100*g.current/m.current),n=P.current-t;B(r,n)&&(j.current=r,R.current=n,b.current.style.flexBasis="calc("+r+"% - "+(l.children.length-1)*l.gutterSize+"px)",z.current.style.flexBasis="calc("+n+"% - "+(l.children.length-1)*l.gutterSize+"px)")},$=function(e){A((function(t){for(var r=[],n=0;n<l.children.length;n++)r[n]=D(t,n);return r[N.current]=j.current,r[N.current+1]=R.current,l.onResizeEnd&&l.onResizeEnd({originalEvent:e,sizes:r}),I&&W(r),r})),r.removeClass(a.current,"p-splitter-gutter-resizing"),r.removeClass(c.current,"p-splitter-resizing"),h.current=!1,m.current=null,g.current=null,b.current=null,z.current=null,E.current=null,j.current=null,P.current=null,R.current=null,N.current=null},q=function(e,t){F(e,t),Y(),L()},G=function(e,t){F(e,t),window.addEventListener("touchmove",Q,{passive:!1,cancelable:!1}),window.addEventListener("touchend",V)},Q=function(e){U(e)},V=function e(t){$(t),window.removeEventListener("touchmove",Q),window.removeEventListener("touchend",e)};e.useImperativeHandle(i,(function(){return{props:l,getElement:function(){return c.current}}})),e.useEffect((function(){var e;(e=c.current.children,p(e)||f(e)||y(e)||d()).filter((function(e){return r.hasClass(e,"p-splitter-panel")})).map((function(e){e.childNodes&&n.isNotEmpty(r.find(e,".p-splitter"))&&r.addClass(e,"p-splitter-panel-nested")}))}),[]),e.useEffect((function(){I&&J()}),[J,I]);var Z=function(t,r){var i=n.findDiffKeys(t.props,w.defaultProps),c=u("p-splitter-panel",t.props.className),a=r!==l.children.length-1&&e.createElement("div",{ref:function(e){return s.current[r]=e},className:"p-splitter-gutter",style:"horizontal"===l.layout?{width:l.gutterSize+"px"}:{height:l.gutterSize+"px"},onMouseDown:function(e){return q(e,r)},onTouchStart:function(e){return G(e,r)},onTouchMove:function(e){return Q(e)},onTouchEnd:function(e){return V(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"})),p="calc("+D(C,r)+"% - "+(T-1)*l.gutterSize+"px)";return e.createElement(e.Fragment,null,e.createElement("div",o({key:r,className:c,style:S(S({},t.props.style),{},{flexBasis:p})},i),t.props.children),a)},ee=n.findDiffKeys(l,O.defaultProps),te=u("p-splitter p-component p-splitter-".concat(l.layout),l.className),re=e.Children.map(l.children,Z);return e.createElement("div",o({ref:c,id:l.id,className:te,style:l.style},ee),re)})));w.displayName="SplitterPanel",w.defaultProps={__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null},O.displayName="Splitter",O.defaultProps={__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null};export{O as Splitter,w as SplitterPanel};