primereact 9.0.0-beta.1 → 9.0.0

package/splitter/splitter.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useEventListener } from 'primereact/hooks';
-import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -60,9 +60,7 @@ function _defineProperty(obj, key, value) {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -109,9 +107,7 @@ function _iterableToArrayLimit(arr, i) {
       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) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -133,10 +129,51 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var SplitterBase = {
+  defaultProps: {
+    __TYPE: 'Splitter',
+    className: null,
+    gutterSize: 4,
+    id: null,
+    layout: 'horizontal',
+    onResizeEnd: null,
+    stateKey: null,
+    stateStorage: 'session',
+    style: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, SplitterBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, SplitterBase.defaultProps);
+  }
+};
+var SplitterPanelBase = {
+  defaultProps: {
+    __TYPE: 'SplitterPanel',
+    className: null,
+    minSize: null,
+    size: null,
+    style: null,
+    children: undefined
+  },
+  getCProps: function getCProps(panel) {
+    return ObjectUtils.getComponentProps(panel, SplitterPanelBase.defaultProps);
+  },
+  getCOtherProps: function getCOtherProps(panel) {
+    return ObjectUtils.getComponentDiffProps(panel, SplitterPanelBase.defaultProps);
+  },
+  getCProp: function getCProp(panel, name) {
+    return ObjectUtils.getComponentProp(panel, name, SplitterPanelBase.defaultProps);
+  }
+};
+
 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) {
+var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = SplitterBase.getProps(inProps);
   var elementRef = React.useRef(null);
   var gutterRef = React.useRef();
   var gutterRefs = React.useRef({});
@@ -186,6 +223,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     unbindDocumentMouseMoveListener();
     unbindDocumentMouseUpListener();
   };
+  var getPanelProp = function getPanelProp(panel, name) {
+    return SplitterPanelBase.getCProp(panel, name);
+  };
   var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
     if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
     if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
@@ -260,9 +300,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var onResizeEnd = function onResizeEnd(event) {
     setPanelSizes(function (prev) {
       var sizes = [];
-      for (var index = 0; index < props.children.length; index++) {
-        sizes[index] = panelSize(prev, index);
-      }
+      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) {
@@ -320,8 +358,8 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(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);
+    var otherProps = SplitterPanelBase.getCOtherProps(panel);
+    var panelClassName = classNames('p-splitter-panel', getPanelProp(panel, 'className'));
     var gutterStyle = props.layout === 'horizontal' ? {
       width: props.gutterSize + 'px'
     } : {
@@ -352,15 +390,15 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
       key: index,
       className: panelClassName,
-      style: _objectSpread(_objectSpread({}, panel.props.style), {}, {
+      style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
         flexBasis: flexBasis
       })
-    }, otherProps), panel.props.children), gutter);
+    }, otherProps), getPanelProp(panel, 'children')), gutter);
   };
   var createPanels = function createPanels() {
     return React.Children.map(props.children, createPanel);
   };
-  var otherProps = ObjectUtils.findDiffKeys(props, Splitter.defaultProps);
+  var otherProps = SplitterBase.getOtherProps(props);
   var className = classNames("p-splitter p-component p-splitter-".concat(props.layout), props.className);
   var panels = createPanels();
   return /*#__PURE__*/React.createElement("div", _extends({
@@ -371,24 +409,6 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, otherProps), panels);
 }));
 SplitterPanel.displayName = 'SplitterPanel';
-SplitterPanel.defaultProps = {
-  __TYPE: 'SplitterPanel',
-  className: null,
-  minSize: null,
-  size: null,
-  style: null
-};
 Splitter.displayName = 'Splitter';
-Splitter.defaultProps = {
-  __TYPE: 'Splitter',
-  className: null,
-  gutterSize: 4,
-  id: null,
-  layout: 'horizontal',
-  onResizeEnd: null,
-  stateKey: null,
-  stateStorage: 'session',
-  style: null
-};
 
 export { Splitter, SplitterPanel };

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

package/splitter/splitter.js

