primereact 9.6.0 → 9.6.1

package/core/core.js

@@ -183,16 +183,7 @@ this.primereact.utils = (function (exports, PrimeReact, React) {
     }
     _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);
@@ -1238,7 +1229,13 @@ this.primereact.utils = (function (exports, PrimeReact, React) {
     }]);
     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 () {

package/datatable/datatable.cjs.js

@@ -597,7 +597,6 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
   }, getColumnPTOptions('hiddenInputWrapper'));
   var hiddenInputProps = utils.mergeProps({
     name: name,
-    ref: inputRef,
     type: 'radio',
     checked: props.checked,
     onFocus: function onFocus(e) {
@@ -625,7 +624,9 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var radiobuttonIconProps = utils.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';
 
@@ -1318,7 +1319,6 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     if (!isRowEditor && editor) {
       var editorKeyHelperProps = utils.mergeProps({
         tabIndex: '0',
-        ref: keyHelperRef,
         className: 'p-cell-editor-key-helper p-hidden-accessible',
         onFocus: function onFocus(e) {
           return onEditorFocus(e);
@@ -1326,12 +1326,13 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       }, getColumnPTOptions('editorKeyHelperLabel'));
       var editorKeyHelperLabelProps = utils.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 = utils.mergeProps({
-      ref: elementRef,
       style: style,
       className: className,
       rowSpan: props.rowSpan,
@@ -1353,7 +1354,9 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         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();
 });
@@ -2785,11 +2788,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var content = props.empty ? createEmptyContent() : createContent();
   var ptKey = props.className === 'p-datatable-virtualscroller-spacer' ? 'virtualScrollerSpacer' : 'tbody';
   var tbodyProps = utils.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';
 
@@ -2885,14 +2889,15 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     props: props.tableProps
   });
   var footerCellProps = utils.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';
 
@@ -3431,7 +3436,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       });
       var label = filterLabel();
       var filterMenuButtonProps = utils.mergeProps({
-        ref: iconRef,
         type: 'button',
         className: _className,
         'aria-haspopup': true,
@@ -3444,7 +3448,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         },
         'aria-label': label
       }, getColumnPTOptions('filterMenuButton'));
-      return /*#__PURE__*/React__namespace.createElement("button", filterMenuButtonProps, columnFilterIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      return /*#__PURE__*/React__namespace.createElement("button", _extends({
+        ref: iconRef
+      }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
@@ -3673,7 +3679,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     var items = props.display === 'row' ? createRowItems() : createItems();
     var filterOverlayProps = utils.mergeProps({
-      ref: overlayRef,
       style: style,
       className: className,
       onKeyDown: function onKeyDown(e) {
@@ -3699,7 +3704,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       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 = utils.classNames('p-column-filter p-fluid', {
     'p-column-filter-row': props.display === 'row',
@@ -4113,7 +4120,6 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var resizer = createResizer();
     var header = createHeader(sortMeta);
     var headerCellProps = utils.mergeProps({
-      ref: elementRef,
       className: className,
       style: style,
       role: 'columnheader',
@@ -4143,7 +4149,9 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       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.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.Tooltip, _extends({
       target: elementRef,
       content: headerTooltip
     }, headerTooltipOptions, {
@@ -5906,13 +5914,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     var _isVirtualScrollerDisabled = isVirtualScrollerDisabled();
     var virtualScrollerOptions = props.virtualScrollerOptions || {};
     var wrapperProps = utils.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.VirtualScroller, _extends({
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: wrapperRef
+    }, wrapperProps), /*#__PURE__*/React__namespace.createElement(virtualscroller.VirtualScroller, _extends({
       ref: virtualScrollerRef
     }, virtualScrollerOptions, {
       items: processedData,
@@ -5996,13 +6005,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var createResizeHelper = function createResizeHelper() {
     if (props.resizableColumns) {
       var resizeHelperProps = utils.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;
   };
@@ -6068,13 +6078,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var resizeHelper = createResizeHelper();
   var reorderIndicators = createReorderIndicators();
   var rootProps = utils.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';