primereact 8.7.2 → 9.0.0-beta.1

package/splitter/splitter.js

@@ -26,20 +26,45 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -50,17 +75,14 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
-
     for (var i = 0, arr2 = new Array(len); i < len; i++) {
       arr2[i] = arr[i];
     }
-
     return arr2;
   }
 
@@ -94,33 +116,33 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -132,7 +154,6 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
   }
 
   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) {
@@ -149,65 +170,53 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     var nextPanelSize = React__namespace.useRef(null);
     var nextPanelSizeNew = React__namespace.useRef(null);
     var prevPanelIndex = React__namespace.useRef(null);
-
     var _React$useState = React__namespace.useState([]),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        panelSizes = _React$useState2[0],
-        setPanelSizes = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      panelSizes = _React$useState2[0],
+      setPanelSizes = _React$useState2[1];
     var isStateful = props.stateKey != null;
-    var childrenLength = props.children && props.children.length;
-
+    var childrenLength = props.children && props.children.length || 1;
     var panelSize = function panelSize(sizes, index) {
-      return index in sizes ? sizes[index] : (props.children[index] && props.children[index].props.size || 100) / childrenLength;
+      return index in sizes ? sizes[index] : props.children && [].concat(props.children)[index].props.size || 100 / childrenLength;
     };
-
     var _useEventListener = hooks.useEventListener({
-      type: 'mousemove',
-      listener: function listener(event) {
-        return onResize(event);
-      }
-    }),
-        _useEventListener2 = _slicedToArray(_useEventListener, 2),
-        bindDocumentMouseMoveListener = _useEventListener2[0],
-        unbindDocumentMouseMoveListener = _useEventListener2[1];
-
+        type: 'mousemove',
+        listener: function listener(event) {
+          return onResize(event);
+        }
+      }),
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentMouseMoveListener = _useEventListener2[0],
+      unbindDocumentMouseMoveListener = _useEventListener2[1];
     var _useEventListener3 = hooks.useEventListener({
-      type: 'mouseup',
-      listener: function listener(event) {
-        onResizeEnd(event);
-        unbindMouseListeners();
-      }
-    }),
-        _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-        bindDocumentMouseUpListener = _useEventListener4[0],
-        unbindDocumentMouseUpListener = _useEventListener4[1];
-
+        type: 'mouseup',
+        listener: function listener(event) {
+          onResizeEnd(event);
+          unbindMouseListeners();
+        }
+      }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentMouseUpListener = _useEventListener4[0],
+      unbindDocumentMouseUpListener = _useEventListener4[1];
     var bindMouseListeners = function bindMouseListeners() {
       bindDocumentMouseMoveListener();
       bindDocumentMouseUpListener();
     };
-
     var unbindMouseListeners = function unbindMouseListeners() {
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();
     };
-
     var validateResize = function validateResize(newPrevPanelSize, newNextPanelSize) {
       if (newPrevPanelSize > 100 || newPrevPanelSize < 0) return false;
       if (newNextPanelSize > 100 || newNextPanelSize < 0) return false;
-
       if (props.children[prevPanelIndex.current].props && props.children[prevPanelIndex.current].props.minSize && props.children[prevPanelIndex.current].props.minSize > newPrevPanelSize) {
         return false;
       }
-
       if (props.children[prevPanelIndex.current + 1].props && props.children[prevPanelIndex.current + 1].props.minSize && props.children[prevPanelIndex.current + 1].props.minSize > newNextPanelSize) {
         return false;
       }
-
       return true;
     };
-
     var clear = function clear() {
       dragging.current = false;
       size.current = null;
@@ -220,29 +229,23 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       nextPanelSizeNew.current = null;
       prevPanelIndex.current = null;
     };
-
     var getStorage = React__namespace.useCallback(function () {
       switch (props.stateStorage) {
         case 'local':
           return window.localStorage;
-
         case 'session':
           return window.sessionStorage;
-
         default:
           throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local" and "session".');
       }
     }, [props.stateStorage]);
-
     var saveState = function saveState(sizes) {
       getStorage().setItem(props.stateKey, JSON.stringify(sizes));
     };
-
     var restoreState = React__namespace.useCallback(function () {
       var stateString = getStorage().getItem(props.stateKey);
       if (stateString) setPanelSizes(JSON.parse(stateString));
     }, [getStorage, props.stateKey]);
-
     var onResizeStart = function onResizeStart(event, index) {
       gutterRef.current = gutterRefs.current[index];
       var pageX = event.type === 'touchstart' ? event.touches[0].pageX : event.pageX;
@@ -260,7 +263,6 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       utils.DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
       utils.DomHandler.addClass(elementRef.current, 'p-splitter-resizing');
     };
-
     var onResize = function onResize(event) {
       var newPos;
       var pageX = event.type === 'touchmove' ? event.touches[0].pageX : event.pageX;
@@ -268,7 +270,6 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       if (props.layout === 'horizontal') newPos = pageX * 100 / size.current - startPos.current * 100 / size.current;else newPos = pageY * 100 / size.current - startPos.current * 100 / size.current;
       var newPrevPanelSize = prevPanelSize.current + newPos;
       var newNextPanelSize = nextPanelSize.current - newPos;
-
       if (validateResize(newPrevPanelSize, newNextPanelSize)) {
         prevPanelSizeNew.current = newPrevPanelSize;
         nextPanelSizeNew.current = newNextPanelSize;
@@ -276,25 +277,20 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
         nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
       }
     };
-
     var onResizeEnd = function onResizeEnd(event) {
       setPanelSizes(function (prev) {
         var sizes = [];
-
         for (var index = 0; index < props.children.length; index++) {
           sizes[index] = panelSize(prev, index);
         }
-
         sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
         sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
-
         if (props.onResizeEnd) {
           props.onResizeEnd({
             originalEvent: event,
             sizes: sizes
           });
         }
-
         if (isStateful) saveState(sizes);
         return sizes;
       });
@@ -302,12 +298,10 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       utils.DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
       clear();
     };
-
     var onGutterMouseDown = function onGutterMouseDown(event, index) {
       onResizeStart(event, index);
       bindMouseListeners();
     };
-
     var onGutterTouchStart = function onGutterTouchStart(event, index) {
       onResizeStart(event, index);
       window.addEventListener('touchmove', onGutterTouchMove, {
@@ -316,17 +310,14 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       });
       window.addEventListener('touchend', onGutterTouchEnd);
     };
-
     var onGutterTouchMove = function onGutterTouchMove(event) {
       onResize(event);
     };
-
     var onGutterTouchEnd = function onGutterTouchEnd(event) {
       onResizeEnd(event);
       window.removeEventListener('touchmove', onGutterTouchMove);
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
@@ -339,7 +330,6 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.hasClass(child, 'p-splitter-panel');
       });
-
       panelElements.map(function (panelElement) {
         if (panelElement.childNodes && utils.ObjectUtils.isNotEmpty(utils.DomHandler.find(panelElement, '.p-splitter'))) {
           utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
@@ -349,7 +339,6 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
     React__namespace.useEffect(function () {
       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);
@@ -388,11 +377,9 @@ this.primereact.splitter = (function (exports, React, hooks, utils) {
         })
       }, otherProps), panel.props.children), gutter);
     };
-
     var createPanels = function createPanels() {
       return React__namespace.Children.map(props.children, createPanel);
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Splitter.defaultProps);
     var className = utils.classNames("p-splitter p-component p-splitter-".concat(props.layout), props.className);
     var panels = createPanels();

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 i(){return i=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},i.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function 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 a(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return 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 f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){o=!0,u=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw u}}return l}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return d(e)||m(e,t)||p(e,t)||h()}function g(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 v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=function(){},O=l.memo(l.forwardRef((function(e,t){var u=l.useRef(null),o=l.useRef(),c=l.useRef({}),d=l.useRef(null),m=l.useRef(null),h=l.useRef(null),g=l.useRef(null),S=l.useRef(null),w=l.useRef(null),E=l.useRef(null),z=l.useRef(null),j=l.useRef(null),P=l.useRef(null),D=y(l.useState([]),2),R=D[0],H=D[1],N=null!=e.stateKey,x=e.children&&e.children.length,C=function(t,r){return r in t?t[r]:(e.children[r]&&e.children[r].props.size||100)/x},A=y(r.useEventListener({type:"mousemove",listener:function(e){return W(e)}}),2),I=A[0],_=A[1],K=y(r.useEventListener({type:"mouseup",listener:function(e){J(e),L()}}),2),T=K[0],k=K[1],L=function(){_(),k()},Y=function(t,r){return!(t>100||t<0)&&(!(r>100||r<0)&&(!(e.children[P.current].props&&e.children[P.current].props.minSize&&e.children[P.current].props.minSize>t)&&!(e.children[P.current+1].props&&e.children[P.current+1].props.minSize&&e.children[P.current+1].props.minSize>r)))},M=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){o.current=c.current[r];var l="touchstart"===t.type?t.touches[0].pageX:t.pageX,i="touchstart"===t.type?t.touches[0].pageY:t.pageY;d.current="horizontal"===e.layout?n.DomHandler.getWidth(u.current):n.DomHandler.getHeight(u.current),m.current=!0,h.current="horizontal"===e.layout?l:i,g.current=o.current.previousElementSibling,S.current=o.current.nextElementSibling,w.current=100*("horizontal"===e.layout?n.DomHandler.getOuterWidth(g.current,!0):n.DomHandler.getOuterHeight(g.current,!0))/d.current,E.current=w.current,z.current=100*("horizontal"===e.layout?n.DomHandler.getOuterWidth(S.current,!0):n.DomHandler.getOuterHeight(S.current,!0))/d.current,j.current=z.current,P.current=r,n.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),n.DomHandler.addClass(u.current,"p-splitter-resizing")},W=function(t){var r,n=w.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/d.current-100*h.current/d.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/d.current-100*h.current/d.current),u=z.current-r;Y(n,u)&&(E.current=n,j.current=u,g.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",S.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)")},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]=E.current,n[P.current+1]=j.current,e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:n}),N&&U(n),n})),n.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),n.DomHandler.removeClass(u.current,"p-splitter-resizing"),m.current=!1,d.current=null,h.current=null,g.current=null,S.current=null,w.current=null,E.current=null,z.current=null,j.current=null,P.current=null},F=function(e,t){B(e,t),I(),T()},$=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,a(e)||s(e)||p(e)||f()).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,b.defaultProps),o=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",i({key:r,className:o,style:v(v({},t.props.style),{},{flexBasis:s})},u),t.props.children),a)},V=n.ObjectUtils.findDiffKeys(e,O.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",i({ref:u,id:e.id,className:Z,style:e.style},V),ee)})));return b.displayName="SplitterPanel",b.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},e.Splitter=O,e.SplitterPanel=b,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 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);

package/steps/steps.cjs.js

@@ -29,14 +29,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -44,13 +42,11 @@ function _extends() {
 
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
-
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (props.onSelect) {
       props.onSelect({
         originalEvent: event,
@@ -58,11 +54,9 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         index: index
       });
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -71,12 +65,10 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       });
     }
   };
-
   var createItem = function createItem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var key = item.label + '_' + index;
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -106,7 +98,6 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     }, /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-steps-number"
     }, index + 1), icon, label);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -124,7 +115,6 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
       id: item.id,
@@ -135,19 +125,15 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       "aria-expanded": active
     }, content);
   };
-
   var createItems = function createItems() {
     if (props.model) {
       var _items = props.model.map(createItem);
-
       return /*#__PURE__*/React__namespace.createElement("ul", {
         role: "tablist"
       }, _items);
     }
-
     return null;
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,

package/steps/steps.d.ts

@@ -1,20 +1,81 @@
+/**
+ *
+ * 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/)
+ *
+ * @module steps
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
-interface StepsSelectParams {
+/**
+ * Custom select event
+ * @see {@link StepsProps.onSelect}
+ * @event
+ */
+interface StepsSelectEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Selected item instance
+     */
     item: MenuItem;
+    /**
+     * Index of selected item instance
+     */
     index: number;
 }
 
+/**
+ * Defines valid properties in Steps component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onSelect' | 'ref'> {
-    model: MenuItem[];
-    activeIndex?: number;
-    readOnly?: boolean;
-    onSelect?(e: StepsSelectParams): void;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model: MenuItem[] | undefined;
+    /**
+     * Index of the active item.
+     * @defaultValue 0
+     */
+    activeIndex?: number | undefined;
+    /**
+     * Whether the items are clickable or not.
+     * @defaultValue true
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Callback to invoke when the new step is selected.
+     * @param {StepsSelectEvent} event - Custom select event
+     */
+    onSelect?(event: StepsSelectEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Steps**
+ *
+ * _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/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Steps extends React.Component<StepsProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/steps/steps.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -20,13 +18,11 @@ function _extends() {
 
 var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
-
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
       return;
     }
-
     if (props.onSelect) {
       props.onSelect({
         originalEvent: event,
@@ -34,11 +30,9 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
         index: index
       });
     }
-
     if (!item.url) {
       event.preventDefault();
     }
-
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -47,12 +41,10 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       });
     }
   };
-
   var createItem = function createItem(item, index) {
     if (item.visible === false) {
       return null;
     }
-
     var key = item.label + '_' + index;
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -82,7 +74,6 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     }, /*#__PURE__*/React.createElement("span", {
       className: "p-steps-number"
     }, index + 1), icon, label);
-
     if (item.template) {
       var defaultContentOptions = {
         onClick: function onClick(event) {
@@ -100,7 +91,6 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       };
       content = ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-
     return /*#__PURE__*/React.createElement("li", {
       key: key,
       id: item.id,
@@ -111,19 +101,15 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       "aria-expanded": active
     }, content);
   };
-
   var createItems = function createItems() {
     if (props.model) {
       var _items = props.model.map(createItem);
-
       return /*#__PURE__*/React.createElement("ul", {
         role: "tablist"
       }, _items);
     }
-
     return null;
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,