primereact 10.6.2 → 10.6.4

package/datatable/datatable.d.ts

@@ -1022,7 +1022,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Whether to show it even there is only one page.
      * @defaultValue true
      */
-    alwaysShowPaginator?: boolean | undefined;
+    alwaysShowPaginator?: boolean;
     /**
      * The breakpoint to define the maximum width boundary when using stack responsive layout.
      * @defaultValue 960px
@@ -1078,7 +1078,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When enabled, a rectangle that can be dragged can be used to make a range selection.
      * @defaultValue false
      */
-    dragSelection?: boolean | undefined;
+    dragSelection?: boolean;
     /**
      * Defines editing mode, options are "cell" and "row".
      * @defaultValue cell
@@ -1097,7 +1097,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Makes row groups toggleable, default is false.
      * @defaultValue false
      */
-    expandableRowGroups?: boolean | undefined;
+    expandableRowGroups?: boolean;
     /**
      * Icon of the row toggler to display the row as expanded.
      */
@@ -1193,12 +1193,12 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Defines if data is loaded and interacted with in lazy manner.
      * @defaultValue false
      */
-    lazy?: boolean | undefined;
+    lazy?: boolean;
     /**
      * Displays a loader to indicate data load is in progress.
      * @defaultValue false
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * The icon to show while indicating data load is in progress.
      */
@@ -1207,7 +1207,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Defines whether metaKey is requred or not for the selection. When true metaKey needs to be pressed to select or unselect an item and when set to false selection of each item can be toggled individually. On touch enabled devices, metaKeySelection is turned off automatically.
      * @defaultValue true
      */
-    metaKeySelection?: boolean | undefined;
+    metaKeySelection?: boolean;
     /**
      * An array of SortMeta objects to sort the data by default in multiple sort mode.
      */
@@ -1221,7 +1221,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When specified as true, enables the pagination.
      * @defaultValue false
      */
-    paginator?: boolean | undefined;
+    paginator?: boolean;
     /**
      * Style class of the paginator element.
      */
@@ -1253,17 +1253,17 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When enabled, columns can have an un-sorted state.
      * @defaultValue false
      */
-    removableSort?: boolean | undefined;
+    removableSort?: boolean;
     /**
      * When enabled, columns can be reordered using drag and drop.
      * @defaultValue false
      */
-    reorderableColumns?: boolean | undefined;
+    reorderableColumns?: boolean;
     /**
      * When enabled, rows can be reordered using drag and drop.
      * @defaultValue false
      */
-    reorderableRows?: boolean | undefined;
+    reorderableRows?: boolean;
     /**
      * Defines the reorder indicator down icon.
      */
@@ -1276,7 +1276,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When enabled, columns can be resized using drag and drop.
      * @defaultValue false
      */
-    resizableColumns?: boolean | undefined;
+    resizableColumns?: boolean;
     /**
      * Defines the responsive mode, valid options are "stack" and "scroll".
      * @defaultValue scroll
@@ -1310,7 +1310,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
     /**
      * When enabled, background of the rows change on hover.
      */
-    rowHover?: boolean | undefined;
+    rowHover?: boolean;
     /**
      * Number of rows to display per page.
      */
@@ -1327,22 +1327,22 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When specified, enables horizontal and/or vertical scrolling.
      * @defaultValue false
      */
-    scrollable?: boolean | undefined;
+    scrollable?: boolean;
     /**
      * When specified, selects all rows on page.
      * @defaultValue false
      */
-    selectAll?: boolean | undefined;
+    selectAll?: boolean;
     /**
      * Determines whether the cell editor will be opened when clicking to select any row on Selection and Cell Edit modes.
      * @defaultValue true
      */
-    selectOnEdit?: boolean | undefined;
+    selectOnEdit?: boolean;
     /**
      * When a selectable row is clicked on RadioButton and Checkbox selection, it automatically decides whether to focus on elements such as checkbox or radio.
      * @defaultValue true
      */
-    selectionAutoFocus?: boolean | undefined;
+    selectionAutoFocus?: boolean;
     /**
      * A field property from the row to add Select &#123;field&#125; and Unselect &#123;field&#125; ARIA labels to checkbox/radio buttons.
      */
@@ -1351,21 +1351,21 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * When enabled with paginator and checkbox selection mode, the select all checkbox in the header will select all rows on the current page.
      * @defaultValue false
      */
