primereact 9.3.0 → 9.3.1

package/primereact.all.esm.js

@@ -2482,6 +2482,7 @@ var PrimeIcons = Object.freeze({
   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',
@@ -10407,8 +10408,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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.createElement("div", {
-      key: monthMetaData.month,
+      key: monthKey,
       className: "p-datepicker-group"
     }, /*#__PURE__*/React.createElement("div", {
       className: "p-datepicker-header"
@@ -17877,7 +17879,7 @@ var Paginator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     return null;
   };
-  if (!props.alwaysShow && pageCount === 1) {
+  if (!props.alwaysShow && pageCount <= 1) {
     return null;
   } else {
     var otherProps = PaginatorBase.getOtherProps(props);
@@ -17920,7 +17922,7 @@ var DataTableBase = {
     dataKey: null,
     defaultSortOrder: 1,
     dragSelection: false,
-    editMode: 'cell',
+    editMode: null,
     editingRows: null,
     emptyMessage: null,
     expandableRowGroups: false,
@@ -18600,7 +18602,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
   }, [props.editingMeta]);
   React.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,
@@ -19160,7 +19162,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
   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.createElement(BodyCell, {
           key: key,
@@ -21954,7 +21956,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       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);
         });
@@ -22414,6 +22416,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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);
 
@@ -22725,7 +22730,8 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   useMountEffect(function () {
     !attributeSelectorState && setAttributeSelectorState(UniqueComponentId());
-    setFiltersState(cloneFilters(props.filters));
+
+    //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
     if (isStateful()) {
       restoreState();
@@ -24248,16 +24254,21 @@ var MessagesBase = {
 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.memo( /*#__PURE__*/React.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),
@@ -24335,15 +24346,18 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     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.createElement("div", {
     ref: ref,
     className: className,
+    style: style,
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: "p-message-wrapper"
+    className: contentClassName,
+    style: contentStyle
   }, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
@@ -24359,35 +24373,33 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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;
@@ -24395,21 +24407,26 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   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.useImperativeHandle(ref, function () {
     return {
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return elementRef.current;
@@ -24426,7 +24443,7 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var messageRef = /*#__PURE__*/React.createRef();
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: messageRef,
-      key: message.id,
+      key: message._pId,
       classNames: "p-message",
       unmountOnExit: true,
       timeout: {
@@ -26018,24 +26035,29 @@ var ImageBase = {
     __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
   },
@@ -26273,7 +26295,11 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
   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
@@ -26296,8 +26322,12 @@ var Image = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
     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.createElement("span", _extends({
@@ -27172,11 +27202,11 @@ var InputTextarea = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }
   };
   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) {
@@ -28703,6 +28733,7 @@ var Mention = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (i
       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;
@@ -32884,17 +32915,13 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     } else {
       icon = props.showIcon || /*#__PURE__*/React.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.createElement("i", {
         onClick: onMaskToggle
-      }, " ", eyeIcons, " ");
+      }, " ", eyeIcon, " ");
       if (props.icon) {
         var defaultIconOptions = {
           onClick: onMaskToggle,
@@ -32982,9 +33009,7 @@ var Password = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onKeyUp: onKeyup,
     onInput: onInput,
     tooltip: props.tooltip,
-    tooltipOptions: props.tooltipOptions,
-    hideIcon: props.hideIcon,
-    showIcon: props.showIcon
+    tooltipOptions: props.tooltipOptions
   })), icon, panel);
 }));
 Password.displayName = 'Password';
@@ -33794,7 +33819,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onFilter: onFilter,
     showFilter: showSourceFilter,
     placeholder: props.sourceFilterPlaceholder,
-    template: props.sourceFilterTemplate,
+    filterTemplate: props.sourceFilterTemplate,
     sourceFilterIcon: props.sourceFilterIcon
   }), /*#__PURE__*/React.createElement(PickListTransferControls, {
     onTransfer: onTransfer,
@@ -33830,7 +33855,7 @@ var PickList = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     onFilter: onFilter,
     showFilter: showTargetFilter,
     placeholder: props.targetFilterPlaceholder,
-    template: props.targetFilterTemplate,
+    filterTemplate: props.targetFilterTemplate,
     targetFilterIcon: props.targetFilterIcon
   }), props.showTargetControls && /*#__PURE__*/React.createElement(PickListControls, {
     list: props.target,
@@ -37206,7 +37231,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     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;
     });
   };
@@ -38031,7 +38056,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
     }
     return /*#__PURE__*/React.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {