primereact 8.6.0 → 8.7.0

package/splitter/splitter.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.splitter = (function (exports, React, utils, hooks) {
+this.primereact.splitter = (function (exports, React, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -39,6 +39,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;
 
@@ -74,6 +89,10 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
+  function _readOnlyError(name) {
+    throw new TypeError("\"" + name + "\" is read-only");
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -116,6 +135,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);
@@ -127,11 +149,22 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     var prevPanelElement = React__namespace.useRef(null);
     var nextPanelElement = React__namespace.useRef(null);
     var prevPanelSize = React__namespace.useRef(null);
+    var prevPanelSizeNew = React__namespace.useRef(null);
     var nextPanelSize = React__namespace.useRef(null);
+    var nextPanelSizeNew = React__namespace.useRef(null);
     var prevPanelIndex = React__namespace.useRef(null);
-    var panelSizes = React__namespace.useRef(null);
-    var mounted = React__namespace.useRef(false);
+
+    var _React$useState = React__namespace.useState([]),
+        _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 panelSize = function panelSize(sizes, index) {
+      return index in sizes ? sizes[index] : (props.children[index].props.size || 100) / childrenLength;
+    };
 
     var _useEventListener = hooks.useEventListener({
       type: 'mousemove',
@@ -165,6 +198,9 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     };
 
     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;
       }
@@ -183,11 +219,13 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       prevPanelElement.current = null;
       nextPanelElement.current = null;
       prevPanelSize.current = null;
+      prevPanelSizeNew.current = null;
       nextPanelSize.current = null;
+      nextPanelSizeNew.current = null;
       prevPanelIndex.current = null;
     };
 
-    var getStorage = function getStorage() {
+    var getStorage = React__namespace.useCallback(function () {
       switch (props.stateStorage) {
         case 'local':
           return window.localStorage;
@@ -198,31 +236,16 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
         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() {
-      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
+    var saveState = function saveState(sizes) {
+      getStorage().setItem(props.stateKey, JSON.stringify(sizes));
     };
 
-    var restoreState = function restoreState() {
-      var storage = getStorage();
-      var stateString = storage.getItem(props.stateKey);
-
-      if (stateString) {
-        panelSizes.current = JSON.parse(stateString);
-
-        var children = _toConsumableArray(elementRef.current.children).filter(function (child) {
-          return utils.DomHandler.hasClass(child, 'p-splitter-panel');
-        });
-
-        children.forEach(function (child, i) {
-          child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        });
-        return true;
-      }
-
-      return false;
-    };
+    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];
@@ -234,7 +257,9 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       prevPanelElement.current = gutterRef.current.previousElementSibling;
       nextPanelElement.current = gutterRef.current.nextElementSibling;
       prevPanelSize.current = 100 * (props.layout === 'horizontal' ? utils.DomHandler.getOuterWidth(prevPanelElement.current, true) : utils.DomHandler.getOuterHeight(prevPanelElement.current, true)) / size.current;
+      prevPanelSizeNew.current = prevPanelSize.current;
       nextPanelSize.current = 100 * (props.layout === 'horizontal' ? utils.DomHandler.getOuterWidth(nextPanelElement.current, true) : utils.DomHandler.getOuterHeight(nextPanelElement.current, true)) / size.current;
+      nextPanelSizeNew.current = nextPanelSize.current;
       prevPanelIndex.current = index;
       utils.DomHandler.addClass(gutterRef.current, 'p-splitter-gutter-resizing');
       utils.DomHandler.addClass(elementRef.current, 'p-splitter-resizing');
@@ -249,25 +274,34 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       var newNextPanelSize = nextPanelSize.current - newPos;
 
       if (validateResize(newPrevPanelSize, newNextPanelSize)) {
+        prevPanelSizeNew.current = newPrevPanelSize;
+        nextPanelSizeNew.current = newNextPanelSize;
         prevPanelElement.current.style.flexBasis = 'calc(' + newPrevPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
         nextPanelElement.current.style.flexBasis = 'calc(' + newNextPanelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-        panelSizes.current[prevPanelIndex.current] = newPrevPanelSize;
-        panelSizes.current[prevPanelIndex.current + 1] = newNextPanelSize;
       }
     };
 
     var onResizeEnd = function onResizeEnd(event) {
-      if (isStateful) {
-        saveState();
-      }
+      setPanelSizes(function (prev) {
+        var sizes = [];
 
-      if (props.onResizeEnd) {
-        props.onResizeEnd({
-          originalEvent: event,
-          sizes: panelSizes.current
-        });
-      }
+        for (var index = 0; index < props.children.length; _readOnlyError("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;
+      });
       utils.DomHandler.removeClass(gutterRef.current, 'p-splitter-gutter-resizing');
       utils.DomHandler.removeClass(elementRef.current, 'p-splitter-resizing');
       clear();
@@ -315,30 +349,10 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
           utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         }
       });
-
-      if (props.children && props.children.length) {
-        var initialized = false;
-
-        if (isStateful && !mounted.current) {
-          initialized = restoreState();
-        }
-
-        if (!initialized) {
-          var _panelSizes = [];
-          props.children.map(function (panel, i) {
-            var panelInitialSize = panel.props && panel.props.size ? panel.props.size : null;
-            var panelSize = panelInitialSize || 100 / props.children.length;
-            _panelSizes[i] = panelSize;
-            panelElements[i].style.flexBasis = 'calc(' + panelSize + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
-            return _panelSizes;
-          });
-          panelSizes.current = _panelSizes;
-          mounted.current && saveState();
-        }
-      }
-
-      mounted.current = true;
-    });
+    }, []);
+    React__namespace.useEffect(function () {
+      if (isStateful) restoreState();
+    }, [restoreState, isStateful]);
 
     var createPanel = function createPanel(panel, index) {
       var otherProps = utils.ObjectUtils.findDiffKeys(panel.props, SplitterPanel.defaultProps);
@@ -369,10 +383,13 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       }, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-splitter-gutter-handle"
       }));
