primereact 10.0.3 → 10.0.4

package/primereact.all.js

@@ -1445,6 +1445,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       value: function equals(obj1, obj2, field) {
         if (field && obj1 && _typeof(obj1) === 'object' && obj2 && _typeof(obj2) === 'object') return this.resolveFieldData(obj1, field) === this.resolveFieldData(obj2, field);else return this.deepEquals(obj1, obj2);
       }
+
+      /**
+       * Compares two JSON objects for deep equality recursively comparing both objects.
+       * @param {*} a the first JSON object
+       * @param {*} b the second JSON object
+       * @returns true if equals, false it not
+       */
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
@@ -11133,6 +11140,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       alignOverlay();
     };
     var onOverlayEntered = function onOverlayEntered() {
+      if (!props.touchUI && overlayRef && overlayRef.current && inputRef && inputRef.current && !appendDisabled()) {
+        if (props.view === 'date') {
+          overlayRef.current.style.width = DomHandler.getOuterWidth(overlayRef.current) + 'px';
+          overlayRef.current.style.minWidth = DomHandler.getOuterWidth(inputRef.current) + 'px';
+        } else {
+          overlayRef.current.style.width = DomHandler.getOuterWidth(inputRef.current) + 'px';
+        }
+      }
       bindOverlayListener();
       props.onShow && props.onShow();
       DomHandler.focusFirstElement(overlayRef.current);
@@ -11156,12 +11171,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         if (appendDisabled()) {
           DomHandler.relativePosition(overlayRef.current, inputRef.current);
         } else {
-          if (props.view === 'date') {
-            overlayRef.current.style.width = DomHandler.getOuterWidth(overlayRef.current) + 'px';
-            overlayRef.current.style.minWidth = DomHandler.getOuterWidth(inputRef.current) + 'px';
-          } else {
-            overlayRef.current.style.width = DomHandler.getOuterWidth(inputRef.current) + 'px';
-          }
           DomHandler.absolutePosition(overlayRef.current, inputRef.current);
         }
       }
@@ -28935,7 +28944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       id: idState,
       ref: elementRef,
       style: props.style,
-      className: cx('root'),
+      className: classNames(props.className, cx('root')),
       onClick: props.onClick
     }, FieldsetBase.getOtherProps(props), ptm('root'));
     var legend = createLegend();
@@ -29186,12 +29195,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
     var remove = function remove(messageInfo) {
+      // allow removal by ID or by message equality
+      var removeMessage = messageInfo._pId ? messageInfo.message : messageInfo;
       setMessagesState(function (prev) {
         return prev.filter(function (msg) {
-          return msg._pId !== messageInfo._pId;
+          return msg._pId !== messageInfo._pId && !ObjectUtils.deepEquals(msg.message, removeMessage);
         });
       });
-      props.onRemove && props.onRemove(messageInfo.message);
+      props.onRemove && props.onRemove(removeMessage);
     };
     var onClose = function onClose(messageInfo) {
       remove(messageInfo);
@@ -35436,7 +35447,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         icon: 'p-inline-message-icon',
         text: 'p-inline-message-text'
       },
-      styles: "\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "
+      styles: "\n        @layer primereact {\n            .p-inline-message {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: top;\n            }\n\n            .p-inline-message-icon {\n                flex-shrink: 0;\n            }\n            \n            .p-inline-message-icon-only .p-inline-message-text {\n                visibility: hidden;\n                width: 0;\n            }\n            \n            .p-fluid .p-inline-message {\n                display: flex;\n            }        \n        }\n        "
     }
   });
 
@@ -36629,7 +36640,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } else {
           if (ObjectUtils.isArray(props.value)) {
             return props.value.reduce(function (acc, value, index) {
-              return acc + (index !== 0 ? ',' : '') + getLabelByValue(value);
+              return acc + (index !== 0 ? ', ' : '') + getLabelByValue(value);
             }, '');
           } else {
             return '';
@@ -38630,7 +38641,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       id: idState,
       ref: elementRef,
       style: props.style,
-      className: cx('root')
+      className: classNames(props.className, cx('root'))
     }, PanelBase.getOtherProps(props), ptm('root'));
     var header = createHeader();
     var content = createContent();
@@ -41551,7 +41562,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return;
       }
       var selected = isSelected(event.option);
-      if (selected && !(props.unselectable || props.allowEmpty)) {
+      if (selected && !(props.unselectable && props.allowEmpty)) {
         return;
       }
       var optionValue = getOptionValue(event.option);
@@ -42771,8 +42782,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       bottomValue = ObjectUtils.isEmpty(bottomValue) ? null : bottomValue;
       var style = {
         transition: dragging.current ? 'none' : null,
-        left: leftValue && leftValue + '%',
-        bottom: bottomValue && bottomValue + '%'
+        left: leftValue != null && leftValue + '%',
+        bottom: bottomValue != null && bottomValue + '%'
       };
       var handleProps = mergeProps(_objectSpread$o({
         className: cx('handle', {
@@ -42797,7 +42808,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         },
         'aria-valuemin': props.min,
         'aria-valuemax': props.max,
-        'aria-valuenow': leftValue || bottomValue,
+        'aria-valuenow': leftValue || bottomValue || 0,
         'aria-orientation': props.orientation
       }, ariaProps), ptm('handle'));
       return /*#__PURE__*/React__namespace.createElement("span", handleProps);
@@ -46434,12 +46445,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
     var remove = function remove(messageInfo) {
-      setMessagesState(function (m) {
-        return m.filter(function (msg) {
-          return msg._pId !== messageInfo._pId;
+      // allow removal by ID or by message equality
+      var removeMessage = messageInfo._pId ? messageInfo.message : messageInfo;
+      setMessagesState(function (prev) {
+        return prev.filter(function (msg) {
+          return msg._pId !== messageInfo._pId && !ObjectUtils.deepEquals(msg.message, removeMessage);
         });
       });
-      props.onRemove && props.onRemove(messageInfo.message);
+      props.onRemove && props.onRemove(removeMessage);
     };
     var onClose = function onClose(messageInfo) {
       remove(messageInfo);
@@ -47591,9 +47604,31 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onDragEnd = function onDragEnd() {
       dragState.current = null;
     };
+
+    /**
+     * Deep copy a value. If the value has a data property, it will be shallow copied.
+     * Values that are not plain objects or arrays are returned as-is.
+     */
+    var cloneValue = function cloneValue(value) {
+      if (Array.isArray(value)) {
+        return value.map(cloneValue);
+      } else if (!!value && Object.getPrototypeOf(value) === Object.prototype) {
+        var result = {};
+
+        // Leave data property alone and clone children
+        for (var key in value) {
+          if (key !== 'data') {
+            result[key] = cloneValue(value[key]);
+          } else {
+            result[key] = value[key];
+          }
+        }
+        return result;
+      } else return value;
+    };
     var onDrop = function onDrop(event) {
       if (validateDropNode(dragState.current.path, event.path)) {
-        var value = JSON.parse(JSON.stringify(props.value));
+        var value = cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dragNodeParent = findNode(value, dragPaths);
@@ -47614,7 +47649,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     var onDropPoint = function onDropPoint(event) {
       if (validateDropPoint(event)) {
-        var value = JSON.parse(JSON.stringify(props.value));
+        var value = cloneValue(props.value);
         var dragPaths = dragState.current.path.split('-');
         dragPaths.pop();
         var dropPaths = event.path.split('-');