primereact 10.0.3 → 10.0.4

package/primereact.all.esm.js

@@ -1424,6 +1424,13 @@ var ObjectUtils = /*#__PURE__*/function () {
     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) {
@@ -11112,6 +11119,14 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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);
@@ -11135,12 +11150,6 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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);
       }
     }
@@ -28914,7 +28923,7 @@ var Fieldset = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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();
@@ -29165,12 +29174,14 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
   };
   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);
@@ -35415,7 +35426,7 @@ var MessageBase = ComponentBase.extend({
       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        "
   }
 });
 
@@ -36608,7 +36619,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
       } 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 '';
@@ -38609,7 +38620,7 @@ var Panel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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();
@@ -41530,7 +41541,7 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       return;
     }
     var selected = isSelected(event.option);
-    if (selected && !(props.unselectable || props.allowEmpty)) {
+    if (selected && !(props.unselectable && props.allowEmpty)) {
       return;
     }
     var optionValue = getOptionValue(event.option);
@@ -42750,8 +42761,8 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
     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', {
@@ -42776,7 +42787,7 @@ var Slider = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       },
       '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.createElement("span", handleProps);
@@ -46413,12 +46424,14 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     });
   };
   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);
@@ -47570,9 +47583,31 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   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);
@@ -47593,7 +47628,7 @@ var Tree = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   };
   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('-');