+      var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
         key: index,
         className: panelClassName,
-        style: panel.props.style
+        style: _objectSpread(_objectSpread({}, panel.props.style), {}, {
+          flexBasis: flexBasis
+        })
       }, otherProps), panel.props.children), gutter);
     };
 
@@ -393,22 +410,22 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
   SplitterPanel.displayName = 'SplitterPanel';
   SplitterPanel.defaultProps = {
     __TYPE: 'SplitterPanel',
-    size: null,
+    className: null,
     minSize: null,
-    style: null,
-    className: null
+    size: null,
+    style: null
   };
   Splitter.displayName = 'Splitter';
   Splitter.defaultProps = {
     __TYPE: 'Splitter',
-    id: null,
     className: null,
-    style: null,
-    layout: 'horizontal',
     gutterSize: 4,
+    id: null,
+    layout: 'horizontal',
+    onResizeEnd: null,
     stateKey: null,
     stateStorage: 'session',
-    onResizeEnd: null
+    style: null
   };
 
   exports.Splitter = Splitter;
@@ -418,4 +435,4 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
 
   return exports;
 
-})({}, React, primereact.utils, primereact.hooks);
+})({}, React, primereact.hooks, primereact.utils);

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?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){(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 _(e)}}),2),D=O[0],H=O[1],R=y(n.useEventListener({type:"mouseup",listener:function(e){T(e),P()}}),2),j=R[0],N=R[1],P=function(){H(),N()},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))},I=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")},_=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){I(e,t),D(),j()},L=function(e,t){I(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){_(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),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 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,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){throw new TypeError('"'+e+'" is read-only')}function m(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],o=!0,i=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==r.return||r.return()}finally{if(i)throw u}}return l}}function 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 m(e)||h(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){i(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),i=l.useRef(),c=l.useRef({}),m=l.useRef(null),h=l.useRef(null),y=l.useRef(null),v=l.useRef(null),w=l.useRef(null),E=l.useRef(null),z=l.useRef(null),j=l.useRef(null),P=l.useRef(null),D=l.useRef(null),R=g(l.useState([]),2),H=R[0],N=R[1],x=null!=e.stateKey,C=e.children&&e.children.length,A=function(t,r){return r in t?t[r]:(e.children[r].props.size||100)/C},I=g(r.useEventListener({type:"mousemove",listener:function(e){return J(e)}}),2),T=I[0],_=I[1],K=g(r.useEventListener({type:"mouseup",listener:function(e){F(e),Y()}}),2),k=K[0],L=K[1],Y=function(){_(),L()},M=function(t,r){return!(t>100||t<0)&&(!(r>100||r<0)&&(!(e.children[D.current].props&&e.children[D.current].props.minSize&&e.children[D.current].props.minSize>t)&&!(e.children[D.current+1].props&&e.children[D.current+1].props.minSize&&e.children[D.current+1].props.minSize>r)))},U=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]),X=function(t){U().setItem(e.stateKey,JSON.stringify(t))},B=l.useCallback((function(){var t=U().getItem(e.stateKey);t&&N(JSON.parse(t))}),[U,e.stateKey]),W=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;m.current="horizontal"===e.layout?n.DomHandler.getWidth(u.current):n.DomHandler.getHeight(u.current),h.current=!0,y.current="horizontal"===e.layout?l:o,v.current=i.current.previousElementSibling,w.current=i.current.nextElementSibling,E.current=100*("horizontal"===e.layout?n.DomHandler.getOuterWidth(v.current,!0):n.DomHandler.getOuterHeight(v.current,!0))/m.current,z.current=E.current,j.current=100*("horizontal"===e.layout?n.DomHandler.getOuterWidth(w.current,!0):n.DomHandler.getOuterHeight(w.current,!0))/m.current,P.current=j.current,D.current=r,n.DomHandler.addClass(i.current,"p-splitter-gutter-resizing"),n.DomHandler.addClass(u.current,"p-splitter-resizing")},J=function(t){var r,n=E.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/m.current-100*y.current/m.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/m.current-100*y.current/m.current),u=j.current-r;M(n,u)&&(z.current=n,P.current=u,v.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",w.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)")},F=function(t){N((function(r){for(var n=[];0<e.children.length;d("index"))n[0]=A(r,0);return n[D.current]=z.current,n[D.current+1]=P.current,e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:n}),x&&X(n),n})),n.DomHandler.removeClass(i.current,"p-splitter-gutter-resizing"),n.DomHandler.removeClass(u.current,"p-splitter-resizing"),h.current=!1,m.current=null,y.current=null,v.current=null,w.current=null,E.current=null,z.current=null,j.current=null,P.current=null,D.current=null},$=function(e,t){W(e,t),T(),k()},q=function(e,t){W(e,t),window.addEventListener("touchmove",G,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Q)},G=function(e){J(e)},Q=function e(t){F(t),window.removeEventListener("touchmove",G),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(){x&&B()}),[B,x]);var V=function(t,r){var u=n.ObjectUtils.findDiffKeys(t.props,O.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 $(e,r)},onTouchStart:function(e){return q(e,r)},onTouchMove:function(e){return G(e)},onTouchEnd:function(e){return Q(e)}},l.createElement("div",{className:"p-splitter-gutter-handle"})),s="calc("+A(H,r)+"% - "+(C-1)*e.gutterSize+"px)";return l.createElement(l.Fragment,null,l.createElement("div",o({key:r,className:i,style:b(b({},t.props.style),{},{flexBasis:s})},u),t.props.children),a)},Z=n.ObjectUtils.findDiffKeys(e,S.defaultProps),ee=n.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),te=l.Children.map(e.children,V);return l.createElement("div",o({ref:u,id:e.id,className:ee,style:e.style},Z),te)})));return O.displayName="SplitterPanel",O.defaultProps={__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null},S.displayName="Splitter",S.defaultProps={__TYPE:"Splitter",className:null,gutterSize:4,id:null,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null},e.Splitter=S,e.SplitterPanel=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);

