primereact 9.6.0 → 9.6.1

package/primereact.all.js

@@ -224,16 +224,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }
     _createClass(DomHandler, null, [{
       key: "innerWidth",
-      value:
-      /**
-       * All data- properties like data-test-id
-       */
-
-      /**
-       * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
-       */
-
-      function innerWidth(el) {
+      value: function innerWidth(el) {
         if (el) {
           var width = el.offsetWidth;
           var style = getComputedStyle(el);
@@ -1279,7 +1270,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }]);
     return DomHandler;
   }();
+  /**
+   * All data- properties like data-test-id
+   */
   _defineProperty(DomHandler, "DATA_PROPS", ['data-']);
+  /**
+   * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
+   */
   _defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
 
   var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
@@ -19411,7 +19408,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, getColumnPTOptions('hiddenInputWrapper'));
     var hiddenInputProps = mergeProps({
       name: name,
-      ref: inputRef,
       type: 'radio',
       checked: props.checked,
       onFocus: function onFocus(e) {
@@ -19439,7 +19435,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var radiobuttonIconProps = mergeProps({
       className: 'p-radiobutton-icon'
     }, getColumnPTOptions('radiobuttonIcon'));
-    return /*#__PURE__*/React__namespace.createElement("div", radiobuttonWrapperProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", hiddenInputProps)), /*#__PURE__*/React__namespace.createElement("div", radiobuttonProps, /*#__PURE__*/React__namespace.createElement("div", radiobuttonIconProps)));
+    return /*#__PURE__*/React__namespace.createElement("div", radiobuttonWrapperProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({
+      ref: inputRef
+    }, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", radiobuttonProps, /*#__PURE__*/React__namespace.createElement("div", radiobuttonIconProps)));
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
@@ -20132,7 +20130,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (!isRowEditor && editor) {
         var editorKeyHelperProps = mergeProps({
           tabIndex: '0',
-          ref: keyHelperRef,
           className: 'p-cell-editor-key-helper p-hidden-accessible',
           onFocus: function onFocus(e) {
             return onEditorFocus(e);
@@ -20140,12 +20137,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, getColumnPTOptions('editorKeyHelperLabel'));
         var editorKeyHelperLabelProps = mergeProps(getColumnPTOptions('editorKeyHelper'));
         /* eslint-disable */
-        editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", editorKeyHelperProps, /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
+        editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", _extends({
+          ref: keyHelperRef
+        }, editorKeyHelperProps), /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
         /* eslint-enable */
       }
 
       var bodyCellProps = mergeProps({
-        ref: elementRef,
         style: style,
         className: className,
         rowSpan: props.rowSpan,
@@ -20167,7 +20165,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return _onMouseUp(e);
         }
       }, getColumnPTOptions('bodyCell'), getColumnPTOptions('root'));
-      return /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, editorKeyHelper, title, content);
+      return /*#__PURE__*/React__namespace.createElement("td", _extends({
+        ref: elementRef
+      }, bodyCellProps), editorKeyHelper, title, content);
     };
     return getVirtualScrollerOption('loading') ? createLoading() : createElement();
   });
@@ -21599,11 +21599,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var content = props.empty ? createEmptyContent() : createContent();
     var ptKey = props.className === 'p-datatable-virtualscroller-spacer' ? 'virtualScrollerSpacer' : 'tbody';
     var tbodyProps = mergeProps({
-      ref: refCallback,
       style: props.style,
       className: props.className
     }, getColumnPTOptions(ptKey));
-    return /*#__PURE__*/React__namespace.createElement("tbody", tbodyProps, content);
+    return /*#__PURE__*/React__namespace.createElement("tbody", _extends({
+      ref: refCallback
+    }, tbodyProps), content);
   }));
   TableBody.displayName = 'TableBody';
 
@@ -21699,14 +21700,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       props: props.tableProps
     });
     var footerCellProps = mergeProps({
-      ref: elementRef,
       style: style,
       className: className,
       role: 'cell',
       colSpan: colSpan,
       rowSpan: rowSpan
     }, getColumnPTOptions('footerCell'), getColumnPTOptions('root'));
-    return /*#__PURE__*/React__namespace.createElement("td", footerCellProps, content);
+    return /*#__PURE__*/React__namespace.createElement("td", _extends({
+      ref: elementRef
+    }, footerCellProps), content);
   });
   FooterCell.displayName = 'FooterCell';
 