-    selectionPageOnly?: boolean | undefined;
+    selectionPageOnly?: boolean;
     /**
      * Whether to show grid lines between cells.
      * @defaultValue false
      */
-    showGridlines?: boolean | undefined;
+    showGridlines?: boolean;
     /**
      * Whether to show headers.
      * @defaultValue true
      */
-    showHeaders?: boolean | undefined;
+    showHeaders?: boolean;
     /**
      * Whether to show the select all checkbox inside the datatable's header.
      */
-    showSelectAll?: boolean | undefined;
+    showSelectAll?: boolean;
     /**
      * Define to set alternative sizes. Valid values: "small", "normal" and "large".
      * @defaultValue normal
@@ -1401,7 +1401,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Whether to displays rows with alternating colors.
      * @defaultValue false
      */
-    stripedRows?: boolean | undefined;
+    stripedRows?: boolean;
     /**
      * Inline style of the component.
      */
@@ -1454,7 +1454,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Function that returns a boolean to decide whether the data should be selectable.
      * @param {DataTableDataSelectableEvent<TValue>} event - Custom data selectable event.
      */
-    isDataSelectable?(event: DataTableDataSelectableEvent): boolean | undefined | null;
+    isDataSelectable?(event: DataTableDataSelectableEvent): boolean | null;
     /**
      * Callback to invoke when all rows are selected using the header checkbox.
      * @param {DataTableSelectEvent} event - Custom select event.
@@ -1634,7 +1634,7 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * Callback to invoke to validate the editing row when the save icon is clicked on row editing mode.
      * @param {DataTableRowData<TValue>} data - Editing row data.
      */
-    rowEditValidator?(data: DataTableRowData<TValue>, options: DataTableRowEditValidatorOptions<TValue>): boolean | undefined;
+    rowEditValidator?(data: DataTableRowData<TValue>, options: DataTableRowEditValidatorOptions<TValue>): boolean;
     /**
      * Function that receives the row data as the parameter and returns the expanded row content. You can override the rendering of the content by setting options.customRendering = true.
      * @param {DataTableRowData<TValue>} data - Editing row data.
@@ -1646,13 +1646,13 @@ interface DataTableBaseProps<TValue extends DataTableValueArray> extends Omit<Re
      * @param {DataTableRowData<TValue>} data - Editing row data.
      * @param {DataTableShowRowReorderElementOptions} options - Options for the row reorder element.
      */
-    showRowReorderElement?(data: DataTableRowData<TValue>, options: DataTableShowRowReorderElementOptions<TValue>): boolean | undefined | null;
+    showRowReorderElement?(data: DataTableRowData<TValue>, options: DataTableShowRowReorderElementOptions<TValue>): boolean | null;
     /**
      * Function that returns a boolean by passing the row data to decide if the radio or checkbox should be displayed per row.
      * @param {DataTableRowData<TValue>} data - Editing row data.
      * @param {DataTableShowSelectionElementOptions} options - Options for the row reorder element.
      */
-    showSelectionElement?(data: DataTableRowData<TValue>, options: DataTableShowSelectionElementOptions<TValue>): boolean | undefined | null;
+    showSelectionElement?(data: DataTableRowData<TValue>, options: DataTableShowSelectionElementOptions<TValue>): boolean | null;
     /**
      * Used to get the child elements of the component.
      * @readonly
@@ -1684,7 +1684,7 @@ interface DataTablePropsSingle<TValue extends DataTableValueArray> extends DataT
      * Whether to cell selection is enabled or not.
      * @defaultValue false
      */
-    cellSelection?: false | undefined;
+    cellSelection?: boolean;
     /**
      * Specifies the selection mode, valid values are "single", "multiple", "radiobutton" and "checkbox".
      */
@@ -1714,7 +1714,7 @@ interface DataTablePropsMultiple<TValue extends DataTableValueArray> extends Dat
      * Whether to cell selection is enabled or not.
      * @defaultValue false
      */
-    cellSelection?: false | undefined;
+    cellSelection?: boolean;
     /**
      * Specifies the selection mode, valid values are "single", "multiple", "radiobutton" and "checkbox".
      */

package/datatable/datatable.esm.js

