primereact 8.2.0 → 8.3.0

package/splitbutton/splitbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,l,o,r,a,i,u,s){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 p=m(t),d=c(n);function f(){return f=Object.assign||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},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function E(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function N(){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 g(e,t){return b(e)||y(e,t)||E(e,t)||N()}var h=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,l=n.icon,o=n.label,r=n.template,a=n.url,u=n.target,s=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),c=i.classNames("p-menuitem-icon",l),m=i.IconUtils.getJSXIcon(l,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:a||"#",role:"menuitem",className:s,target:u,onClick:t,"aria-label":o},m,o&&p.createElement("span",{className:"p-menuitem-text"},o));r&&(d=i.ObjectUtils.getJSXElement(r,e.menuitem,{onClick:t,className:s,labelClassName:"p-menuitem-text",iconClassName:c,element:d,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));h.displayName="SplitButtonItem";var I=p.forwardRef((function(e,t){var n,l=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},p.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(s.Portal,{element:l,appendTo:e.appendTo})}));I.displayName="SplitButtonPanel";var O=p.memo(p.forwardRef((function(e,t){var n=g(p.useState(e.id),2),u=n[0],s=n[1],c=g(p.useState(!1),2),m=c[0],b=c[1],y=p.useRef(null),v=p.useRef(null),E=p.useRef(null),N=g(o.useOverlayListener({target:y,overlay:E,listener:function(e,t){t.valid&&j()},when:m}),2),C=N[0],S=N[1],x=function(){j()},k=function(){b(!0)},j=function(){b(!1)},w=function(){i.DomHandler.alignOverlay(E.current,v.current.parentElement,e.appendTo||d.default.appendTo)};o.useMountEffect((function(){u||s(i.UniqueComponentId())})),o.useUnmountEffect((function(){i.ZIndexUtils.clear(E.current)})),p.useImperativeHandle(t,(function(){return{show:k,hide:j}}));var P=i.ObjectUtils.isNotEmpty(e.tooltip),T=i.ObjectUtils.findDiffKeys(e,O.defaultProps),B=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),U=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return p.createElement(h,{splitButtonProps:e,menuitem:t,key:n,onItemClick:x})})):null,H=u+"_menu";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:B,style:e.style},T),p.createElement(l.Button,f({ref:v,type:"button",className:U,icon:e.icon,loading:e.loading,loadingIcon:e.loadingIcon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},e.buttonProps),_),p.createElement(l.Button,f({type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?j():k()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":"true","aria-controls":m?H:null},e.menuButtonProps)),p.createElement(I,{ref:E,appendTo:e.appendTo,menuId:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){r.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",E.current,d.default.autoZIndex,d.default.zIndex.overlay),w()},onEntered:function(){C(),e.onShow&&e.onShow()},onExit:function(){S()},onExited:function(){i.ZIndexUtils.clear(E.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),P&&p.createElement(a.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return O.displayName="SplitButton",O.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);
+this.primereact=this.primereact||{},this.primereact.splitbutton=function(e,t,n,r,l,o,a,i,u,c){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 p=m(t),d=s(n);function f(){return f=Object.assign||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},f.apply(this,arguments)}function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function E(e,t){if(e){if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?O(e,t):void 0}}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 N(e,t){return y(e)||v(e,t)||E(e,t)||g()}var h=p.memo((function(e){var t=function(t){e.menuitem.command&&e.menuitem.command({originalEvent:t,item:e.menuitem}),e.onItemClick&&e.onItemClick(t),t.preventDefault()},n=function(){var n=e.menuitem,r=n.icon,l=n.label,o=n.template,a=n.url,u=n.target,c=i.classNames("p-menuitem-link",{"p-disabled":n.disabled}),s=i.classNames("p-menuitem-icon",r),m=i.IconUtils.getJSXIcon(r,{className:"p-menuitem-icon"},{props:e.splitButtonProps}),d=p.createElement("a",{href:a||"#",role:"menuitem",className:c,target:u,onClick:t,"aria-label":l},m,l&&p.createElement("span",{className:"p-menuitem-text"},l));o&&(d=i.ObjectUtils.getJSXElement(o,e.menuitem,{onClick:t,className:c,labelClassName:"p-menuitem-text",iconClassName:s,element:d,props:e}));return p.createElement("li",{className:"p-menuitem",role:"none"},d)};return e.menuitem.separator?p.createElement("li",{className:"p-menu-separator",role:"separator"}):n()}));h.displayName="SplitButtonItem";var j=p.forwardRef((function(e,t){var n,r=(n=i.classNames("p-menu p-menu-overlay p-component",e.menuClassName),p.createElement(u.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},p.createElement("div",{ref:t,className:n,style:e.menuStyle,onClick:e.onClick},p.createElement("ul",{id:e.menuId,className:"p-menu-list p-reset",role:"menu"},e.children))));return p.createElement(c.Portal,{element:r,appendTo:e.appendTo})}));function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="SplitButtonPanel";var C=p.memo(p.forwardRef((function(e,t){var n=N(p.useState(e.id),2),u=n[0],c=n[1],s=N(p.useState(!1),2),m=s[0],b=s[1],y=p.useRef(null),v=p.useRef(null),O=p.useRef(null),E=N(l.useOverlayListener({target:y,overlay:O,listener:function(e,t){t.valid&&x()},when:m}),2),g=E[0],S=E[1],P=function(){x()},w=function(){b(!0)},x=function(){b(!1)},k=function(){i.DomHandler.alignOverlay(O.current,v.current.parentElement,e.appendTo||d.default.appendTo)};l.useMountEffect((function(){u||c(i.UniqueComponentId())})),l.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)})),p.useImperativeHandle(t,(function(){return I({show:w,hide:x,getElement:function(){return y.current}},e)}));var T=i.ObjectUtils.isNotEmpty(e.tooltip),B=i.ObjectUtils.findDiffKeys(e,C.defaultProps),U=i.classNames("p-splitbutton p-component",e.className,{"p-disabled":e.disabled}),D=i.classNames("p-splitbutton-defaultbutton",e.buttonClassName),R=i.classNames("p-splitbutton-menubutton",e.menuButtonClassName),_=e.buttonTemplate?i.ObjectUtils.getJSXElement(e.buttonTemplate,e):null,A=e.model?e.model.map((function(t,n){return p.createElement(h,{splitButtonProps:e,menuitem:t,key:n,onItemClick:P})})):null,H=u+"_menu";return p.createElement(p.Fragment,null,p.createElement("div",f({ref:y,id:u,className:U,style:e.style},B),p.createElement(r.Button,f({ref:v,type:"button",className:D,icon:e.icon,loading:e.loading,loadingIcon:e.loadingIcon,label:e.label,onClick:e.onClick,disabled:e.disabled,tabIndex:e.tabIndex},e.buttonProps),_),p.createElement(r.Button,f({type:"button",className:R,icon:e.dropdownIcon,onClick:function(){m?x():w()},disabled:e.disabled,"aria-expanded":m,"aria-haspopup":"true","aria-controls":m?H:null},e.menuButtonProps)),p.createElement(j,{ref:O,appendTo:e.appendTo,menuId:H,menuStyle:e.menuStyle,menuClassName:e.menuClassName,onClick:function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},in:m,onEnter:function(){i.ZIndexUtils.set("overlay",O.current,d.default.autoZIndex,d.default.zIndex.overlay),k()},onEntered:function(){g(),e.onShow&&e.onShow()},onExit:function(){S()},onExited:function(){i.ZIndexUtils.clear(O.current),e.onHide&&e.onHide()},transitionOptions:e.transitionOptions},A)),T&&p.createElement(a.Tooltip,f({target:y,content:e.tooltip},e.tooltipOptions)))})));return C.displayName="SplitButton",C.defaultProps={__TYPE:"SplitButton",id:null,label:null,icon:null,loading:!1,loadingIcon:"pi pi-spinner pi-spin",model:null,disabled:null,style:null,className:null,buttonClassName:null,menuStyle:null,menuClassName:null,menuButtonClassName:null,buttonProps:null,menuButtonProps:null,tabIndex:null,appendTo:null,tooltip:null,tooltipOptions:null,buttonTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",onClick:null,onShow:null,onHide:null},e.SplitButton=C,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal);

package/splitter/splitter.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -121,6 +136,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 elementRef = React__namespace.useRef(null);
@@ -302,6 +320,13 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.hasClass(child, 'p-splitter-panel');

package/splitter/splitter.cjs.min.js

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

package/splitter/splitter.d.ts

@@ -19,10 +19,7 @@ interface SplitterPanelProps {
 
 export declare class SplitterPanel extends React.Component<SplitterPanelProps, any> { }
 
-export interface SplitterProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface SplitterProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     layout?: SplitterLayoutType;
     gutterSize?: number;
     stateKey?: string;
@@ -31,4 +28,6 @@ export interface SplitterProps {
     children?: React.ReactNode;
 }
 
-export declare class Splitter extends React.Component<SplitterProps, any> { }
+export declare class Splitter extends React.Component<SplitterProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/splitter/splitter.esm.js

@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -97,6 +112,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 elementRef = React.useRef(null);
@@ -278,6 +296,13 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.hasClass(child, 'p-splitter-panel');

package/splitter/splitter.esm.min.js

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

package/splitter/splitter.js

@@ -40,6 +40,21 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -117,6 +132,9 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  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 elementRef = React__namespace.useRef(null);
@@ -298,6 +316,13 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.hasClass(child, 'p-splitter-panel');

package/splitter/splitter.min.js

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

package/steps/steps.cjs.js

@@ -43,7 +43,27 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+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 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();
@@ -143,6 +163,13 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = utils.classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -150,6 +177,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var items = createItems();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);

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

package/steps/steps.d.ts

@@ -7,15 +7,14 @@ interface StepsSelectParams {
     index: number;
 }
 
-export interface StepsProps {
-    id?: string;
+export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model: MenuItem[];
     activeIndex?: number;
     readOnly?: boolean;
-    style?: object;
-    className?: string;
     onSelect?(e: StepsSelectParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Steps extends React.Component<StepsProps, any> { }
+export declare class Steps extends React.Component<StepsProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/steps/steps.esm.js

@@ -19,7 +19,27 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+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 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();
@@ -119,6 +139,13 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -126,6 +153,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var items = createItems();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);

package/steps/steps.esm.min.js

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

package/steps/steps.js

@@ -40,7 +40,27 @@ this.primereact.steps = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  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 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();
@@ -140,6 +160,13 @@ this.primereact.steps = (function (exports, React, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
     var className = utils.classNames('p-steps p-component', {
       'p-readonly': props.readOnly
@@ -147,6 +174,7 @@ this.primereact.steps = (function (exports, React, utils) {
     var items = createItems();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), items);

package/steps/steps.min.js

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