primereact 10.3.3 → 10.5.0

package/splitter/splitter.esm.js

@@ -2,8 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMergeProps, useEventListener } from 'primereact/hooks';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { useMergeProps, useEventListener, useMountEffect } from 'primereact/hooks';
+import { ObjectUtils, classNames, DomHandler, UniqueComponentId } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -190,6 +190,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SplitterBase.getProps(inProps, context);
+  var idState = React.useRef('');
   var elementRef = React.useRef(null);
   var gutterRef = React.useRef();
   var gutterRefs = React.useRef({});
@@ -218,6 +219,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var panelSize = function panelSize(sizes, index) {
     return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
   };
+  var horizontal = props.layout === 'horizontal';
   var metaData = {
     props: props,
     state: {
@@ -312,10 +314,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (stateString) setPanelSizes(JSON.parse(stateString));
   }, [getStorage, props.stateKey]);
   var onResizeStart = function onResizeStart(event, index, isKeyDown) {
-    gutterRef.current = gutterRefs.current[index];
     var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
-    var horizontal = props.layout === 'horizontal';
+    gutterRef.current = gutterRefs.current[index];
     size.current = horizontal ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
     dragging.current = true;
     startPos.current = horizontal ? pageX : pageY;
@@ -340,7 +341,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var newPos, newNextPanelSize, newPrevPanelSize;
-    var horizontal = props.layout === 'horizontal';
     var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
     var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
     if (isKeyDown) {
@@ -356,13 +356,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       newPrevPanelSize = prevPanelSize.current + newPos;
       newNextPanelSize = nextPanelSize.current - newPos;
     }
-    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
-      prevPanelSizeNew.current = newPrevPanelSize;
-      nextPanelSizeNew.current = newNextPanelSize;
-      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
-    }
+    resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
@@ -392,10 +386,11 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onResizeEnd();
   };
   var onGutterKeyDown = function onGutterKeyDown(event, index) {
+    var minSize = props.children[index].props && props.children[index].props.minSize || 0;
     switch (event.code) {
       case 'ArrowLeft':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -403,7 +398,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowRight':
         {
-          if (props.layout === 'horizontal') {
+          if (horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
@@ -411,7 +406,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowDown':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step * -1);
           }
           event.preventDefault();
@@ -419,12 +414,48 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       case 'ArrowUp':
         {
-          if (props.layout === 'vertical') {
+          if (!horizontal) {
             setTimer(event, index, props.step);
           }
           event.preventDefault();
           break;
         }
+      case 'Home':
+        {
+          resizePanel(index, 100, minSize);
+          event.preventDefault();
+          break;
+        }
+      case 'End':
+        {
+          resizePanel(index, minSize, 100);
+          event.preventDefault();
+          break;
+        }
+      case 'Enter':
+        {
+          if (prevSize.current > 100 - (minSize || 5)) {
+            resizePanel(index, minSize, 100);
+          } else {
+            resizePanel(index, 100, minSize);
+          }
+          event.preventDefault();
+          break;
+        }
+    }
+  };
+  var resizePanel = function resizePanel(index, newPrevPanelSize, newNextPanelSize) {
+    prevPanelIndex.current = index;
+    gutterRef.current = gutterRefs.current[index];
+    size.current = horizontal ? DomHandler.getWidth(elementRef.current) : DomHandler.getHeight(elementRef.current);
+    prevPanelElement.current = gutterRef.current.previousElementSibling;
+    nextPanelElement.current = gutterRef.current.nextElementSibling;
+    if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+      prevPanelSizeNew.current = newPrevPanelSize;
+      nextPanelSizeNew.current = newNextPanelSize;
+      prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+      prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
     }
   };
   var repeat = function repeat(event, index, step) {
@@ -432,14 +463,16 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onResize(event, step, true);
   };
   var setTimer = function setTimer(event, index, step) {
-    clearTimer();
-    timer.current = setTimeout(function () {
-      repeat(event, index, step);
-    }, 40);
+    if (!timer.current) {
+      timer.current = setInterval(function () {
+        repeat(event, index, step);
+      }, 40);
+    }
   };
   var clearTimer = function clearTimer() {
     if (timer.current) {
-      clearTimeout(timer.current);
+      clearInterval(timer.current);
+      timer.current = null;
     }
   };
   var onGutterMouseDown = function onGutterMouseDown(event, index) {
@@ -470,6 +503,11 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     };
   });
+  useMountEffect(function () {
+    if (elementRef.current) {
+      idState.current = UniqueComponentId();
+    }
+  });
   React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