package/tabview/tabview.d.ts

@@ -6,6 +6,7 @@ interface TabPanelHeaderTemplateOptions {
     className: string;
     titleClassName: string;
     onClick(event: React.MouseEvent<HTMLElement>): void;
+    onKeyDown(event: React.KeyboardEvent<HTMLElement>): void;
     leftIconElement: JSX.Element;
     titleElement: JSX.Element;
     rightIconElement: JSX.Element;
@@ -23,11 +24,11 @@ export interface TabPanelProps {
     rightIcon?: string;
     disabled?: boolean;
     closable?: boolean;
-    style?: object;
+    style?: React.CSSProperties;
     className?: string;
-    headerStyle?: object;
+    headerStyle?: React.CSSProperties;
     headerClassName?: string;
-    contentStyle?: object;
+    contentStyle?: React.CSSProperties;
     contentClassName?: string;
     children?: React.ReactNode;
 }
@@ -48,7 +49,7 @@ export interface TabViewProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
     activeIndex?: number;
     children?: React.ReactNode;
     panelContainerClassName?: string;
-    panelContainerStyle?: object;
+    panelContainerStyle?: React.CSSProperties;
     renderActiveOnly?: boolean;
     scrollable?: boolean;
     onBeforeTabChange?(e: TabViewTabChangeParams): void;

package/toast/toast.cjs.js

@@ -367,7 +367,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      return /*#__PURE__*/React__namespace.createElement("button", {
+      return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
         onClick: onClose,
@@ -375,7 +375,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       }, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-toast-icon-close-icon pi pi-times",
         "aria-hidden": "true"
-      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     }
 
     return null;
@@ -438,19 +438,19 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
   var containerRef = React__namespace.useRef(null);
 
-  var show = function show(value) {
-    if (value) {
-      var messages = assignIdentifiers(value, true);
+  var show = function show(messageInfo) {
+    if (messageInfo) {
+      var messages = assignIdentifiers(messageInfo, true);
       messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
       setMessagesState(messages);
     }
   };
 
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
 
-    if (Array.isArray(value)) {
-      var multipleMessages = value.reduce(function (acc, message) {
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
         acc.push({
           _pId: messageIdx++,
           message: message
@@ -466,7 +466,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     } else {
       var message = {
         _pId: messageIdx++,
-        message: value
+        message: messageInfo
       };
 
       if (copy) {
@@ -484,12 +484,12 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     setMessagesState([]);
   };
 
-  var replace = function replace(value) {
-    var replaced = assignIdentifiers(value, false);
+  var replace = function replace(messageInfo) {
+    var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
 
-  var onClose = function onClose(messageInfo) {
+  var remove = function remove(messageInfo) {
     var messages = messagesState.filter(function (msg) {
       return msg._pId !== messageInfo._pId;
     });
@@ -497,6 +497,10 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     props.onRemove && props.onRemove(messageInfo.message);
   };
 
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
+  };
+
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
@@ -514,6 +518,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return containerRef.current;

package/toast/toast.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),a=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),s=require("primereact/utils"),l=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),m=i(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e){if(Array.isArray(e))return d(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function T(){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 b(e){return f(e)||y(e)||E(e)||T()}function v(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],s=!0,l=!1;try{for(n=n.call(e);!(s=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);s=!0);}catch(e){l=!0,r=e}finally{try{s||null==n.return||n.return()}finally{if(l)throw r}}return o}}function S(){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 v(e)||N(e,t)||E(e,t)||S()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var I=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),L=_((function e(){O(this,e)}));h(L,"ripple",!1),h(L,"inputStyle","outlined"),h(L,"locale","en"),h(L,"appendTo",null),h(L,"cssTransition",!0),h(L,"autoZIndex",!0),h(L,"nonce",null),h(L,"nullSortOrder",1),h(L,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),h(L,"filterMatchModeOptions",{text:[I.STARTS_WITH,I.CONTAINS,I.NOT_CONTAINS,I.ENDS_WITH,I.EQUALS,I.NOT_EQUALS],numeric:[I.EQUALS,I.NOT_EQUALS,I.LESS_THAN,I.LESS_THAN_OR_EQUAL_TO,I.GREATER_THAN,I.GREATER_THAN_OR_EQUAL_TO],date:[I.DATE_IS,I.DATE_IS_NOT,I.DATE_BEFORE,I.DATE_AFTER]});var C={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function M(e,t){var n=t||L.locale;try{return R(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function R(e){return C[e||L.locale]}var w=c.memo(c.forwardRef((function(e,t){var n=e.messageInfo,a=n.message,o=a.severity,i=a.content,u=a.summary,m=a.detail,p=a.closable,d=a.life,f=a.sticky,y=a.className,E=a.style,T=a.contentClassName,b=a.contentStyle,v=g(c.useState(!1),2),N=v[1],S=g(r.useTimeout((function(){A()}),d||3e3,!f&&!v[0]),1)[0],A=function(){S(),e.onClose&&e.onClose(n)},_=function(t){!e.onClick||s.DomHandler.hasClass(t.target,"p-toast-icon-close")||s.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(n.message)},O=s.classNames("p-toast-message",h({},"p-toast-message-".concat(o),o),y),I=s.classNames("p-toast-message-content",T),L=function(){if(n){var e=s.ObjectUtils.getJSXElement(i,{message:n.message,onClick:_,onClose:A}),t=s.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===o,"pi-exclamation-triangle":"warn"===o,"pi-times":"error"===o,"pi-check":"success"===o});return e||c.createElement(c.Fragment,null,c.createElement("span",{className:t}),c.createElement("div",{className:"p-toast-message-text"},c.createElement("span",{className:"p-toast-summary"},u),m&&c.createElement("div",{className:"p-toast-detail"},m)))}return null}(),C=!1!==p?c.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:A,"aria-label":M("close")},c.createElement("span",{className:"p-toast-icon-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(l.Ripple,null)):null;return c.createElement("div",{ref:t,className:O,style:E,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:_,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||f||(S(),N(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||f||N(!1)}},c.createElement("div",{className:I,style:b},L,C))})));w.displayName="ToastMessage";var P=0,x=c.memo(c.forwardRef((function(e,n){var l=g(c.useState([]),2),i=l[0],u=l[1],d=c.useRef(null),f=function(t){if(t){var n=y(t,!0);0===i.length&&s.ZIndexUtils.set("toast",d.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.toast),u(n)}},y=function(e,t){var n;if(Array.isArray(e)){var a=e.reduce((function(e,t){return e.push({_pId:P++,message:t}),e}),[]);n=t&&i?[].concat(b(i),b(a)):a}else{var r={_pId:P++,message:e};n=t&&i?[].concat(b(i),[r]):[r]}return n},E=function(){s.ZIndexUtils.clear(d.current),u([])},T=function(e){var t=y(e,!1);u(t)},v=function(t){var n=i.filter((function(e){return e._pId!==t._pId}));u(n),e.onRemove&&e.onRemove(t.message)},N=function(){e.onShow&&e.onShow()},S=function(){1===i.length&&s.ZIndexUtils.clear(d.current),e.onHide&&e.onHide()};r.useUnmountEffect((function(){s.ZIndexUtils.clear(d.current)})),c.useImperativeHandle(n,(function(){return{props:e,show:f,replace:T,clear:E,getElement:function(){return d.current}}}));var h,A,_=(h=s.ObjectUtils.findDiffKeys(e,x.defaultProps),A=s.classNames("p-toast p-component p-toast-"+e.position,e.className),c.createElement("div",p({ref:d,id:e.id,className:A,style:e.style},h),c.createElement(t.TransitionGroup,null,i.map((function(t){var n=c.createRef();return c.createElement(a.CSSTransition,{nodeRef:n,key:t._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:N,onExited:S,options:e.transitionOptions},c.createElement(w,{ref:n,messageInfo:t,onClick:e.onClick,onClose:v,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave}))})))));return c.createElement(o.Portal,{element:_,appendTo:e.appendTo})})));x.displayName="Toast",x.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null},exports.Toast=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),a=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),m=i(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e){if(Array.isArray(e))return d(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function T(){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 b(e){return f(e)||y(e)||E(e)||T()}function v(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],l=!0,s=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(s)throw r}}return o}}function S(){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 v(e)||N(e,t)||E(e,t)||S()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var I=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),L=_((function e(){O(this,e)}));h(L,"ripple",!1),h(L,"inputStyle","outlined"),h(L,"locale","en"),h(L,"appendTo",null),h(L,"cssTransition",!0),h(L,"autoZIndex",!0),h(L,"nonce",null),h(L,"nullSortOrder",1),h(L,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),h(L,"filterMatchModeOptions",{text:[I.STARTS_WITH,I.CONTAINS,I.NOT_CONTAINS,I.ENDS_WITH,I.EQUALS,I.NOT_EQUALS],numeric:[I.EQUALS,I.NOT_EQUALS,I.LESS_THAN,I.LESS_THAN_OR_EQUAL_TO,I.GREATER_THAN,I.GREATER_THAN_OR_EQUAL_TO],date:[I.DATE_IS,I.DATE_IS_NOT,I.DATE_BEFORE,I.DATE_AFTER]});var C={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function M(e,t){var n=t||L.locale;try{return R(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function R(e){return C[e||L.locale]}var w=c.memo(c.forwardRef((function(e,t){var n=e.messageInfo,a=n.message,o=a.severity,i=a.content,u=a.summary,m=a.detail,p=a.closable,d=a.life,f=a.sticky,y=a.className,E=a.style,T=a.contentClassName,b=a.contentStyle,v=g(c.useState(!1),2),N=v[1],S=g(r.useTimeout((function(){A()}),d||3e3,!f&&!v[0]),1)[0],A=function(){S(),e.onClose&&e.onClose(n)},_=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(n.message)},O=l.classNames("p-toast-message",h({},"p-toast-message-".concat(o),o),y),I=l.classNames("p-toast-message-content",T),L=function(){if(n){var e=l.ObjectUtils.getJSXElement(i,{message:n.message,onClick:_,onClose:A}),t=l.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===o,"pi-exclamation-triangle":"warn"===o,"pi-times":"error"===o,"pi-check":"success"===o});return e||c.createElement(c.Fragment,null,c.createElement("span",{className:t}),c.createElement("div",{className:"p-toast-message-text"},c.createElement("span",{className:"p-toast-summary"},u),m&&c.createElement("div",{className:"p-toast-detail"},m)))}return null}(),C=!1!==p?c.createElement("div",null,c.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:A,"aria-label":M("close")},c.createElement("span",{className:"p-toast-icon-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))):null;return c.createElement("div",{ref:t,className:O,style:E,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:_,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||f||(S(),N(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||f||N(!1)}},c.createElement("div",{className:I,style:b},L,C))})));w.displayName="ToastMessage";var P=0,x=c.memo(c.forwardRef((function(e,n){var s=g(c.useState([]),2),i=s[0],u=s[1],d=c.useRef(null),f=function(t){if(t){var n=y(t,!0);0===i.length&&l.ZIndexUtils.set("toast",d.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.toast),u(n)}},y=function(e,t){var n;if(Array.isArray(e)){var a=e.reduce((function(e,t){return e.push({_pId:P++,message:t}),e}),[]);n=t&&i?[].concat(b(i),b(a)):a}else{var r={_pId:P++,message:e};n=t&&i?[].concat(b(i),[r]):[r]}return n},E=function(){l.ZIndexUtils.clear(d.current),u([])},T=function(e){var t=y(e,!1);u(t)},v=function(t){var n=i.filter((function(e){return e._pId!==t._pId}));u(n),e.onRemove&&e.onRemove(t.message)},N=function(e){v(e)},S=function(){e.onShow&&e.onShow()},h=function(){1===i.length&&l.ZIndexUtils.clear(d.current),e.onHide&&e.onHide()};r.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)})),c.useImperativeHandle(n,(function(){return{props:e,show:f,replace:T,remove:v,clear:E,getElement:function(){return d.current}}}));var A,_,O=(A=l.ObjectUtils.findDiffKeys(e,x.defaultProps),_=l.classNames("p-toast p-component p-toast-"+e.position,e.className),c.createElement("div",p({ref:d,id:e.id,className:_,style:e.style},A),c.createElement(t.TransitionGroup,null,i.map((function(t){var n=c.createRef();return c.createElement(a.CSSTransition,{nodeRef:n,key:t._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:S,onExited:h,options:e.transitionOptions},c.createElement(w,{ref:n,messageInfo:t,onClick:e.onClick,onClose:N,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave}))})))));return c.createElement(o.Portal,{element:O,appendTo:e.appendTo})})));x.displayName="Toast",x.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null},exports.Toast=x;

package/toast/toast.d.ts

@@ -18,9 +18,9 @@ export interface ToastMessage {
     sticky?: boolean;
     life?: number;
     className?: string;
-    style?: object;
+    style?: React.CSSProperties;
     contentClassName?: string;
-    contentStyle?: object;
+    contentStyle?: React.CSSProperties;
 }
 
 export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
@@ -39,5 +39,6 @@ export declare class Toast extends React.Component<ToastProps, any> {
     public show(message: ToastMessageType): void;
     public clear(): void;
     public replace(message: ToastMessageType): void;
+    public remove(message: ToastMessageType): void;
     public getElement(): HTMLDivElement;
 }

package/toast/toast.esm.js

@@ -340,7 +340,7 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
-      return /*#__PURE__*/React.createElement("button", {
+      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "p-toast-icon-close p-link",
         onClick: onClose,
@@ -348,7 +348,7 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       }, /*#__PURE__*/React.createElement("span", {
         className: "p-toast-icon-close-icon pi pi-times",
         "aria-hidden": "true"
-      }), /*#__PURE__*/React.createElement(Ripple, null));
+      }), /*#__PURE__*/React.createElement(Ripple, null)));
     }
 
     return null;