@@ -80,9 +80,7 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -129,9 +127,7 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
         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) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -153,10 +149,51 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var SplitterBase = {
+    defaultProps: {
+      __TYPE: 'Splitter',
+      className: null,
+      gutterSize: 4,
+      id: null,
+      layout: 'horizontal',
+      onResizeEnd: null,
+      stateKey: null,
+      stateStorage: 'session',
+      style: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, SplitterBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, SplitterBase.defaultProps);
+    }
+  };
+  var SplitterPanelBase = {
+    defaultProps: {
+      __TYPE: 'SplitterPanel',
+      className: null,
+      minSize: null,
+      size: null,
+      style: null,
+      children: undefined
+    },
+    getCProps: function getCProps(panel) {
+      return utils.ObjectUtils.getComponentProps(panel, SplitterPanelBase.defaultProps);
+    },
+    getCOtherProps: function getCOtherProps(panel) {
+      return utils.ObjectUtils.getComponentDiffProps(panel, SplitterPanelBase.defaultProps);
+    },
+    getCProp: function getCProp(panel, name) {
+      return utils.ObjectUtils.getComponentProp(panel, name, SplitterPanelBase.defaultProps);
+    }
+  };
+
   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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = SplitterBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var gutterRef = React__namespace.useRef();
     var gutterRefs = React__namespace.useRef({});
@@ -206,6 +243,9 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();
     };
+    var getPanelProp = function getPanelProp(panel, name) {
+      return SplitterPanelBase.getCProp(panel, name);
+    };
     var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
       if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
       if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
@@ -280,9 +320,7 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     var onResizeEnd = function onResizeEnd(event) {
       setPanelSizes(function (prev) {
         var sizes = [];
-        for (var index = 0; index < props.children.length; index++) {
-          sizes[index] = panelSize(prev, index);
-        }
+        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) {
@@ -340,8 +378,8 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       if (isStateful) restoreState();
     }, [restoreState, isStateful]);
     var createPanel = function createPanel(panel, index) {
-      var otherProps = utils.ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
-      var panelClassName = utils.classNames('p-splitter-panel', panel.props.className);
+      var otherProps = SplitterPanelBase.getCOtherProps(panel);
+      var panelClassName = utils.classNames('p-splitter-panel', getPanelProp(panel, 'className'));
       var gutterStyle = props.layout === 'horizontal' ? {
         width: props.gutterSize + 'px'
       } : {
@@ -372,15 +410,15 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
         key: index,
         className: panelClassName,
-        style: _objectSpread(_objectSpread({}, panel.props.style), {}, {
+        style: _objectSpread(_objectSpread({}, getPanelProp(panel, 'style')), {}, {
           flexBasis: flexBasis
         })
-      }, otherProps), panel.props.children), gutter);
+      }, otherProps), getPanelProp(panel, 'children')), gutter);
     };
     var createPanels = function createPanels() {
       return React__namespace.Children.map(props.children, createPanel);
     };
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Splitter.defaultProps);
+    var otherProps = SplitterBase.getOtherProps(props);
     var className = utils.classNames("p-splitter p-component p-splitter-".concat(props.layout), props.className);
     var panels = createPanels();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -391,25 +429,7 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     }, otherProps), panels);
   }));
   SplitterPanel.displayName = 'SplitterPanel';
-  SplitterPanel.defaultProps = {
-    __TYPE: 'SplitterPanel',
-    className: null,
-    minSize: null,
-    size: null,
-    style: null
-  };
   Splitter.displayName = 'Splitter';
-  Splitter.defaultProps = {
-    __TYPE: 'Splitter',
-    className: null,
-    gutterSize: 4,
-    id: null,
-    layout: 'horizontal',
-    onResizeEnd: null,
-    stateKey: null,
-    stateStorage: 'session',
-    style: null
-  };
 
   exports.Splitter = Splitter;
   exports.SplitterPanel = SplitterPanel;

package/splitter/splitter.min.js

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

package/steps/package.json

@@ -2,5 +2,6 @@
     "main": "./steps.cjs.js",
     "module": "./steps.esm.js",
     "unpkg": "./steps.min.js",
-    "types": "./steps.d.ts"
+    "types": "./steps.d.ts",
+    "sideEffects": false
 }

package/steps/steps.cjs.js

@@ -40,7 +40,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var StepsBase = {
+  defaultProps: {
+    __TYPE: 'Steps',
+    id: null,
+    model: null,
+    activeIndex: 0,
+    readOnly: true,
+    style: null,
+    className: null,
+    onSelect: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, StepsBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, StepsBase.defaultProps);
+  }
+};
+
+var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = StepsBase.getProps(inProps);
   var elementRef = React__namespace.useRef(null);
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
@@ -142,7 +163,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     };
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
+  var otherProps = StepsBase.getOtherProps(props);
   var className = utils.classNames('p-steps p-component', {
     'p-readonly': props.readOnly
   }, props.className);
@@ -155,15 +176,5 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   }, otherProps), items);
 }));
 Steps.displayName = 'Steps';
-Steps.defaultProps = {
-  __TYPE: 'Steps',
-  id: null,
-  model: null,
-  activeIndex: 0,
-  readOnly: true,
-  style: null,
-  className: null,
-  onSelect: null
-};
 
 exports.Steps = Steps;

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}var r=l.memo(l.forwardRef((function(e,n){var s=l.useRef(null),i=function(t,n,l){e.readOnly||n.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:n,index:l}),n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n,index:l}))},c=function(n,a){if(!1===n.visible)return null;var r=n.label+"_"+a,s=a===e.activeIndex,c=n.disabled||a!==e.activeIndex&&e.readOnly,u=c?-1:"",o=t.classNames("p-steps-item",n.className,{"p-highlight p-steps-current":s,"p-disabled":c}),p=t.classNames("p-menuitem-icon",n.icon),m=t.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),d=n.label&&l.createElement("span",{className:"p-steps-title"},n.label),f=l.createElement("a",{href:n.url||"#",className:"p-menuitem-link",role:"presentation",target:n.target,onClick:function(e){return i(e,n,a)},tabIndex:u},l.createElement("span",{className:"p-steps-number"},a+1),m,d);n.template&&(f=t.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return i(e,n,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:u,active:s,disabled:c}));return l.createElement("li",{key:r,id:n.id,className:o,style:n.style,role:"tab","aria-selected":s,"aria-expanded":s},f)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return s.current}}}));var u=t.ObjectUtils.findDiffKeys(e,r.defaultProps),o=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),p=function(){if(e.model){var t=e.model.map(c);return l.createElement("ul",{role:"tablist"},t)}return null}();return l.createElement("div",a({id:e.id,ref:s,className:o,style:e.style},u),p)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=n(e);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(this,arguments)}var a={defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,a.defaultProps)}},s=r.memo(r.forwardRef((function(e,n){var s=a.getProps(e),i=r.useRef(null),c=function(e,t,n){s.readOnly||t.disabled?e.preventDefault():(s.onSelect&&s.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},o=function(e,n){if(!1===e.visible)return null;var l=e.label+"_"+n,a=n===s.activeIndex,i=e.disabled||n!==s.activeIndex&&s.readOnly,o=i?-1:"",u=t.classNames("p-steps-item",e.className,{"p-highlight p-steps-current":a,"p-disabled":i}),p=t.classNames("p-menuitem-icon",e.icon),m=t.IconUtils.getJSXIcon(e.icon,{className:"p-menuitem-icon"},{props:s}),d=e.label&&r.createElement("span",{className:"p-steps-title"},e.label),f=r.createElement("a",{href:e.url||"#",className:"p-menuitem-link",role:"presentation",target:e.target,onClick:function(t){return c(t,e,n)},tabIndex:o},r.createElement("span",{className:"p-steps-number"},n+1),m,d);e.template&&(f=t.ObjectUtils.getJSXElement(e.template,e,{onClick:function(t){return c(t,e,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:s,tabIndex:o,active:a,disabled:i}));return r.createElement("li",{key:l,id:e.id,className:u,style:e.style,role:"tab","aria-selected":a,"aria-expanded":a},f)};r.useImperativeHandle(n,(function(){return{props:s,getElement:function(){return i.current}}}));var u=a.getOtherProps(s),p=t.classNames("p-steps p-component",{"p-readonly":s.readOnly},s.className),m=function(){if(s.model){var e=s.model.map(o);return r.createElement("ul",{role:"tablist"},e)}return null}();return r.createElement("div",l({id:s.id,ref:i,className:p,style:s.style},u),m)})));s.displayName="Steps",exports.Steps=s;

package/steps/steps.d.ts

@@ -2,7 +2,7 @@
  *
  * Steps also known as Stepper, is an indicator for the steps in a workflow. Layout of steps component is optimized for responsive design.
  *
- * [Live Demo](https://www.primefaces.org/primereact/steps/)
+ * [Live Demo](https://www.primereact.org/steps/)
  *
  * @module steps
  *
@@ -66,9 +66,9 @@ export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * _Steps also known as Stepper, is an indicator for the steps in a workflow. Layout of steps component is optimized for responsive design._
  *
- * [Live Demo](https://www.primefaces.org/primereact/steps/)
+ * [Live Demo](https://www.primereact.org/steps/)
  * --- ---
- * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *
  * @group Component
  */

package/steps/steps.esm.js

@@ -16,7 +16,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var StepsBase = {
+  defaultProps: {
+    __TYPE: 'Steps',
+    id: null,
+    model: null,
+    activeIndex: 0,
+    readOnly: true,
+    style: null,
+    className: null,
+    onSelect: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, StepsBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, StepsBase.defaultProps);
+  }
+};
+
+var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = StepsBase.getProps(inProps);
   var elementRef = React.useRef(null);
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
@@ -118,7 +139,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       }
     };
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
+  var otherProps = StepsBase.getOtherProps(props);
   var className = classNames('p-steps p-component', {
     'p-readonly': props.readOnly
   }, props.className);
@@ -131,15 +152,5 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   }, otherProps), items);
 }));
 Steps.displayName = 'Steps';
