primereact 9.0.0-rc.1 → 9.0.0

package/README.md

@@ -5,11 +5,11 @@
 [![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
 [![Stackoverflow](https://img.shields.io/badge/StackOverflow-primereact-chocolate.svg)](https://stackoverflow.com/questions/tagged/primereact)
 
-[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2021/12/primereact-release-7.jpeg)](https://www.primefaces.org/primereact)
+[![PrimeReact Hero](https://www.primefaces.org/wp-content/uploads/2021/12/primereact-release-7.jpeg)](https://www.primereact.org)
 
 # PrimeReact
 
-PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://www.primefaces.org/primereact) for live showcase and documentation.
+PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://www.primereact.org) for live showcase and documentation.
 
 ## Download
 

package/accordion/accordion.d.ts

@@ -2,7 +2,7 @@
  *
  * Accordion groups a collection of contents in tabs.
  *
- * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ * [Live Demo](https://www.primereact.org/accordion/)
  *
  * Helper Components:
  *
@@ -172,7 +172,7 @@ export interface AccordionProps extends Omit<React.DetailedHTMLProps<React.HTMLA
  *
  * _Accordion groups a collection of contents in tabs._
  *
- * [Live Demo](https://www.primefaces.org/primereact/accordion/)
+ * [Live Demo](https://www.primereact.org/accordion/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/autocomplete/autocomplete.d.ts

@@ -2,7 +2,7 @@
  *
  * AutoComplete is an input component that provides real-time suggestions while being typed.
  *
- * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ * [Live Demo](https://www.primereact.org/autocomplete/)
  *
  * @module autocomplete
  *
@@ -378,7 +378,7 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.HT
  *
  * _AutoComplete is an input component that provides real-time suggestions while being typed._
  *
- * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ * [Live Demo](https://www.primereact.org/autocomplete/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/avatar/avatar.d.ts

@@ -2,7 +2,7 @@
  *
  * Avatar represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar)
+ * [Live Demo](https://www.primereact.org/avatar)
  *
  * @module avatar
  *
@@ -73,7 +73,7 @@ export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttr
  *
  * _Avatar represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ * [Live Demo](https://www.primereact.org/avatar/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/avatargroup/avatargroup.d.ts

@@ -2,7 +2,7 @@
  *
  * A set of Avatars can be displayed together using the AvatarGroup component.
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ * [Live Demo](https://www.primereact.org/avatar/)
  *
  * @module avatargroup
  *
@@ -26,7 +26,7 @@ export interface AvatarGroupProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * _A set of Avatars can be displayed together using the AvatarGroup component._
  *
- * [Live Demo](https://www.primefaces.org/primereact/avatargroup/)
+ * [Live Demo](https://www.primereact.org/avatargroup/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/badge/badge.d.ts

@@ -2,7 +2,7 @@
  *
  * Badge represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/badge)
+ * [Live Demo](https://www.primereact.org/badge)
  *
  * @module badge
  *
@@ -41,7 +41,7 @@ export interface BadgeProps extends Omit<React.DetailedHTMLProps<React.HTMLAttri
  *
  * _Badge represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/badge/)
+ * [Live Demo](https://www.primereact.org/badge/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/blockui/blockui.d.ts

@@ -2,7 +2,7 @@
  *
  * BlockUI represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/blockui)
+ * [Live Demo](https://www.primereact.org/blockui)
  *
  * @module blockui
  *
@@ -66,7 +66,7 @@ export interface BlockUIProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
  *
  * _BlockUI represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/blockui/)
+ * [Live Demo](https://www.primereact.org/blockui/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/breadcrumb/breadcrumb.d.ts

@@ -2,7 +2,7 @@
  *
  * Breadcrumb provides contextual information about page hierarchy.
  *
- * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * [Live Demo](https://www.primereact.org/breadcrumb/)
  *
  * @module breadcrumb
  *
@@ -35,7 +35,7 @@ export interface BreadCrumbProps extends Omit<React.DetailedHTMLProps<React.HTML
  *
  * _Breadcrumb provides contextual information about page hierarchy._
  *
- * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * [Live Demo](https://www.primereact.org/breadcrumb/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/button/button.d.ts

@@ -1,8 +1,8 @@
 /**
  *
- * Button is an extension to standard input element with icons and theming.
+ * Button is an extension to standard button element with icons and theming.
  *
- * [Live Demo](https://www.primefaces.org/primereact/button/)
+ * [Live Demo](https://www.primereact.org/button/)
  *
  * @module button
  *
@@ -71,4 +71,15 @@ export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHT
     visible?: boolean | undefined;
 }
 
+/**
+ * **PrimeReact - Button**
+ *
+ * _Button is an extension to standard button element with icons and theming._
+ *
+ * [Live Demo](https://www.primereact.org/button/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Button extends React.Component<ButtonProps, any> {}

package/calendar/calendar.d.ts

@@ -2,7 +2,7 @@
  *
  * Calendar also known as DatePicker, is a form component to work with dates.
  *
- * [Live Demo](https://www.primefaces.org/primereact/calendar/)
+ * [Live Demo](https://www.primereact.org/calendar/)
  *
  * @module calendar
  *
@@ -593,7 +593,7 @@ export interface CalendarProps {
  *
  * _Calendar also known as DatePicker, is a form component to work with dates._
  *
- * [Live Demo](https://www.primefaces.org/primereact/calendar/)
+ * [Live Demo](https://www.primereact.org/calendar/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/card/card.d.ts

@@ -2,7 +2,7 @@
  *
  * Card is a flexible container component.
  *
- * [Live Demo](https://www.primefaces.org/primereact/card/)
+ * [Live Demo](https://www.primereact.org/card/)
  *
  * @module card
  *
@@ -42,7 +42,7 @@ export interface CardProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
  *
  * _Card is a flexible container component._
  *
- * [Live Demo](https://www.primefaces.org/primereact/card/)
+ * [Live Demo](https://www.primereact.org/card/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/carousel/carousel.d.ts

@@ -2,7 +2,7 @@
  *
  * Carousel is a content slider featuring various customization options.
  *
- * [Live Demo](https://www.primefaces.org/primereact/carousel)
+ * [Live Demo](https://www.primereact.org/carousel)
  *
  * @module carousel
  *
@@ -12,7 +12,6 @@ import * as React from 'react';
 /**
  * Custom responsive option
  * @see {@link CarouselProps.responsiveOptions}
- * @group Misc
  */
 interface CarouselResponsiveOption {
     /**
@@ -140,7 +139,7 @@ export interface CarouselProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
  *
  * _Carousel is a content slider featuring various customization options._
  *
- * [Live Demo](https://www.primefaces.org/primereact/carousel/)
+ * [Live Demo](https://www.primereact.org/carousel/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/cascadeselect/cascadeselect.d.ts

@@ -2,7 +2,7 @@
  *
  * CascadeSelect is a form component to select a value from a nested structure of options.
  *
- * [Live Demo](https://www.primefaces.org/primereact/cascadeselect/)
+ * [Live Demo](https://www.primereact.org/cascadeselect/)
  *
  * @module cascadeselect
  *
@@ -166,7 +166,7 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
  *
  * _CascadeSelect is a form component to select a value from a nested structure of options._
  *
- * [Live Demo](https://www.primefaces.org/primereact/cascadeselect/)
+ * [Live Demo](https://www.primereact.org/cascadeselect/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/chart/chart.d.ts

@@ -2,7 +2,7 @@
  *
  * Chart components are based on Chart.js, an open source HTML5 based charting library.
  *
- * [Live Demo](https://www.primefaces.org/primereact/chart)
+ * [Live Demo](https://www.primereact.org/chart)
  *
  * @module chart
  *
@@ -62,7 +62,7 @@ export interface ChartProps {
  *
  * _Chart components are based on Chart.js, an open source HTML5 based charting library._
  *
- * [Live Demo](https://www.primefaces.org/primereact/chart/)
+ * [Live Demo](https://www.primereact.org/chart/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/checkbox/checkbox.d.ts

@@ -2,7 +2,7 @@
  *
  * Checkbox is an extension to standard checkbox element with skinning capabilities.
  *
- * [Live Demo](https://www.primefaces.org/primereact/checkbox/)
+ * [Live Demo](https://www.primereact.org/checkbox/)
  *
  * @module checkbox
  *
@@ -129,7 +129,7 @@ export interface CheckboxProps extends Omit<React.DetailedHTMLProps<React.InputH
  *
  * _Checkbox is an extension to standard checkbox element with skinning capabilities._
  *
- * [Live Demo](https://www.primefaces.org/primereact/checkbox/)
+ * [Live Demo](https://www.primereact.org/checkbox/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/chip/chip.d.ts

@@ -2,7 +2,7 @@
  *
  * Chip represents people using icons, labels and images.
  *
- * [Live Demo](https://www.primefaces.org/primereact/chip)
+ * [Live Demo](https://www.primereact.org/chip)
  *
  * @module chip
  *
@@ -72,7 +72,7 @@ export interface ChipProps extends Omit<React.DetailedHTMLProps<React.HTMLAttrib
  *
  * _Chip represents people using icons, labels and images._
  *
- * [Live Demo](https://www.primefaces.org/primereact/chip/)
+ * [Live Demo](https://www.primereact.org/chip/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/chips/chips.d.ts

@@ -2,7 +2,7 @@
  *
  * Chips is used to enter multiple values on an input field.
  *
- * [Live Demo](https://www.primefaces.org/primereact/chips/)
+ * [Live Demo](https://www.primereact.org/chips/)
  *
  * @module chips
  *
@@ -192,7 +192,7 @@ export interface ChipsProps extends Omit<React.DetailedHTMLProps<React.InputHTML
  *
  * _Chips is used to enter multiple values on an input field._
  *
- * [Live Demo](https://www.primefaces.org/primereact/chips/)
+ * [Live Demo](https://www.primereact.org/chips/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/colorpicker/colorpicker.d.ts

@@ -2,7 +2,7 @@
  *
  * ColorPicker is an input component to select a color.
  *
- * [Live Demo](https://www.primefaces.org/primereact/colorpicker/)
+ * [Live Demo](https://www.primereact.org/colorpicker/)
  *
  * @module colorpicker
  *
@@ -141,7 +141,7 @@ export interface ColorPickerProps extends Omit<React.DetailedHTMLProps<React.Inp
  *
  * _ColorPicker is an input component to select a color._
  *
- * [Live Demo](https://www.primefaces.org/primereact/colorpicker/)
+ * [Live Demo](https://www.primereact.org/colorpicker/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/column/column.d.ts

@@ -3,7 +3,7 @@
  * Column component defines various options to specify corresponding features.
  * It is a helper component for DataTable and TreeTable.
  *
- * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ * [Live Demo](https://www.primereact.org/datatable/)
  *
  * @module column
  *
@@ -11,9 +11,6 @@
 import * as React from 'react';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 
-/**
- * @group misc
- */
 interface ColumnHeaderOptions {
     /**
      * Additional properties passed to the body component.
@@ -27,9 +24,6 @@ interface ColumnHeaderOptions {
  */
 interface ColumnFooterOptions extends ColumnHeaderOptions {}
 
-/**
- * @group misc
- */
 interface ColumnBodyOptions {
     /**
      * Column of the options.
@@ -61,9 +55,6 @@ interface ColumnBodyOptions {
     rowEditor?: ColumnBodyRowEditorOptions;
 }
 
-/**
- * @group misc
- */
 interface ColumnBodyExpanderOptions {
     /**
      * Event on click of the expander.
@@ -84,9 +75,6 @@ interface ColumnBodyExpanderOptions {
     element?: JSX.Element;
 }
 
-/**
- * @group misc
- */
 interface ColumnBodyRowEditorOptions {
     /**
      * Whether row is in editing mode.
@@ -137,9 +125,6 @@ interface ColumnBodyRowEditorOptions {
     initIconClassName?: string;
 }
 
-/**
- * @group misc
- */
 interface ColumnEditorOptions {
     /**
      * Node element of the editor.
@@ -180,9 +165,6 @@ interface ColumnEditorOptions {
     editorCallback?(value: any): void;
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterModelOptions {
     /**
      * Object containing key-value pairs of column filter metadata or metadata with constraint.
@@ -190,9 +172,6 @@ interface ColumnFilterModelOptions {
     [key: string]: ColumnFilterMetaData | ColumnFilterMetaDataWithConstraint;
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterClearTemplateOptions {
     /**
      * Field name of the column.
@@ -208,9 +187,6 @@ interface ColumnFilterClearTemplateOptions {
     filterClearCallback(): void;
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterApplyTemplateOptions {
     /**
      * Field name of the column.
@@ -240,9 +216,6 @@ interface ColumnFilterHeaderTemplateOptions extends ColumnFilterApplyTemplateOpt
  */
 interface ColumnFilterFooterTemplateOptions extends ColumnFilterApplyTemplateOptions {}
 
-/**
- * @group misc
- */
 interface ColumnFilterElementTemplateOptions {
     /**
      * Field name of the column.
@@ -322,9 +295,6 @@ interface ColumnEvent {
     newValue: any;
 }
 
-/**
- * @group misc
- */
 interface ColumnSortMetaData {
     /**
      * Field name of the column.
@@ -352,9 +322,6 @@ interface ColumnSortEvent extends ColumnSortMetaData {
     multiSortMeta?: ColumnSortMetaData[];
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterMetaData {
     /**
      * Value of the filter.
@@ -366,9 +333,6 @@ interface ColumnFilterMetaData {
     matchMode: 'startsWith' | 'contains' | 'endsWith' | 'equals' | 'notEquals' | 'in' | 'lt' | 'lte' | 'gt' | 'gte' | 'custom';
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterMetaDataWithConstraint {
     /**
      * Logical operator for the constraints.
@@ -452,9 +416,6 @@ interface ColumnFilterConstraintAddEvent {
  */
 interface ColumnFilterConstraintRemoveEvent extends ColumnFilterConstraintAddEvent {}
 
-/**
- * @group misc
- */
 interface ColumnFilterMeta {
     /**
      * Filter metadata for specific columns.
@@ -499,9 +460,6 @@ interface ColumnFilterEvent {
     };
 }
 
-/**
- * @group misc
- */
 interface ColumnFilterMatchModeOptions {
     /**
      * Filter match modes for specific columns.
@@ -865,9 +823,9 @@ export interface ColumnProps {
 /**
  * **PrimeReact - Column**
  *
- * _It is a helper component for DataTable and TreeTable._
+ * _Column is a helper component for DataTable and TreeTable._
  *
- * [Live Demo](https://www.primefaces.org/primereact/column/)
+ * [Live Demo](https://www.primereact.org/column/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/columngroup/columngroup.d.ts

@@ -3,7 +3,7 @@
  * Columns can be grouped at header and footer sections by defining a ColumnGroup component.
  * It is a helper component for DataTable.
  *
- * [Live Demo](https://www.primefaces.org/primereact/datatable/)
+ * [Live Demo](https://www.primereact.org/datatable/)
  *
  * @module columngroup
  *
@@ -28,7 +28,7 @@ export interface ColumnGroupProps {
  *
  * _It is a helper component for DataTable._
  *
- * [Live Demo](https://www.primefaces.org/primereact/columngroup/)
+ * [Live Demo](https://www.primereact.org/columngroup/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/confirmdialog/confirmdialog.d.ts

@@ -2,7 +2,7 @@
  *
  * ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.
  *
- * [Live Demo](https://www.primefaces.org/primereact/confirmdialog)
+ * [Live Demo](https://www.primereact.org/confirmdialog)
  *
  * @module confirmdialog
  *
@@ -13,7 +13,6 @@ import { IconType } from '../utils';
 
 /**
  * Custom confirm dialog options
- * @group Misc
  */
 interface ConfirmDialogOptions {
     /**
@@ -139,7 +138,6 @@ export interface ConfirmDialogProps extends Omit<DialogProps, 'onHide' | 'footer
 
 /**
  * Object returned by the {@link confirmDialog} method.
- * @group Misc
  */
 interface ConfirmDialogReturn {
     /**
@@ -157,7 +155,7 @@ interface ConfirmDialogReturn {
  *
  * _ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag._
  *
- * [Live Demo](https://www.primefaces.org/primereact/confirmdialog/)
+ * [Live Demo](https://www.primereact.org/confirmdialog/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/confirmpopup/confirmpopup.d.ts

@@ -2,7 +2,7 @@
  *
  * ConfirmPopup displays a confirmation overlay displayed relatively to its target.
  *
- * [Live Demo](https://www.primefaces.org/primereact/confirmpopup)
+ * [Live Demo](https://www.primereact.org/confirmpopup)
  *
  * @module confirmpopup
  *
@@ -13,7 +13,6 @@ import { IconType } from '../utils';
 
 /**
  * Custom confirm popup options
- * @group Misc
  */
 interface ConfirmPopupOptions {
     /**
@@ -164,7 +163,6 @@ export interface ConfirmPopupProps {
 
 /**
  * Object returned by the {@link confirmPopup} method.
- * @group Misc
  */
 interface ConfirmPopupReturn {
     /**
@@ -182,7 +180,7 @@ interface ConfirmPopupReturn {
  *
  * _ConfirmPopup displays a confirmation overlay displayed relatively to its target._
  *
- * [Live Demo](https://www.primefaces.org/primereact/confirmpopup/)
+ * [Live Demo](https://www.primereact.org/confirmpopup/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/contextmenu/contextmenu.d.ts

@@ -2,7 +2,7 @@
  *
  * ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration.
  *
- * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ * [Live Demo](https://www.primereact.org/contextmenu/)
  *
  * @module contextmenu
  *
@@ -66,7 +66,7 @@ export interface ContextMenuProps extends Omit<React.DetailedHTMLProps<React.HTM
  *
  * _ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu. Refer to documentation of the individual documentation of the components having a special integration._
  *
- * [Live Demo](https://www.primefaces.org/primereact/contextmenu/)
+ * [Live Demo](https://www.primereact.org/contextmenu/)
  * --- ---
  * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
  *

package/core/core.js

@@ -5771,6 +5771,8 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       var otherProps = VirtualScrollerBase.getOtherProps(props);
       var className = utils.classNames('p-virtualscroller', {
         'p-both-scroll': both,
+        'p-virtualscroller-both': both,
+        'p-virtualscroller-horizontal': horizontal,
         'p-horizontal-scroll': horizontal
       }, props.className);
       var loader = createLoader();
@@ -10090,7 +10092,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, ripple
   };
   var JumpToPageInputBase = {
     defaultProps: {
-      __TYPE: 'JumbToPageInput',
+      __TYPE: 'JumpToPageInput',
       page: null,
       rows: null,
       pageCount: null,