@@ -411,19 +411,19 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 
   var containerRef = React.useRef(null);
 
-  var show = function show(value) {
-    if (value) {
-      var messages = assignIdentifiers(value, true);
+  var show = function show(messageInfo) {
+    if (messageInfo) {
+      var messages = assignIdentifiers(messageInfo, true);
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact$1.autoZIndex, props.baseZIndex || PrimeReact$1.zIndex['toast']);
       setMessagesState(messages);
     }
   };
 
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
 
-    if (Array.isArray(value)) {
-      var multipleMessages = value.reduce(function (acc, message) {
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
         acc.push({
           _pId: messageIdx++,
           message: message
@@ -439,7 +439,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     } else {
       var message = {
         _pId: messageIdx++,
-        message: value
+        message: messageInfo
       };
 
       if (copy) {
@@ -457,12 +457,12 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     setMessagesState([]);
   };
 
-  var replace = function replace(value) {
-    var replaced = assignIdentifiers(value, false);
+  var replace = function replace(messageInfo) {
+    var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
 
-  var onClose = function onClose(messageInfo) {
+  var remove = function remove(messageInfo) {
     var messages = messagesState.filter(function (msg) {
       return msg._pId !== messageInfo._pId;
     });
@@ -470,6 +470,10 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     props.onRemove && props.onRemove(messageInfo.message);
   };
 
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
+  };
+
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
@@ -487,6 +491,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return containerRef.current;