@@ -324,6 +324,7 @@ var classes$2 = {
   bodyRow: function bodyRow(_ref5) {
     var props = _ref5.rowProps;
     return classNames({
+      'p-highlight': !props.allowCellSelection && props.selected || props.contextMenuSelected,
       'p-highlight-contextmenu': props.contextMenuSelected,
       'p-selectable-row': props.allowRowSelection && props.isSelectable({
         data: props.rowData,
@@ -642,12 +643,13 @@ var classes$1 = {
   icon: 'p-checkbox-icon',
   root: function root(_ref) {
     var props = _ref.props,
-      checked = _ref.checked;
+      checked = _ref.checked,
+      context = _ref.context;
     return classNames('p-checkbox p-component', {
       'p-highlight': checked,
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
-      'p-variant-filled': props.variant === 'filled'
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   }
 };
@@ -664,6 +666,7 @@ var CheckboxBase = ComponentBase.extend({
     inputId: null,
     inputRef: null,
     invalid: false,
+    variant: null,
     name: null,
     onChange: null,
     onContextMenu: null,
@@ -781,7 +784,8 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var rootProps = mergeProps({
     id: props.id,
     className: classNames(props.className, cx('root', {
-      checked: checked
+      checked: checked,
+      context: context
     })),
     style: props.style,
     'data-p-highlight': checked,
@@ -900,11 +904,13 @@ RowCheckbox.displayName = 'RowCheckbox';
 
 var classes = {
   root: function root(_ref) {
-    var props = _ref.props;
+    var props = _ref.props,
+      context = _ref.context;
     return classNames('p-radiobutton p-component', {
       'p-highlight': props.checked,
       'p-disabled': props.disabled,
-      'p-invalid': props.invalid
+      'p-invalid': props.invalid,
+      'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled'
     });
   },
   box: 'p-radiobutton-box',
@@ -922,6 +928,7 @@ var RadioButtonBase = ComponentBase.extend({
     inputId: null,
     inputRef: null,
     invalid: false,
+    variant: null,
     name: null,
     onChange: null,
     onClick: null,
@@ -1042,7 +1049,9 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var otherProps = RadioButtonBase.getOtherProps(props);
   var rootProps = mergeProps({
     id: props.id,
-    className: classNames(props.className, cx('root')),
+    className: classNames(props.className, cx('root', {
+      context: context
+    })),
     style: props.style,
     'data-p-checked': props.checked
   }, RadioButtonBase.getOtherProps(props), ptm('root'));
@@ -2993,20 +3002,22 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var onRowRightClick = function onRowRightClick(event) {
     if (props.onContextMenu || props.onContextMenuSelectionChange) {
       var hasSelection = ObjectUtils.isNotEmpty(props.selection);
-      var data = hasSelection ? props.selection : event.data;
+      var data = event.data;
       if (hasSelection) {
         DomHandler.clearSelection();
       }
       if (props.onContextMenuSelectionChange) {
         props.onContextMenuSelectionChange({
           originalEvent: event.originalEvent,
-          value: data
+          value: data,
+          index: event.index
         });
       }
       if (props.onContextMenu) {
         props.onContextMenu({
           originalEvent: event.originalEvent,
-          data: data
+          data: data,
+          index: event.index
         });
       }
       event.originalEvent.preventDefault();
@@ -3948,6 +3959,9 @@ var locales = {
  * @returns the ARIA label with replaced values
  */
 function ariaLabel(ariaKey, options) {
+  if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {
+    throw new Error('Unsafe ariaKey detected');
+  }
   var _locale = PrimeReact.locale;
   try {
     var _ariaLabel = localeOptions(_locale).aria[ariaKey];
@@ -3965,6 +3979,9 @@ function ariaLabel(ariaKey, options) {
 }
 function localeOptions(locale) {
   var _locale = locale || PrimeReact.locale;
+  if (_locale.includes('__proto__') || _locale.includes('prototype')) {
+    throw new Error('Unsafe locale detected');
+  }
   return locales[_locale];
 }
 
@@ -4087,9 +4104,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     overlayVisibleState = _React$useState2[0],
     setOverlayVisibleState = _React$useState2[1];
   var overlayRef = React.useRef(null);
-  var overlayId = React.useRef(function () {
-    return UniqueComponentId();
-  });
+  var overlayId = React.useRef(null);
   var iconRef = React.useRef(null);
   var selfClick = React.useRef(false);
   var overlayEventListener = React.useRef(null);
@@ -4505,6 +4520,11 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact$1.appendTo, false);
     }
   });
+  useMountEffect(function () {
+    if (!overlayId.current) {
+      overlayId.current = UniqueComponentId();
+    }
+  });
   useUnmountEffect(function () {
     if (overlayEventListener.current) {
       OverlayService.off('overlay-click', overlayEventListener.current);