-Steps.defaultProps = {
-  __TYPE: 'Steps',
-  id: null,
-  model: null,
-  activeIndex: 0,
-  readOnly: true,
-  style: null,
-  className: null,
-  onSelect: null
-};
 
 export { Steps };

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as n,IconUtils as l}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}var r=e.memo(e.forwardRef((function(s,i){var m=e.useRef(null),c=function(e,t,n){s.readOnly||t.disabled?e.preventDefault():(s.onSelect&&s.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},p=function(a,r){if(!1===a.visible)return null;var i=a.label+"_"+r,m=r===s.activeIndex,p=a.disabled||r!==s.activeIndex&&s.readOnly,o=p?-1:"",u=n("p-steps-item",a.className,{"p-highlight p-steps-current":m,"p-disabled":p}),d=n("p-menuitem-icon",a.icon),f=l.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:s}),b=a.label&&e.createElement("span",{className:"p-steps-title"},a.label),v=e.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return c(e,a,r)},tabIndex:o},e.createElement("span",{className:"p-steps-number"},r+1),f,b);a.template&&(v=t.getJSXElement(a.template,a,{onClick:function(e){return c(e,a,r)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:d,element:v,props:s,tabIndex:o,active:m,disabled:p}));return e.createElement("li",{key:i,id:a.id,className:u,style:a.style,role:"tab","aria-selected":m,"aria-expanded":m},v)};e.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return m.current}}}));var o=t.findDiffKeys(s,r.defaultProps),u=n("p-steps p-component",{"p-readonly":s.readOnly},s.className),d=function(){if(s.model){var t=s.model.map(p);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",a({id:s.id,ref:m,className:u,style:s.style},o),d)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null};export{r as Steps};
+import*as e from"react";import{ObjectUtils as t,classNames as n,IconUtils as l}from"primereact/utils";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}var a={defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},getProps:function(e){return t.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,a.defaultProps)}},s=e.memo(e.forwardRef((function(s,i){var o=a.getProps(s),p=e.useRef(null),c=function(e,t,n){o.readOnly||t.disabled?e.preventDefault():(o.onSelect&&o.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},m=function(r,a){if(!1===r.visible)return null;var s=r.label+"_"+a,i=a===o.activeIndex,p=r.disabled||a!==o.activeIndex&&o.readOnly,m=p?-1:"",u=n("p-steps-item",r.className,{"p-highlight p-steps-current":i,"p-disabled":p}),d=n("p-menuitem-icon",r.icon),f=l.getJSXIcon(r.icon,{className:"p-menuitem-icon"},{props:o}),b=r.label&&e.createElement("span",{className:"p-steps-title"},r.label),v=e.createElement("a",{href:r.url||"#",className:"p-menuitem-link",role:"presentation",target:r.target,onClick:function(e){return c(e,r,a)},tabIndex:m},e.createElement("span",{className:"p-steps-number"},a+1),f,b);r.template&&(v=t.getJSXElement(r.template,r,{onClick:function(e){return c(e,r,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:d,element:v,props:o,tabIndex:m,active:i,disabled:p}));return e.createElement("li",{key:s,id:r.id,className:u,style:r.style,role:"tab","aria-selected":i,"aria-expanded":i},v)};e.useImperativeHandle(i,(function(){return{props:o,getElement:function(){return p.current}}}));var u=a.getOtherProps(o),d=n("p-steps p-component",{"p-readonly":o.readOnly},o.className),f=function(){if(o.model){var t=o.model.map(m);return e.createElement("ul",{role:"tablist"},t)}return null}();return e.createElement("div",r({id:o.id,ref:p,className:d,style:o.style},u),f)})));s.displayName="Steps";export{s as Steps};