@@ -488,13 +526,14 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (isStateful) restoreState();
   }, [restoreState, isStateful]);
   var createPanel = function createPanel(panel, index) {
+    var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
     var panelClassName = classNames(getPanelProp(panel, 'className'), cx('panel.root'));
     var gutterProps = mergeProps({
       ref: function ref(el) {
         return gutterRefs.current[index] = el;
       },
       className: cx('gutter'),
-      style: props.layout === 'horizontal' ? {
+      style: horizontal ? {
         width: props.gutterSize + 'px'
       } : {
         height: props.gutterSize + 'px'
@@ -515,19 +554,26 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       onTouchEnd: function onTouchEnd(event) {
         return onGutterTouchEnd(event);
       },
-      'data-p-splitter-gutter-resizing': false
+      'data-p-splitter-gutter-resizing': false,
+      role: 'separator'
     }, ptm('gutter'));
     var gutterHandlerProps = mergeProps({
-      tabIndex: 0,
+      tabIndex: getPanelProp(panel, 'tabIndex') || 0,
       className: cx('gutterHandler'),
-      'aria-orientation': props.layout,
-      'aria-valuenow': prevSize.current
+      'aria-orientation': horizontal ? 'vertical' : 'horizontal',
+      'aria-controls': panelId,
+      'aria-label': getPanelProp(panel, 'aria-label'),
+      'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),
+      'aria-valuenow': prevSize.current,
+      'aria-valuetext': parseFloat(prevSize.current).toFixed(0) + '%',
+      'aria-valuemin': getPanelProp(panel, 'minSize') || '0',
+      'aria-valuemax': '100'
     }, ptm('gutterHandler'));
     var gutter = index !== props.children.length - 1 && /*#__PURE__*/React.createElement("div", gutterProps, /*#__PURE__*/React.createElement("div", gutterHandlerProps));
     var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
     var rootProps = mergeProps({
       key: index,
-      id: getPanelProp(panel, 'id'),
+      id: panelId,
       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{useMergeProps as u,useEventListener as i}from"primereact/hooks";import{ObjectUtils as o,classNames as l,DomHandler as c}from"primereact/utils";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 p(e){if(Array.isArray(e))return a(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 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 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 h(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=h(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,u,i,o,l=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,u=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw u}}return l}}function w(){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 v(e)||b(e,t)||d(e,t)||w()}var z=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l("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 o.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,O.defaultProps)}});function E(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?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(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,a){var m=u(),h=e.useContext(t),y=z.getProps(r,h),v=e.useRef(null),b=e.useRef(),w=e.useRef({}),E=e.useRef(null),x=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),N=e.useRef(null),D=e.useRef(null),k=e.useRef(null),T=e.useRef(null),H=e.useRef(null),I=e.useRef(null),K=S(e.useState([]),2),Y=K[0],L=K[1],W=S(e.useState(!1),2),M=W[0],U=W[1],X=null!=y.stateKey,_=y.children&&y.children.length||1,B=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/_},F={props:y,state:{panelSizes:Y,nested:!0===c.getAttribute(v.current&&v.current.parentElement,"data-p-splitter-panel-nested")}},J=z.setMetaData(P({},F)),$=J.ptm,q=J.cx,G=J.isUnstyled;n(z.css.styles,G,{name:"splitter"});var Q=S(i({type:"mousemove",listener:function(e){return ae(e)}}),2),V=Q[0],Z=Q[1],ee=S(i({type:"mouseup",listener:function(e){pe(e),ne()}}),2),te=ee[0],re=ee[1],ne=function(){Z(),re()},ue=function(e,t){return O.getCProp(e,t)},ie=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[H.current].props&&y.children[H.current].props.minSize&&y.children[H.current].props.minSize>e)&&!(y.children[H.current+1].props&&y.children[H.current+1].props.minSize&&y.children[H.current+1].props.minSize>t)))},oe=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]),le=function(e){o.isArray(e)&&oe().setItem(y.stateKey,JSON.stringify(e))},ce=e.useCallback((function(){var e=oe().getItem(y.stateKey);e&&L(JSON.parse(e))}),[oe,y.stateKey]),se=function(e,t,r){b.current=w.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY,i="horizontal"===y.layout;E.current=i?c.getWidth(v.current):c.getHeight(v.current),x.current=!0,j.current=i?n:u,A.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,r?(C.current=i?c.getOuterWidth(A.current,!0):c.getOuterHeight(A.current,!0),k.current=i?c.getOuterWidth(R.current,!0):c.getOuterHeight(R.current,!0)):(C.current=100*(i?c.getOuterWidth(A.current,!0):c.getOuterHeight(A.current,!0))/E.current,k.current=100*(i?c.getOuterWidth(R.current,!0):c.getOuterHeight(R.current,!0))/E.current),D.current=C.current,T.current=k.current,H.current=t,!G()&&c.addClass(b.current,"p-splitter-gutter-resizing"),b.current.setAttribute("data-p-splitter-gutter-resizing",!0),!G()&&c.addClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!0)},ae=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===y.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(C.current+u)/E.current,r=100*(k.current-u)/E.current):(n=100*(C.current-u)/E.current,r=100*(k.current+u)/E.current):(n=C.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/E.current-100*j.current/E.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/E.current-100*j.current/E.current),r=k.current-t),ie(n,r)&&(D.current=n,T.current=r,A.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)",R.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",N.current=parseFloat(n).toFixed(4))},pe=function(e){L((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=B(t,n);return r[H.current]=D.current,r[H.current+1]=T.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),X&&le(r),r})),!G()&&c.removeClass(b.current,"p-splitter-gutter-resizing"),w.current&&Object.keys(w.current).forEach((function(e){return w.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!G()&&c.removeClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!1),x.current=!1,E.current=null,j.current=null,A.current=null,R.current=null,C.current=null,D.current=null,k.current=null,T.current=null,H.current=null},fe=function(){he(),pe()},de=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===y.layout&&me(e,t,-1*y.step),e.preventDefault();break;case"ArrowRight":"horizontal"===y.layout&&me(e,t,y.step),e.preventDefault();break;case"ArrowDown":"vertical"===y.layout&&me(e,t,-1*y.step),e.preventDefault();break;case"ArrowUp":"vertical"===y.layout&&me(e,t,y.step),e.preventDefault()}},ge=function(e,t,r){se(e,t,!0),ae(e,r,!0)},me=function(e,t,r){he(),I.current=setTimeout((function(){ge(e,t,r)}),40)},he=function(){I.current&&clearTimeout(I.current)},ye=function(e,t){se(e,t,!1),V(),te()},ve=function(e,t){se(e,t,!1),window.addEventListener("touchmove",be,{passive:!1,cancelable:!1}),window.addEventListener("touchend",we)},be=function(e){ae(e)},we=function e(t){pe(t),window.removeEventListener("touchmove",be),window.removeEventListener("touchend",e)};e.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return v.current}}})),e.useEffect((function(){var e;(e=v.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===c.getAttribute(e,"data-pc-section")})).map((function(e,t){N.current=B(Y,0),e.childNodes&&o.isNotEmpty(c.find(e,"[data-pc-name='splitter']")&&c.find(e,"[data-pc-section='root']"))&&(!G()&&c.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),U(!0))}))}),[]),e.useEffect((function(){X&&ce()}),[ce,X]);var Se=function(t,r){var n=l(ue(t,"className"),q("panel.root")),u=m({ref:function(e){return w.current[r]=e},className:q("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ye(e,r)},onKeyDown:function(e){return de(e,r)},onKeyUp:fe,onTouchStart:function(e){return ve(e,r)},onTouchMove:function(e){return be(e)},onTouchEnd:function(e){return we(e)},"data-p-splitter-gutter-resizing":!1},$("gutter")),i=m({tabIndex:0,className:q("gutterHandler"),"aria-orientation":y.layout,"aria-valuenow":N.current},$("gutterHandler")),o=r!==y.children.length-1&&e.createElement("div",u,e.createElement("div",i)),c="calc("+B(Y,r)+"% - "+(_-1)*y.gutterSize+"px)",s=m({key:r,id:ue(t,"id"),className:n,style:P(P({},ue(t,"style")),{},{flexBasis:c}),role:"presentation","data-p-splitter-panel-nested":!1},$("splitterpanel.root",{context:{nested:M}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ue(t,"children")),o)},ze=m({id:y.id,style:y.style,className:l(y.className,q("root")),"data-p-splitter-resizing":!1},z.getOtherProps(y),$("root")),Oe=e.Children.map(y.children,Se);return e.createElement("div",s({ref:v},ze),Oe)})));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{useMergeProps as u,useEventListener as i,useMountEffect as l}from"primereact/hooks";import{ObjectUtils as o,classNames as c,DomHandler as a,UniqueComponentId as s}from"primereact/utils";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 f(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 d(e){if(Array.isArray(e))return f(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function h(){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){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function w(e){if(Array.isArray(e))return e}function S(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],c=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(o.push(n.value),o.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 o}}function z(){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 O(e,t){return w(e)||S(e,t)||m(e,t)||z()}var x=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return c("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"}}),E=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,E.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,E.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,E.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 j(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,u,i;n=e,i=r[t],(u=b(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):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 A=function(){},R=e.memo(e.forwardRef((function(r,f){var y=u(),v=e.useContext(t),b=x.getProps(r,v),w=e.useRef(""),S=e.useRef(null),z=e.useRef(),P=e.useRef({}),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),D=e.useRef(null),N=e.useRef(null),k=e.useRef(null),I=e.useRef(null),H=e.useRef(null),T=e.useRef(null),K=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),F=O(e.useState([]),2),L=F[0],_=F[1],M=O(e.useState(!1),2),U=M[0],X=M[1],B=null!=b.stateKey,J=b.children&&b.children.length||1,$=function(e,t){return t in e?e[t]:b.children&&[].concat(b.children)[t].props.size||100/J},q="horizontal"===b.layout,G={props:b,state:{panelSizes:L,nested:!0===a.getAttribute(S.current&&S.current.parentElement,"data-p-splitter-panel-nested")}},Q=x.setMetaData(j({},G)),V=Q.ptm,Z=Q.cx,ee=Q.isUnstyled;n(x.css.styles,ee,{name:"splitter"});var te=O(i({type:"mousemove",listener:function(e){return ge(e)}}),2),re=te[0],ne=te[1],ue=O(i({type:"mouseup",listener:function(e){me(e),oe()}}),2),ie=ue[0],le=ue[1],oe=function(){ne(),le()},ce=function(e,t){return E.getCProp(e,t)},ae=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(b.children[W.current].props&&b.children[W.current].props.minSize&&b.children[W.current].props.minSize>e)&&!(b.children[W.current+1].props&&b.children[W.current+1].props.minSize&&b.children[W.current+1].props.minSize>t)))},se=e.useCallback((function(){switch(b.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(b.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[b.stateStorage]),pe=function(e){o.isArray(e)&&se().setItem(b.stateKey,JSON.stringify(e))},fe=e.useCallback((function(){var e=se().getItem(b.stateKey);e&&_(JSON.parse(e))}),[se,b.stateKey]),de=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;z.current=P.current[t],A.current=q?a.getWidth(S.current):a.getHeight(S.current),R.current=!0,C.current=q?n:u,D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,r?(k.current=q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0),T.current=q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0)):(k.current=100*(q?a.getOuterWidth(D.current,!0):a.getOuterHeight(D.current,!0))/A.current,T.current=100*(q?a.getOuterWidth(N.current,!0):a.getOuterHeight(N.current,!0))/A.current),H.current=k.current,K.current=T.current,W.current=t,!ee()&&a.addClass(z.current,"p-splitter-gutter-resizing"),z.current.setAttribute("data-p-splitter-gutter-resizing",!0),!ee()&&a.addClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!0)},ge=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?q?(n=100*(k.current+u)/A.current,r=100*(T.current-u)/A.current):(n=100*(k.current-u)/A.current,r=100*(T.current+u)/A.current):(n=k.current+(t=q?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/A.current-100*C.current/A.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/A.current-100*C.current/A.current),r=T.current-t),ve(W.current,n,r)},me=function(e){_((function(t){for(var r=[],n=0;n<b.children.length;n++)r[n]=$(t,n);return r[W.current]=H.current,r[W.current+1]=K.current,b.onResizeEnd&&b.onResizeEnd({originalEvent:e,sizes:r}),B&&pe(r),r})),!ee()&&a.removeClass(z.current,"p-splitter-gutter-resizing"),P.current&&Object.keys(P.current).forEach((function(e){return P.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!ee()&&a.removeClass(S.current,"p-splitter-resizing"),S.current.setAttribute("data-p-splitter-resizing",!1),R.current=!1,A.current=null,C.current=null,D.current=null,N.current=null,k.current=null,H.current=null,T.current=null,K.current=null,W.current=null},he=function(){Se(),me()},ye=function(e,t){var r=b.children[t].props&&b.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":q&&we(e,t,-1*b.step),e.preventDefault();break;case"ArrowRight":q&&we(e,t,b.step),e.preventDefault();break;case"ArrowDown":q||we(e,t,-1*b.step),e.preventDefault();break;case"ArrowUp":q||we(e,t,b.step),e.preventDefault();break;case"Home":ve(t,100,r),e.preventDefault();break;case"End":ve(t,r,100),e.preventDefault();break;case"Enter":I.current>100-(r||5)?ve(t,r,100):ve(t,100,r),e.preventDefault()}},ve=function(e,t,r){W.current=e,z.current=P.current[e],A.current=q?a.getWidth(S.current):a.getHeight(S.current),D.current=z.current.previousElementSibling,N.current=z.current.nextElementSibling,ae(t,r)&&(H.current=t,K.current=r,D.current.style.flexBasis="calc("+t+"% - "+(b.children.length-1)*b.gutterSize+"px)",N.current.style.flexBasis="calc("+r+"% - "+(b.children.length-1)*b.gutterSize+"px)",I.current=parseFloat(t).toFixed(4))},be=function(e,t,r){de(e,t,!0),ge(e,r,!0)},we=function(e,t,r){Y.current||(Y.current=setInterval((function(){be(e,t,r)}),40))},Se=function(){Y.current&&(clearInterval(Y.current),Y.current=null)},ze=function(e,t){de(e,t,!1),re(),ie()},Oe=function(e,t){de(e,t,!1),window.addEventListener("touchmove",xe,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Ee)},xe=function(e){ge(e)},Ee=function e(t){me(t),window.removeEventListener("touchmove",xe),window.removeEventListener("touchend",e)};e.useImperativeHandle(f,(function(){return{props:b,getElement:function(){return S.current}}})),l((function(){S.current&&(w.current=s())})),e.useEffect((function(){var e;(e=S.current.children,d(e)||g(e)||m(e)||h()).filter((function(e){return"splitterpanel.root"===a.getAttribute(e,"data-pc-section")})).map((function(e,t){I.current=$(L,0),e.childNodes&&o.isNotEmpty(a.find(e,"[data-pc-name='splitter']")&&a.find(e,"[data-pc-section='root']"))&&(!ee()&&a.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),X(!0))}))}),[]),e.useEffect((function(){B&&fe()}),[fe,B]);var Pe=function(t,r){var n=ce(t,"id")||"".concat(w.current,"_").concat(r),u=c(ce(t,"className"),Z("panel.root")),i=y({ref:function(e){return P.current[r]=e},className:Z("gutter"),style:q?{width:b.gutterSize+"px"}:{height:b.gutterSize+"px"},onMouseDown:function(e){return ze(e,r)},onKeyDown:function(e){return ye(e,r)},onKeyUp:he,onTouchStart:function(e){return Oe(e,r)},onTouchMove:function(e){return xe(e)},onTouchEnd:function(e){return Ee(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},V("gutter")),l=y({tabIndex:ce(t,"tabIndex")||0,className:Z("gutterHandler"),"aria-orientation":q?"vertical":"horizontal","aria-controls":n,"aria-label":ce(t,"aria-label"),"aria-labelledby":ce(t,"aria-labelledby"),"aria-valuenow":I.current,"aria-valuetext":parseFloat(I.current).toFixed(0)+"%","aria-valuemin":ce(t,"minSize")||"0","aria-valuemax":"100"},V("gutterHandler")),o=r!==b.children.length-1&&e.createElement("div",i,e.createElement("div",l)),a="calc("+$(L,r)+"% - "+(J-1)*b.gutterSize+"px)",s=y({key:r,id:n,className:u,style:j(j({},ce(t,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},V("splitterpanel.root",{context:{nested:U}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ce(t,"children")),o)},je=y({id:b.id,style:b.style,className:c(b.className,Z("root")),"data-p-splitter-resizing":!1},x.getOtherProps(b),V("root")),Ae=e.Children.map(b.children,Pe);return e.createElement("div",p({ref:S},je),Ae)})));A.displayName="SplitterPanel",R.displayName="Splitter";export{R as Splitter,A as SplitterPanel};

package/splitter/splitter.js

@@ -207,6 +207,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SplitterBase.getProps(inProps, context);
+    var idState = React__namespace.useRef('');
     var elementRef = React__namespace.useRef(null);
     var gutterRef = React__namespace.useRef();
     var gutterRefs = React__namespace.useRef({});
@@ -235,6 +236,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
     var panelSize = function panelSize(sizes, index) {
       return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
     };
+    var horizontal = props.layout === 'horizontal';
     var metaData = {
       props: props,
       state: {
@@ -329,10 +331,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       if (stateString) setPanelSizes(JSON.parse(stateString));
     }, [getStorage, props.stateKey]);
     var onResizeStart = function onResizeStart(event, index, isKeyDown) {
-      gutterRef.current = gutterRefs.current[index];
       var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
       var pageY = event.type === 'touchstart' ? event.touches[0].pageY : event.pageY;
-      var horizontal = props.layout === 'horizontal';
+      gutterRef.current = gutterRefs.current[index];
       size.current = horizontal ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
       dragging.current = true;
       startPos.current = horizontal ? pageX : pageY;
@@ -357,7 +358,6 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var isKeyDown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var newPos, newNextPanelSize, newPrevPanelSize;
-      var horizontal = props.layout === 'horizontal';
       var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
       var pageY = event.type === 'touchmove' ? event.touches[0].pageY : event.pageY;
       if (isKeyDown) {
@@ -373,13 +373,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
         newPrevPanelSize = prevPanelSize.current + newPos;
         newNextPanelSize = nextPanelSize.current - newPos;
       }
-      if (validateResize(newPrevPanelSize, newNextPanelSize)) {
-        prevPanelSizeNew.current = newPrevPanelSize;
-        nextPanelSizeNew.current = newNextPanelSize;
-        prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
-      }
+      resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
     };
     var onResizeEnd = function onResizeEnd(event) {
       setPanelSizes(function (prev) {
@@ -409,10 +403,11 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       onResizeEnd();
     };
     var onGutterKeyDown = function onGutterKeyDown(event, index) {
+      var minSize = props.children[index].props && props.children[index].props.minSize || 0;
       switch (event.code) {
         case 'ArrowLeft':
           {
-            if (props.layout === 'horizontal') {
+            if (horizontal) {
               setTimer(event, index, props.step * -1);
             }
             event.preventDefault();
@@ -420,7 +415,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowRight':
           {
-            if (props.layout === 'horizontal') {
+            if (horizontal) {
               setTimer(event, index, props.step);
             }
             event.preventDefault();
@@ -428,7 +423,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowDown':
           {
-            if (props.layout === 'vertical') {
+            if (!horizontal) {
               setTimer(event, index, props.step * -1);
             }
             event.preventDefault();
@@ -436,12 +431,48 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
           }
         case 'ArrowUp':
           {
-            if (props.layout === 'vertical') {
+            if (!horizontal) {
               setTimer(event, index, props.step);
             }
             event.preventDefault();
             break;
           }
+        case 'Home':
+          {
+            resizePanel(index, 100, minSize);
+            event.preventDefault();
+            break;
+          }
+        case 'End':
+          {
+            resizePanel(index, minSize, 100);
+            event.preventDefault();
+            break;
+          }
+        case 'Enter':
+          {
+            if (prevSize.current > 100 - (minSize || 5)) {
+              resizePanel(index, minSize, 100);
+            } else {
+              resizePanel(index, 100, minSize);
+            }
+            event.preventDefault();
+            break;
+          }
+      }
+    };
+    var resizePanel = function resizePanel(index, newPrevPanelSize, newNextPanelSize) {
+      prevPanelIndex.current = index;
+      gutterRef.current = gutterRefs.current[index];
+      size.current = horizontal ? utils.DomHandler.getWidth(elementRef.current) : utils.DomHandler.getHeight(elementRef.current);
+      prevPanelElement.current = gutterRef.current.previousElementSibling;
+      nextPanelElement.current = gutterRef.current.nextElementSibling;
+      if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+        prevPanelSizeNew.current = newPrevPanelSize;
+        nextPanelSizeNew.current = newNextPanelSize;
+        prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+        nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+        prevSize.current = parseFloat(newPrevPanelSize).toFixed(4);
       }
     };
     var repeat = function repeat(event, index, step) {
@@ -449,14 +480,16 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       onResize(event, step, true);
     };
     var setTimer = function setTimer(event, index, step) {
-      clearTimer();
-      timer.current = setTimeout(function () {
-        repeat(event, index, step);
-      }, 40);
+      if (!timer.current) {
+        timer.current = setInterval(function () {
+          repeat(event, index, step);
+        }, 40);
+      }
     };
     var clearTimer = function clearTimer() {
       if (timer.current) {
-        clearTimeout(timer.current);
+        clearInterval(timer.current);
+        timer.current = null;
       }
     };
     var onGutterMouseDown = function onGutterMouseDown(event, index) {
@@ -487,6 +520,11 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
         }
       };
     });
+    hooks.useMountEffect(function () {
+      if (elementRef.current) {
+        idState.current = utils.UniqueComponentId();
+      }
+    });
     React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
@@ -505,13 +543,14 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       if (isStateful) restoreState();
     }, [restoreState, isStateful]);
     var createPanel = function createPanel(panel, index) {
+      var panelId = getPanelProp(panel, 'id') || "".concat(idState.current, "_").concat(index);
       var panelClassName = utils.classNames(getPanelProp(panel, 'className'), cx('panel.root'));
       var gutterProps = mergeProps({
         ref: function ref(el) {
           return gutterRefs.current[index] = el;
         },
         className: cx('gutter'),
-        style: props.layout === 'horizontal' ? {
+        style: horizontal ? {
           width: props.gutterSize + 'px'
         } : {
           height: props.gutterSize + 'px'
@@ -532,19 +571,26 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
         onTouchEnd: function onTouchEnd(event) {
           return onGutterTouchEnd(event);
         },
-        'data-p-splitter-gutter-resizing': false
+        'data-p-splitter-gutter-resizing': false,
+        role: 'separator'
       }, ptm('gutter'));
       var gutterHandlerProps = mergeProps({
-        tabIndex: 0,
+        tabIndex: getPanelProp(panel, 'tabIndex') || 0,
         className: cx('gutterHandler'),
-        'aria-orientation': props.layout,
-        'aria-valuenow': prevSize.current
+        'aria-orientation': horizontal ? 'vertical' : 'horizontal',
+        'aria-controls': panelId,
+        'aria-label': getPanelProp(panel, 'aria-label'),
+        'aria-labelledby': getPanelProp(panel, 'aria-labelledby'),
+        'aria-valuenow': prevSize.current,
+        'aria-valuetext': parseFloat(prevSize.current).toFixed(0) + '%',
+        'aria-valuemin': getPanelProp(panel, 'minSize') || '0',
+        'aria-valuemax': '100'
       }, ptm('gutterHandler'));
       var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", gutterProps, /*#__PURE__*/React__namespace.createElement("div", gutterHandlerProps));
       var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
       var rootProps = mergeProps({
         key: index,
-        id: getPanelProp(panel, 'id'),
+        id: panelId,
         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,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);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 s(e){if(Array.isArray(e))return c(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 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 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 g(e){return g="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},g(e)}function m(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===g(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}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 w(e,t){return h(e)||v(e,t)||f(e,t)||b()}var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,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"}}),S=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,S.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,S.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,S.defaultProps)}});function z(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 j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},D=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),g=O.getProps(e,c),m=o.useRef(null),y=o.useRef(),h=o.useRef({}),v=o.useRef(null),b=o.useRef(null),z=o.useRef(null),P=o.useRef(null),D=o.useRef(null),E=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=o.useRef(null),k=w(o.useState([]),2),T=k[0],I=k[1],U=w(o.useState(!1),2),_=U[0],K=U[1],L=null!=g.stateKey,M=g.children&&g.children.length||1,Y=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/M},B={props:g,state:{panelSizes:T,nested:!0===i.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},W=O.setMetaData(j({},B)),X=W.ptm,F=W.cx,J=W.isUnstyled;n.useHandleStyle(O.css.styles,J,{name:"splitter"});var $=w(u.useEventListener({type:"mousemove",listener:function(e){return oe(e)}}),2),q=$[0],G=$[1],Q=w(u.useEventListener({type:"mouseup",listener:function(e){ae(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return S.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[C.current].props&&g.children[C.current].props.minSize&&g.children[C.current].props.minSize>e)&&!(g.children[C.current+1].props&&g.children[C.current+1].props.minSize&&g.children[C.current+1].props.minSize>t)))},ne=o.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),ue=function(e){i.ObjectUtils.isArray(e)&&ne().setItem(g.stateKey,JSON.stringify(e))},ie=o.useCallback((function(){var e=ne().getItem(g.stateKey);e&&I(JSON.parse(e))}),[ne,g.stateKey]),le=function(e,t,r){y.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,l="horizontal"===g.layout;v.current=l?i.DomHandler.getWidth(m.current):i.DomHandler.getHeight(m.current),b.current=!0,z.current=l?n:u,P.current=y.current.previousElementSibling,D.current=y.current.nextElementSibling,r?(E.current=l?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0),R.current=l?i.DomHandler.getOuterWidth(D.current,!0):i.DomHandler.getOuterHeight(D.current,!0)):(E.current=100*(l?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current,R.current=100*(l?i.DomHandler.getOuterWidth(D.current,!0):i.DomHandler.getOuterHeight(D.current,!0))/v.current),H.current=E.current,A.current=R.current,C.current=t,!J()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!J()&&i.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},oe=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===g.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(E.current+u)/v.current,r=100*(R.current-u)/v.current):(n=100*(E.current-u)/v.current,r=100*(R.current+u)/v.current):(n=E.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*z.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*z.current/v.current),r=R.current-t),re(n,r)&&(H.current=n,A.current=r,P.current.style.flexBasis="calc("+n+"% - "+(g.children.length-1)*g.gutterSize+"px)",D.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",x.current=parseFloat(n).toFixed(4))},ae=function(e){I((function(t){for(var r=[],n=0;n<g.children.length;n++)r[n]=Y(t,n);return r[C.current]=H.current,r[C.current+1]=A.current,g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:r}),L&&ue(r),r})),!J()&&i.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),h.current&&Object.keys(h.current).forEach((function(e){return h.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!J()&&i.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,v.current=null,z.current=null,P.current=null,D.current=null,E.current=null,H.current=null,R.current=null,A.current=null,C.current=null},ce=function(){de(),ae()},se=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":"horizontal"===g.layout&&fe(e,t,g.step),e.preventDefault();break;case"ArrowDown":"vertical"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":"vertical"===g.layout&&fe(e,t,g.step),e.preventDefault()}},pe=function(e,t,r){le(e,t,!0),oe(e,r,!0)},fe=function(e,t,r){de(),N.current=setTimeout((function(){pe(e,t,r)}),40)},de=function(){N.current&&clearTimeout(N.current)},ge=function(e,t){le(e,t,!1),q(),V()},me=function(e,t){le(e,t,!1),window.addEventListener("touchmove",ye,{passive:!1,cancelable:!1}),window.addEventListener("touchend",he)},ye=function(e){oe(e)},he=function e(t){ae(t),window.removeEventListener("touchmove",ye),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:g,getElement:function(){return m.current}}})),o.useEffect((function(){var e;(e=m.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){x.current=Y(T,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!J()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&ie()}),[ie,L]);var ve=function(e,t){var r=i.classNames(te(e,"className"),F("panel.root")),n=l({ref:function(e){return h.current[t]=e},className:F("gutter"),style:"horizontal"===g.layout?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ge(e,t)},onKeyDown:function(e){return se(e,t)},onKeyUp:ce,onTouchStart:function(e){return me(e,t)},onTouchMove:function(e){return ye(e)},onTouchEnd:function(e){return he(e)},"data-p-splitter-gutter-resizing":!1},X("gutter")),u=l({tabIndex:0,className:F("gutterHandler"),"aria-orientation":g.layout,"aria-valuenow":x.current},X("gutterHandler")),a=t!==g.children.length-1&&o.createElement("div",n,o.createElement("div",u)),c="calc("+Y(T,t)+"% - "+(M-1)*g.gutterSize+"px)",s=l({key:t,id:te(e,"id"),className:r,style:j(j({},te(e,"style")),{},{flexBasis:c}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:_}}));return o.createElement(o.Fragment,null,o.createElement("div",s,te(e,"children")),a)},be=l({id:g.id,style:g.style,className:i.classNames(g.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(g),X("root")),we=o.Children.map(g.children,ve);return o.createElement("div",a({ref:m},be),we)})));return P.displayName="SplitterPanel",D.displayName="Splitter",e.Splitter=D,e.SplitterPanel=P,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,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);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 s(e){if(Array.isArray(e))return c(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 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 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 h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(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,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}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 y(e)||b(e,t)||f(e,t)||v()}var w=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,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 z(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 D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=h(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=function(){},j=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),m=w.getProps(e,c),g=o.useRef(""),h=o.useRef(null),y=o.useRef(),b=o.useRef({}),v=o.useRef(null),z=o.useRef(null),E=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=o.useRef(null),k=o.useRef(null),I=S(o.useState([]),2),U=I[0],_=I[1],M=S(o.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,W=m.children&&m.children.length||1,Y=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/W},B="horizontal"===m.layout,F={props:m,state:{panelSizes:U,nested:!0===i.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},X=w.setMetaData(D({},F)),J=X.ptm,q=X.cx,$=X.isUnstyled;n.useHandleStyle(w.css.styles,$,{name:"splitter"});var G=S(u.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=S(u.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return O.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=o.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){i.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=o.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),z.current=!0,E.current=B?n:u,j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,r?(x.current=B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0),A.current=B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0)):(x.current=100*(B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/v.current,A.current=100*(B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current),R.current=x.current,C.current=A.current,N.current=t,!$()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&i.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(x.current+u)/v.current,r=100*(A.current-u)/v.current):(n=100*(x.current-u)/v.current,r=100*(A.current+u)/v.current):(n=x.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*E.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*E.current/v.current),r=A.current-t),de(N.current,n,r)},se=function(e){_((function(t){for(var r=[],n=0;n<m.children.length;n++)r[n]=Y(t,n);return r[N.current]=R.current,r[N.current+1]=C.current,m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:r}),L&&le(r),r})),!$()&&i.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!$()&&i.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,v.current=null,E.current=null,j.current=null,P.current=null,x.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100,r),e.preventDefault();break;case"End":de(t,r,100),e.preventDefault();break;case"Enter":H.current>100-(r||5)?de(t,r,100):de(t,100,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",P.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return h.current}}})),u.useMountEffect((function(){h.current&&(g.current=i.UniqueComponentId())})),o.useEffect((function(){var e;(e=h.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=Y(U,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=i.classNames(ne(e,"className"),q("panel.root")),u=l({ref:function(e){return b.current[t]=e},className:q("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1,role:"separator"},J("gutter")),a=l({tabIndex:ne(e,"tabIndex")||0,className:q("gutterHandler"),"aria-orientation":B?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},J("gutterHandler")),c=t!==m.children.length-1&&o.createElement("div",u,o.createElement("div",a)),s="calc("+Y(U,t)+"% - "+(W-1)*m.gutterSize+"px)",p=l({key:t,id:r,className:n,style:D(D({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",p,ne(e,"children")),c)},Oe=l({id:m.id,style:m.style,className:i.classNames(m.className,q("root")),"data-p-splitter-resizing":!1},w.getOtherProps(m),J("root")),ze=o.Children.map(m.children,we);return o.createElement("div",a({ref:h},Oe),ze)})));return E.displayName="SplitterPanel",j.displayName="Splitter",e.Splitter=j,e.SplitterPanel=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/tabview/tabview.cjs.js

@@ -236,8 +236,10 @@ var TabViewBase = componentbase.ComponentBase.extend({
 var TabPanelBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TabPanel',
+    children: undefined,
     className: null,
     closable: false,
+    closeIcon: null,
     contentClassName: null,
     contentStyle: null,
     disabled: false,
@@ -246,12 +248,11 @@ var TabPanelBase = componentbase.ComponentBase.extend({
     headerStyle: null,
     headerTemplate: null,
     leftIcon: null,
-    rightIcon: null,
-    prevButton: null,
     nextButton: null,
-    closeIcon: null,
+    prevButton: null,
+    rightIcon: null,
     style: null,
-    children: undefined
+    visible: true
   },
   getCProp: function getCProp(tab, name) {
     return utils.ObjectUtils.getComponentProp(tab, name, TabPanelBase.defaultProps);
@@ -345,7 +346,7 @@ var TabView = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     return TabPanelBase.getCProp(tab, name);
   };
   var shouldUseTab = function shouldUseTab(tab) {
-    return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+    return tab && getTabProp(tab, 'visible') && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
       return _i !== tab.key;
     });
   };