@@ -22245,7 +22247,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
         var label = filterLabel();
         var filterMenuButtonProps = mergeProps({
-          ref: iconRef,
           type: 'button',
           className: _className,
           'aria-haspopup': true,
@@ -22258,7 +22259,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           },
           'aria-label': label
         }, getColumnPTOptions('filterMenuButton'));
-        return /*#__PURE__*/React__namespace.createElement("button", filterMenuButtonProps, columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
+        return /*#__PURE__*/React__namespace.createElement("button", _extends({
+          ref: iconRef
+        }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
       }
       return null;
     };
@@ -22487,7 +22490,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
       var items = props.display === 'row' ? createRowItems() : createItems();
       var filterOverlayProps = mergeProps({
-        ref: overlayRef,
         style: style,
         className: className,
         onKeyDown: function onKeyDown(e) {
@@ -22513,7 +22515,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onEntered: onOverlayEntered,
         onExit: onOverlayExit,
         onExited: onOverlayExited
-      }, /*#__PURE__*/React__namespace.createElement("div", filterOverlayProps, filterHeader, items, filterFooter)));
+      }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: overlayRef
+      }, filterOverlayProps), filterHeader, items, filterFooter)));
     };
     var className = classNames('p-column-filter p-fluid', {
       'p-column-filter-row': props.display === 'row',
@@ -22927,7 +22931,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var resizer = createResizer();
       var header = createHeader(sortMeta);
       var headerCellProps = mergeProps({
-        ref: elementRef,
         className: className,
         style: style,
         role: 'columnheader',
@@ -22957,7 +22960,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         rowSpan: rowSpan,
         'aria-sort': ariaSort
       }, getColumnPTOptions('headerCell'), getColumnPTOptions('root'));
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", headerCellProps, resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", _extends({
+        ref: elementRef
+      }, headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
         target: elementRef,
         content: headerTooltip
       }, headerTooltipOptions, {
@@ -24720,13 +24725,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var _isVirtualScrollerDisabled = isVirtualScrollerDisabled();
       var virtualScrollerOptions = props.virtualScrollerOptions || {};
       var wrapperProps = mergeProps({
-        ref: wrapperRef,
         className: 'p-datatable-wrapper',
         style: {
           maxHeight: _isVirtualScrollerDisabled ? props.scrollHeight : null
         }
       }, ptCallbacks.ptm('wrapper'));
-      return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({
+      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: wrapperRef
+      }, wrapperProps), /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({
         ref: virtualScrollerRef
       }, virtualScrollerOptions, {
         items: processedData,
@@ -24810,13 +24816,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createResizeHelper = function createResizeHelper() {
       if (props.resizableColumns) {
         var resizeHelperProps = mergeProps({
-          ref: resizeHelperRef,
           className: 'p-column-resizer-helper',
           style: {
             display: 'none'
           }
         }, ptCallbacks.ptm('resizeHelper'));
-        return /*#__PURE__*/React__namespace.createElement("div", resizeHelperProps);
+        return /*#__PURE__*/React__namespace.createElement("div", _extends({
+          ref: resizeHelperRef
+        }, resizeHelperProps));
       }
       return null;
     };
@@ -24882,13 +24889,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var resizeHelper = createResizeHelper();
     var reorderIndicators = createReorderIndicators();
     var rootProps = mergeProps({
-      ref: elementRef,
       id: props.id,
       className: className,
       style: props.style,
       'data-scrollselectors': '.p-datatable-wrapper'
     }, DataTableBase.getOtherProps(props), ptCallbacks.ptm('root'));
-    return /*#__PURE__*/React__namespace.createElement("div", rootProps, loader, header, paginatorTop, content, paginatorBottom, footer, resizeHelper, reorderIndicators);
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef
+    }, rootProps), loader, header, paginatorTop, content, paginatorBottom, footer, resizeHelper, reorderIndicators);
   });
   DataTable.displayName = 'DataTable';
 
@@ -26436,14 +26444,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         duplicateIEEvent.current = false;
         return;
       }
-      var currentFiles = [];
-      if (props.multiple) {
-        currentFiles = filesState ? _toConsumableArray(filesState) : [];
-      }
+      var currentFiles = filesState && props.multiple ? _toConsumableArray(filesState) : [];
       var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
       for (var i = 0; i < selectedFiles.length; i++) {
         var file = selectedFiles[i];
-        if (!isFileSelected(file) && validate(file)) {
+        if ((!props.multiple || !isFileSelected(file)) && validate(file)) {
           if (isImage(file)) {
             file.objectURL = window.URL.createObjectURL(file);
           }