primereact 9.3.0 → 9.3.1

package/primereact.all.js

@@ -2504,6 +2504,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
     ARROW_LEFT: 'pi pi-arrow-left',
     ARROW_RIGHT: 'pi pi-arrow-right',
+    ARROW_RIGHT_ARROW_LEFT: 'pi-arrow-right-arrow-left',
     ARROW_UP: 'pi pi-arrow-up',
     ARROW_UP_LEFT: 'pi pi-arrow-up-left',
     ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
@@ -10429,8 +10430,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var title = createTitle(monthMetaData);
       var dateViewGrid = createDateViewGrid(monthMetaData, weekDays, index);
       var header = props.headerTemplate ? props.headerTemplate() : null;
+      var monthKey = monthMetaData.month + '-' + monthMetaData.year;
       return /*#__PURE__*/React__namespace.createElement("div", {
-        key: monthMetaData.month,
+        key: monthKey,
         className: "p-datepicker-group"
       }, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-datepicker-header"
@@ -17899,7 +17901,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       return null;
     };
-    if (!props.alwaysShow && pageCount === 1) {
+    if (!props.alwaysShow && pageCount <= 1) {
       return null;
     } else {
       var otherProps = PaginatorBase.getOtherProps(props);
@@ -17942,7 +17944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       dataKey: null,
       defaultSortOrder: 1,
       dragSelection: false,
-      editMode: 'cell',
+      editMode: null,
       editingRows: null,
       emptyMessage: null,
       expandableRowGroups: false,
@@ -18622,7 +18624,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     }, [props.editingMeta]);
     React__namespace.useEffect(function () {
-      if (props.editMode === 'cell' || props.editMode === 'row') {
+      if (props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
         var params = _objectSpread$t(_objectSpread$t({}, callbackParams), {}, {
           editing: editingState,
@@ -19182,7 +19184,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createContent = function createContent() {
       return props.columns.map(function (col, i) {
         if (shouldRenderBodyCell(props.value, col, props.index)) {
-          var key = "".concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
+          var key = "".concat(props.rowIndex, "_").concat(getColumnProp(col, 'columnKey') || getColumnProp(col, 'field'), "_").concat(i);
           var rowSpan = props.rowGroupMode === 'rowspan' ? calculateRowGroupSize(props.value, col, props.index) : null;
           return /*#__PURE__*/React__namespace.createElement(BodyCell, {
             key: key,
@@ -21976,7 +21978,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var _data = props.selectionPageOnly ? dataToRender(processedData) : processedData;
         var val = ObjectUtils.isNotEmpty(props.frozenValue) ? [].concat(_toConsumableArray(props.frozenValue), _toConsumableArray(_data)) : _data;
         var selectableVal = getSelectableData(val);
-        return selectableVal && props.selection && selectableVal.every(function (sv) {
+        return ObjectUtils.isNotEmpty(selectableVal) && props.selection && selectableVal.every(function (sv) {
           return props.selection.some(function (s) {
             return isEquals(s, sv);
           });
@@ -22436,6 +22438,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return value;
     };
     var multisortField = function multisortField(data1, data2, multiSortMeta, index) {
+      if (!multiSortMeta || !multiSortMeta[index]) {
+        return;
+      }
       var value1 = ObjectUtils.resolveFieldData(data1, multiSortMeta[index].field);
       var value2 = ObjectUtils.resolveFieldData(data2, multiSortMeta[index].field);
 
@@ -22747,7 +22752,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
     useMountEffect(function () {
       !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
-      setFiltersState(cloneFilters(props.filters));
+
+      //setFiltersState(cloneFilters(props.filters)); // Github #4248
       setD_filtersState(cloneFilters(props.filters));
       if (isStateful()) {
         restoreState();
@@ -24270,16 +24276,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   function ownKeys$j(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$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      _icon = _props$message.icon,
-      _closeIcon = _props$message.closeIcon;
+    var messageInfo = props.message;
+    var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle,
+      _icon = _messageInfo$message.icon,
+      _closeIcon = _messageInfo$message.closeIcon;
     var _useTimeout = useTimeout(function () {
         onClose(null);
       }, life || 3000, !sticky),
@@ -24357,15 +24368,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       return null;
     };
-    var className = classNames('p-message p-component p-message-' + severity);
+    var className = classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+    var contentClassName = classNames('p-message-wrapper', _contentClassName);
     var closeIcon = createCloseIcon();
     var message = createMessage();
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: ref,
       className: className,
+      style: style,
       onClick: onClick
     }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-message-wrapper"
+      className: contentClassName,
+      style: contentStyle
     }, message, closeIcon));
   }));
   UIMessage.displayName = 'UIMessage';
@@ -24381,35 +24395,33 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var show = function show(value) {
       if (value) {
         var messages = assignIdentifiers(value, true);
-        if (Array.isArray(value)) {
-          for (var i = 0; i < value.length; i++) {
-            value[i].id = messageIdx$1++;
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          }
-        } else {
-          value.id = messageIdx$1++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-        }
         setMessagesState(messages);
       }
     };
-    var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
       var messages;
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx$1++;
-          if (copy) {
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          } else {
-            messages = value;
-          }
+      if (Array.isArray(messageInfo)) {
+        var multipleMessages = messageInfo.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx$1++,
+            message: message
+          });
+          return acc;
+        }, []);
+        if (copy) {
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+        } else {
+          messages = multipleMessages;
         }
       } else {
-        value.id = messageIdx$1++;
+        var message = {
+          _pId: messageIdx$1++,
+          message: messageInfo
+        };
         if (copy) {
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
         } else {
-          messages = [value];
+          messages = [message];
         }
       }
       return messages;
@@ -24417,21 +24429,26 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var clear = function clear() {
       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(message) {
-      setMessagesState(messagesState.filter(function (msg) {
-        return msg.id !== message.id;
-      }));
-      props.onRemove && props.onRemove(message);
+    var remove = function remove(messageInfo) {
+      var messages = messagesState.filter(function (msg) {
+        return msg._pId !== messageInfo._pId;
+      });
+      setMessagesState(messages);
+      props.onRemove && props.onRemove(messageInfo.message);
+    };
+    var onClose = function onClose(messageInfo) {
+      remove(messageInfo);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
         show: show,
         replace: replace,
+        remove: remove,
         clear: clear,
         getElement: function getElement() {
           return elementRef.current;
@@ -24448,7 +24465,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var messageRef = /*#__PURE__*/React__namespace.createRef();
       return /*#__PURE__*/React__namespace.createElement(CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: message._pId,
         classNames: "p-message",
         unmountOnExit: true,
         timeout: {
@@ -26040,24 +26057,29 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       __TYPE: 'Image',
       alt: null,
       className: null,
-      downloadable: false,
-      downloadIcon: null,
-      rotateRightIcon: null,
-      rotateLeftIcon: null,
-      zoomOutIcon: null,
-      zoomInIcon: null,
       closeIcon: null,
+      crossOrigin: null,
+      decoding: null,
+      downloadIcon: null,
+      downloadable: false,
       height: null,
       imageClassName: null,
       imageStyle: null,
+      indicatorIcon: null,
+      loading: null,
       onError: null,
       onHide: null,
       onShow: null,
       preview: false,
-      indicatorIcon: null,
+      referrerPolicy: null,
+      rotateLeftIcon: null,
+      rotateRightIcon: null,
       src: null,
       template: null,
+      useMap: null,
       width: null,
+      zoomInIcon: null,
+      zoomOutIcon: null,
       zoomSrc: null,
       children: undefined
     },
@@ -26295,7 +26317,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var src = props.src,
       alt = props.alt,
       width = props.width,
-      height = props.height;
+      height = props.height,
+      crossOrigin = props.crossOrigin,
+      referrerPolicy = props.referrerPolicy,
+      useMap = props.useMap,
+      loading = props.loading;
     var otherProps = ImageBase.getOtherProps(props);
     var containerClassName = classNames('p-image p-component', props.className, {
       'p-image-preview-container': props.preview
@@ -26318,8 +26344,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       className: props.imageClassName,
       width: width,
       height: height,
-      style: props.imageStyle,
+      crossOrigin: crossOrigin,
+      referrerPolicy: referrerPolicy,
+      useMap: useMap,
+      loading: loading,
       alt: alt,
+      style: props.imageStyle,
       onError: props.onError
     });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
@@ -27194,11 +27224,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onInput = function onInput(event) {
+      var target = event.target;
       if (props.autoResize) {
-        resize();
+        resize(ObjectUtils.isEmpty(target.value));
       }
       props.onInput && props.onInput(event);
-      var target = event.target;
       ObjectUtils.isNotEmpty(target.value) ? DomHandler.addClass(target, 'p-filled') : DomHandler.removeClass(target, 'p-filled');
     };
     var resize = function resize(initial) {
@@ -28725,6 +28755,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         var prevText = value.substring(0, triggerState.index);
         var nextText = value.substring(triggerState.index + currentText.length);
         inputRef.current.value = "".concat(prevText).concat(selectedText, " ").concat(nextText);
+        event.target = inputRef.current;
         props.onChange && props.onChange(event);
       }
       var cursorStart = triggerState.index + selectedText.length + 1;
@@ -32906,17 +32937,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       } else {
         icon = props.showIcon || /*#__PURE__*/React__namespace.createElement(EyeIcon, null);
       }
-      var hideIcon = IconUtils.getJSXIcon(icon, undefined, {
-        props: props
-      });
-      var showIcon = IconUtils.getJSXIcon(icon, undefined, {
+      var eyeIcon = IconUtils.getJSXIcon(icon, undefined, {
         props: props
       });
-      var eyeIcons = hideIcon || showIcon;
       if (props.toggleMask) {
         var content = /*#__PURE__*/React__namespace.createElement("i", {
           onClick: onMaskToggle
-        }, " ", eyeIcons, " ");
+        }, " ", eyeIcon, " ");
         if (props.icon) {
           var defaultIconOptions = {
             onClick: onMaskToggle,
@@ -33004,9 +33031,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onKeyUp: onKeyup,
       onInput: onInput,
       tooltip: props.tooltip,
-      tooltipOptions: props.tooltipOptions,
-      hideIcon: props.hideIcon,
-      showIcon: props.showIcon
+      tooltipOptions: props.tooltipOptions
     })), icon, panel);
   }));
   Password.displayName = 'Password';
@@ -33816,7 +33841,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFilter: onFilter,
       showFilter: showSourceFilter,
       placeholder: props.sourceFilterPlaceholder,
-      template: props.sourceFilterTemplate,
+      filterTemplate: props.sourceFilterTemplate,
       sourceFilterIcon: props.sourceFilterIcon
     }), /*#__PURE__*/React__namespace.createElement(PickListTransferControls, {
       onTransfer: onTransfer,
@@ -33852,7 +33877,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFilter: onFilter,
       showFilter: showTargetFilter,
       placeholder: props.targetFilterPlaceholder,
-      template: props.targetFilterTemplate,
+      filterTemplate: props.targetFilterTemplate,
       targetFilterIcon: props.targetFilterIcon
     }), props.showTargetControls && /*#__PURE__*/React__namespace.createElement(PickListControls, {
       list: props.target,
@@ -37228,7 +37253,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return TabPanelBase.getCProp(tab, name);
     };
     var shouldUseTab = function shouldUseTab(tab, index) {
-      return ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+      return tab && ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
         return _i !== index;
       });
     };
@@ -38053,7 +38078,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
-        id: item,
+        id: item.id,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {