primereact 8.7.3 → 9.0.0-rc.1

package/column/column.esm.js

@@ -1,83 +1,4 @@
 var Column = function Column() {};
 Column.displayName = 'Column';
-Column.defaultProps = {
-  __TYPE: 'Column',
-  align: null,
-  alignFrozen: 'left',
-  alignHeader: null,
-  body: null,
-  bodyClassName: null,
-  bodyStyle: null,
-  cellEditValidator: null,
-  cellEditValidatorEvent: 'click',
-  className: null,
-  colSpan: null,
-  columnKey: null,
-  dataType: 'text',
-  editor: null,
-  excludeGlobalFilter: false,
-  expander: false,
-  exportField: null,
-  exportable: true,
-  field: null,
-  filter: false,
-  filterApply: null,
-  filterClear: null,
-  filterElement: null,
-  filterField: null,
-  filterFooter: null,
-  filterFunction: null,
-  filterHeader: null,
-  filterHeaderClassName: null,
-  filterHeaderStyle: null,
-  filterMatchMode: null,
-  filterMatchModeOptions: null,
-  filterMaxLength: null,
-  filterMenuClassName: null,
-  filterMenuStyle: null,
-  filterPlaceholder: null,
-  filterType: 'text',
-  footer: null,
-  footerClassName: null,
-  footerStyle: null,
-  frozen: false,
-  header: null,
-  headerClassName: null,
-  headerStyle: null,
-  headerTooltip: null,
-  headerTooltipOptions: null,
-  hidden: false,
-  maxConstraints: 2,
-  onBeforeCellEditHide: null,
-  onBeforeCellEditShow: null,
-  onCellEditCancel: null,
-  onCellEditComplete: null,
-  onCellEditInit: null,
-  onFilterApplyClick: null,
-  onFilterClear: null,
-  onFilterConstraintAdd: null,
-  onFilterConstraintRemove: null,
-  onFilterMatchModeChange: null,
-  onFilterOperatorChange: null,
-  reorderable: true,
-  resizeable: true,
-  rowEditor: false,
-  rowReorder: false,
-  rowReorderIcon: 'pi pi-bars',
-  rowSpan: null,
-  selectionMode: null,
-  showAddButton: true,
-  showApplyButton: true,
-  showClearButton: true,
-  showFilterMatchModes: true,
-  showFilterMenu: true,
-  showFilterMenuOptions: true,
-  showFilterOperator: true,
-  sortField: null,
-  sortFunction: null,
-  sortable: false,
-  sortableDisabled: false,
-  style: null
-};
 
 export { Column };

package/column/column.esm.min.js

@@ -1 +1 @@
-var l=function(){};l.displayName="Column",l.defaultProps={__TYPE:"Column",align:null,alignFrozen:"left",alignHeader:null,body:null,bodyClassName:null,bodyStyle:null,cellEditValidator:null,cellEditValidatorEvent:"click",className:null,colSpan:null,columnKey:null,dataType:"text",editor:null,excludeGlobalFilter:!1,expander:!1,exportField:null,exportable:!0,field:null,filter:!1,filterApply:null,filterClear:null,filterElement:null,filterField:null,filterFooter:null,filterFunction:null,filterHeader:null,filterHeaderClassName:null,filterHeaderStyle:null,filterMatchMode:null,filterMatchModeOptions:null,filterMaxLength:null,filterMenuClassName:null,filterMenuStyle:null,filterPlaceholder:null,filterType:"text",footer:null,footerClassName:null,footerStyle:null,frozen:!1,header:null,headerClassName:null,headerStyle:null,headerTooltip:null,headerTooltipOptions:null,hidden:!1,maxConstraints:2,onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditCancel:null,onCellEditComplete:null,onCellEditInit:null,onFilterApplyClick:null,onFilterClear:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,reorderable:!0,resizeable:!0,rowEditor:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowSpan:null,selectionMode:null,showAddButton:!0,showApplyButton:!0,showClearButton:!0,showFilterMatchModes:!0,showFilterMenu:!0,showFilterMenuOptions:!0,showFilterOperator:!0,sortField:null,sortFunction:null,sortable:!1,sortableDisabled:!1,style:null};export{l as Column};
+var a=function(){};a.displayName="Column";export{a as Column};

package/column/column.js

@@ -1,93 +1,14 @@
 this.primereact = this.primereact || {};
 this.primereact.column = (function (exports) {
-    'use strict';
+	'use strict';
 
-    var Column = function Column() {};
-    Column.displayName = 'Column';
-    Column.defaultProps = {
-      __TYPE: 'Column',
-      align: null,
-      alignFrozen: 'left',
-      alignHeader: null,
-      body: null,
-      bodyClassName: null,
-      bodyStyle: null,
-      cellEditValidator: null,
-      cellEditValidatorEvent: 'click',
-      className: null,
-      colSpan: null,
-      columnKey: null,
-      dataType: 'text',
-      editor: null,
-      excludeGlobalFilter: false,
-      expander: false,
-      exportField: null,
-      exportable: true,
-      field: null,
-      filter: false,
-      filterApply: null,
-      filterClear: null,
-      filterElement: null,
-      filterField: null,
-      filterFooter: null,
-      filterFunction: null,
-      filterHeader: null,
-      filterHeaderClassName: null,
-      filterHeaderStyle: null,
-      filterMatchMode: null,
-      filterMatchModeOptions: null,
-      filterMaxLength: null,
-      filterMenuClassName: null,
-      filterMenuStyle: null,
-      filterPlaceholder: null,
-      filterType: 'text',
-      footer: null,
-      footerClassName: null,
-      footerStyle: null,
-      frozen: false,
-      header: null,
-      headerClassName: null,
-      headerStyle: null,
-      headerTooltip: null,
-      headerTooltipOptions: null,
-      hidden: false,
-      maxConstraints: 2,
-      onBeforeCellEditHide: null,
-      onBeforeCellEditShow: null,
-      onCellEditCancel: null,
-      onCellEditComplete: null,
-      onCellEditInit: null,
-      onFilterApplyClick: null,
-      onFilterClear: null,
-      onFilterConstraintAdd: null,
-      onFilterConstraintRemove: null,
-      onFilterMatchModeChange: null,
-      onFilterOperatorChange: null,
-      reorderable: true,
-      resizeable: true,
-      rowEditor: false,
-      rowReorder: false,
-      rowReorderIcon: 'pi pi-bars',
-      rowSpan: null,
-      selectionMode: null,
-      showAddButton: true,
-      showApplyButton: true,
-      showClearButton: true,
-      showFilterMatchModes: true,
-      showFilterMenu: true,
-      showFilterMenuOptions: true,
-      showFilterOperator: true,
-      sortField: null,
-      sortFunction: null,
-      sortable: false,
-      sortableDisabled: false,
-      style: null
-    };
+	var Column = function Column() {};
+	Column.displayName = 'Column';
 
-    exports.Column = Column;
+	exports.Column = Column;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+	Object.defineProperty(exports, '__esModule', { value: true });
 
-    return exports;
+	return exports;
 
 })({});

package/column/column.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.column=function(l){"use strict";var e=function(){};return e.displayName="Column",e.defaultProps={__TYPE:"Column",align:null,alignFrozen:"left",alignHeader:null,body:null,bodyClassName:null,bodyStyle:null,cellEditValidator:null,cellEditValidatorEvent:"click",className:null,colSpan:null,columnKey:null,dataType:"text",editor:null,excludeGlobalFilter:!1,expander:!1,exportField:null,exportable:!0,field:null,filter:!1,filterApply:null,filterClear:null,filterElement:null,filterField:null,filterFooter:null,filterFunction:null,filterHeader:null,filterHeaderClassName:null,filterHeaderStyle:null,filterMatchMode:null,filterMatchModeOptions:null,filterMaxLength:null,filterMenuClassName:null,filterMenuStyle:null,filterPlaceholder:null,filterType:"text",footer:null,footerClassName:null,footerStyle:null,frozen:!1,header:null,headerClassName:null,headerStyle:null,headerTooltip:null,headerTooltipOptions:null,hidden:!1,maxConstraints:2,onBeforeCellEditHide:null,onBeforeCellEditShow:null,onCellEditCancel:null,onCellEditComplete:null,onCellEditInit:null,onFilterApplyClick:null,onFilterClear:null,onFilterConstraintAdd:null,onFilterConstraintRemove:null,onFilterMatchModeChange:null,onFilterOperatorChange:null,reorderable:!0,resizeable:!0,rowEditor:!1,rowReorder:!1,rowReorderIcon:"pi pi-bars",rowSpan:null,selectionMode:null,showAddButton:!0,showApplyButton:!0,showClearButton:!0,showFilterMatchModes:!0,showFilterMenu:!0,showFilterMenuOptions:!0,showFilterOperator:!0,sortField:null,sortFunction:null,sortable:!1,sortableDisabled:!1,style:null},l.Column=e,Object.defineProperty(l,"__esModule",{value:!0}),l}({});
+this.primereact=this.primereact||{},this.primereact.column=function(e){"use strict";var t=function(){};return t.displayName="Column",e.Column=t,Object.defineProperty(e,"__esModule",{value:!0}),e}({});

package/column/package.json

@@ -2,5 +2,6 @@
     "main": "./column.cjs.js",
     "module": "./column.esm.js",
     "unpkg": "./column.min.js",
-    "types": "./column.d.ts"
+    "types": "./column.d.ts",
+    "sideEffects": false
 }

package/columngroup/columngroup.cjs.js

@@ -4,8 +4,5 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var ColumnGroup = function ColumnGroup() {};
 ColumnGroup.displayName = 'ColumnGroup';
-ColumnGroup.defaultProps = {
-  __TYPE: 'ColumnGroup'
-};
 
 exports.ColumnGroup = ColumnGroup;

package/columngroup/columngroup.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){};e.displayName="ColumnGroup",e.defaultProps={__TYPE:"ColumnGroup"},exports.ColumnGroup=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(){};e.displayName="ColumnGroup",exports.ColumnGroup=e;

package/columngroup/columngroup.d.ts

@@ -1,8 +1,37 @@
+/**
+ *
+ * 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/)
+ *
+ * @module columngroup
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in ColumnGroup component.
+ * @group Properties
+ */
 // tslint:disable-next-line:no-empty-interface
 export interface ColumnGroupProps {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - ColumnGroup**
+ *
+ * _It is a helper component for DataTable._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/columngroup/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ColumnGroup extends React.Component<ColumnGroupProps, any> {}

package/columngroup/columngroup.esm.js

@@ -1,7 +1,4 @@
 var ColumnGroup = function ColumnGroup() {};
 ColumnGroup.displayName = 'ColumnGroup';
-ColumnGroup.defaultProps = {
-  __TYPE: 'ColumnGroup'
-};
 
 export { ColumnGroup };

package/columngroup/columngroup.esm.min.js

@@ -1 +1 @@
-var o=function(){};o.displayName="ColumnGroup",o.defaultProps={__TYPE:"ColumnGroup"};export{o as ColumnGroup};
+var o=function(){};o.displayName="ColumnGroup";export{o as ColumnGroup};

package/columngroup/columngroup.js

@@ -1,17 +1,14 @@
 this.primereact = this.primereact || {};
 this.primereact.columngroup = (function (exports) {
-    'use strict';
+	'use strict';
 
-    var ColumnGroup = function ColumnGroup() {};
-    ColumnGroup.displayName = 'ColumnGroup';
-    ColumnGroup.defaultProps = {
-      __TYPE: 'ColumnGroup'
-    };
+	var ColumnGroup = function ColumnGroup() {};
+	ColumnGroup.displayName = 'ColumnGroup';
 
-    exports.ColumnGroup = ColumnGroup;
+	exports.ColumnGroup = ColumnGroup;
 
-    Object.defineProperty(exports, '__esModule', { value: true });
+	Object.defineProperty(exports, '__esModule', { value: true });
 
-    return exports;
+	return exports;
 
 })({});

package/columngroup/columngroup.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.columngroup=function(e){"use strict";var r=function(){};return r.displayName="ColumnGroup",r.defaultProps={__TYPE:"ColumnGroup"},e.ColumnGroup=r,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+this.primereact=this.primereact||{},this.primereact.columngroup=function(e){"use strict";var r=function(){};return r.displayName="ColumnGroup",e.ColumnGroup=r,Object.defineProperty(e,"__esModule",{value:!0}),e}({});

package/columngroup/package.json

@@ -2,5 +2,6 @@
     "main": "./columngroup.cjs.js",
     "module": "./columngroup.esm.js",
     "unpkg": "./columngroup.min.js",
-    "types": "./columngroup.d.ts"
+    "types": "./columngroup.d.ts",
+    "sideEffects": false
 }

package/confirmdialog/confirmdialog.cjs.js

@@ -64,9 +64,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -82,9 +80,7 @@ function _iterableToArrayLimit(arr, i) {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -146,6 +142,36 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+var ConfirmDialogBase = {
+  defaultProps: {
+    __TYPE: 'ConfirmDialog',
+    tagKey: undefined,
+    visible: undefined,
+    message: null,
+    rejectLabel: null,
+    acceptLabel: null,
+    icon: null,
+    rejectIcon: null,
+    acceptIcon: null,
+    rejectClassName: null,
+    acceptClassName: null,
+    className: null,
+    appendTo: null,
+    footer: null,
+    breakpoints: null,
+    onHide: null,
+    accept: null,
+    reject: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, ConfirmDialogBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, ConfirmDialogBase.defaultProps);
+  }
+};
+
 function ownKeys(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(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var confirmDialog = function confirmDialog() {
@@ -170,7 +196,8 @@ var confirmDialog = function confirmDialog() {
     hide: hide
   };
 };
-var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = ConfirmDialogBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.visible),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -284,7 +311,7 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   var createElement = function createElement() {
     var currentProps = getCurrentProps();
     var className = utils.classNames('p-confirm-dialog', getPropValue('className'));
-    var otherProps = utils.ObjectUtils.findDiffKeys(currentProps, ConfirmDialog.defaultProps);
+    var otherProps = ConfirmDialogBase.getOtherProps(currentProps);
     var message = utils.ObjectUtils.getJSXElement(getPropValue('message'), currentProps);
     var icon = utils.IconUtils.getJSXIcon(getPropValue('icon'), {
       className: 'p-confirm-dialog-icon'
@@ -310,26 +337,6 @@ var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   });
 }));
 ConfirmDialog.displayName = 'ConfirmDialog';
-ConfirmDialog.defaultProps = {
-  __TYPE: 'ConfirmDialog',
-  tagKey: undefined,
-  visible: undefined,
-  message: null,
-  rejectLabel: null,
-  acceptLabel: null,
-  icon: null,
-  rejectIcon: null,
-  acceptIcon: null,
-  rejectClassName: null,
-  acceptClassName: null,
-  className: null,
-  appendTo: null,
-  footer: null,
-  breakpoints: null,
-  onHide: null,
-  accept: null,
-  reject: null
-};
 
 exports.ConfirmDialog = ConfirmDialog;
 exports.confirmDialog = confirmDialog;

package/confirmdialog/confirmdialog.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/dialog"),o=require("primereact/hooks"),i=require("primereact/overlayservice"),c=require("primereact/portal"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,c,a=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||p(e,t)||b(e,t)||v()}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function d(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=d(e,"string");return"symbol"===g(t)?t:String(t)}function O(e,t,r){return(t=j(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=u.memo(u.forwardRef((function(e,l){var f=y(u.useState(e.visible),2),p=f[0],m=f[1],b=y(u.useState(!1),2),v=b[0],g=b[1],d=u.useRef(null),j=function(){return d.current||e},O=function(t){return(d.current||e)[t]},S=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return a.ObjectUtils.getPropValue(O(e),r)},h=O("acceptLabel")||t.localeOption("accept"),N=O("rejectLabel")||t.localeOption("reject"),w=function(){S("accept"),D("accept")},E=function(){S("reject"),D("reject")},C=function(){m(!0)},D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";m(!1),S("onHide",e)},I=function(t){if(t.tagKey===e.tagKey){var r=p!==t.visible;O("target")!==t.target&&!e.target?(D(),d.current=t,g(!0)):r&&(d.current=t,t.visible?C():D())}};u.useEffect((function(){e.visible?C():D()}),[e.visible]),u.useEffect((function(){return e.target||e.message||i.OverlayService.on("confirm-dialog",I),function(){i.OverlayService.off("confirm-dialog",I)}}),[e.target]),o.useUpdateEffect((function(){v&&C()}),[v]),o.useUnmountEffect((function(){i.OverlayService.off("confirm-dialog",I)})),u.useImperativeHandle(l,(function(){return{props:e,confirm:I}}));var k,q,U,A,L,T,_=function(){var e=a.classNames("p-confirm-dialog-accept",O("acceptClassName")),t=a.classNames("p-confirm-dialog-reject",{"p-button-text":!O("rejectClassName")},O("rejectClassName")),n=u.createElement(u.Fragment,null,u.createElement(r.Button,{label:N,icon:O("rejectIcon"),className:t,onClick:E}),u.createElement(r.Button,{label:h,icon:O("acceptIcon"),className:e,onClick:w,autoFocus:!0}));if(O("footer")){var o={accept:w,reject:E,acceptClassName:e,rejectClassName:t,acceptLabel:h,rejectLabel:N,element:n,props:j()};return a.ObjectUtils.getJSXElement(O("footer"),o)}return n},x=(k=j(),q=a.classNames("p-confirm-dialog",O("className")),U=a.ObjectUtils.findDiffKeys(k,P.defaultProps),A=a.ObjectUtils.getJSXElement(O("message"),k),L=a.IconUtils.getJSXIcon(O("icon"),{className:"p-confirm-dialog-icon"},{props:k}),T=_(),u.createElement(n.Dialog,s({visible:p},U,{className:q,footer:T,onHide:D,breakpoints:O("breakpoints")}),L,u.createElement("span",{className:"p-confirm-dialog-message"},A)));return u.createElement(c.Portal,{element:x,appendTo:O("appendTo")})})));P.displayName="ConfirmDialog",P.defaultProps={__TYPE:"ConfirmDialog",tagKey:void 0,visible:void 0,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,appendTo:null,footer:null,breakpoints:null,onHide:null,accept:null,reject:null},exports.ConfirmDialog=P,exports.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=h(h({},e),{visible:void 0===e.visible||e.visible})).visible&&i.OverlayService.emit("confirm-dialog",e);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-dialog",h(h(h({},e),t),{visible:!0}))},r=function(){i.OverlayService.emit("confirm-dialog",{visible:!1})};return{show:t,hide:r}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/button"),n=require("primereact/dialog"),o=require("primereact/hooks"),i=require("primereact/overlayservice"),c=require("primereact/portal"),a=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=l(e);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,c,a=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(c=r.return(),Object(c)!==c))return}finally{if(u)throw o}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return f(e)||p(e,t)||b(e,t)||v()}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function d(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function j(e){var t=d(e,"string");return"symbol"===y(t)?t:String(t)}function O(e,t,r){return(t=j(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var h={defaultProps:{__TYPE:"ConfirmDialog",tagKey:void 0,visible:void 0,message:null,rejectLabel:null,acceptLabel:null,icon:null,rejectIcon:null,acceptIcon:null,rejectClassName:null,acceptClassName:null,className:null,appendTo:null,footer:null,breakpoints:null,onHide:null,accept:null,reject:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,h.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,h.defaultProps)}};function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=u.memo(u.forwardRef((function(e,l){var f=h.getProps(e),p=g(u.useState(f.visible),2),m=p[0],b=p[1],v=g(u.useState(!1),2),y=v[0],d=v[1],j=u.useRef(null),O=function(){return j.current||f},P=function(e){return(j.current||f)[e]},S=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return a.ObjectUtils.getPropValue(P(e),r)},N=P("acceptLabel")||t.localeOption("accept"),w=P("rejectLabel")||t.localeOption("reject"),E=function(){S("accept"),I("accept")},C=function(){S("reject"),I("reject")},D=function(){b(!0)},I=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"cancel";b(!1),S("onHide",e)},U=function(e){if(e.tagKey===f.tagKey){var t=m!==e.visible;P("target")!==e.target&&!f.target?(I(),j.current=e,d(!0)):t&&(j.current=e,e.visible?D():I())}};u.useEffect((function(){f.visible?D():I()}),[f.visible]),u.useEffect((function(){return f.target||f.message||i.OverlayService.on("confirm-dialog",U),function(){i.OverlayService.off("confirm-dialog",U)}}),[f.target]),o.useUpdateEffect((function(){y&&D()}),[y]),o.useUnmountEffect((function(){i.OverlayService.off("confirm-dialog",U)})),u.useImperativeHandle(l,(function(){return{props:f,confirm:U}}));var k,q,A,L,T,_,x=function(){var e=a.classNames("p-confirm-dialog-accept",P("acceptClassName")),t=a.classNames("p-confirm-dialog-reject",{"p-button-text":!P("rejectClassName")},P("rejectClassName")),n=u.createElement(u.Fragment,null,u.createElement(r.Button,{label:w,icon:P("rejectIcon"),className:t,onClick:C}),u.createElement(r.Button,{label:N,icon:P("acceptIcon"),className:e,onClick:E,autoFocus:!0}));if(P("footer")){var o={accept:E,reject:C,acceptClassName:e,rejectClassName:t,acceptLabel:N,rejectLabel:w,element:n,props:O()};return a.ObjectUtils.getJSXElement(P("footer"),o)}return n},H=(k=O(),q=a.classNames("p-confirm-dialog",P("className")),A=h.getOtherProps(k),L=a.ObjectUtils.getJSXElement(P("message"),k),T=a.IconUtils.getJSXIcon(P("icon"),{className:"p-confirm-dialog-icon"},{props:k}),_=x(),u.createElement(n.Dialog,s({visible:m},A,{className:q,footer:_,onHide:I,breakpoints:P("breakpoints")}),T,u.createElement("span",{className:"p-confirm-dialog-message"},L)));return u.createElement(c.Portal,{element:H,appendTo:P("appendTo")})})));N.displayName="ConfirmDialog",exports.ConfirmDialog=N,exports.confirmDialog=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(e=S(S({},e),{visible:void 0===e.visible||e.visible})).visible&&i.OverlayService.emit("confirm-dialog",e);var t=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.OverlayService.emit("confirm-dialog",S(S(S({},e),t),{visible:!0}))},r=function(){i.OverlayService.emit("confirm-dialog",{visible:!1})};return{show:t,hide:r}};

package/confirmdialog/confirmdialog.d.ts

@@ -1,49 +1,173 @@
+/**
+ *
+ * ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/confirmdialog)
+ *
+ * @module confirmdialog
+ *
+ */
 import * as React from 'react';
 import { DialogProps } from '../dialog';
 import { IconType } from '../utils';
 
-type ConfirmDialogTemplateType = React.ReactNode | ((options: ConfirmDialogOptions) => React.ReactNode);
-
-type ConfirmDialogAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Custom confirm dialog options
+ * @group Misc
+ */
 interface ConfirmDialogOptions {
+    /**
+     * Callback to execute when action is confirmed.
+     */
     accept(): void;
+    /**
+     * Callback to execute when action is rejected.
+     */
     reject(): void;
+    /**
+     * Style class of the accept button.
+     */
     acceptClassName: string;
+    /**
+     * Style class of the reject button.
+     */
     rejectClassName: string;
+    /**
+     * Label of the accept button.
+     * @defaultValue Yes
+     */
     acceptLabel: string;
+    /**
+     * Label of the reject button.
+     * @defaultValue No
+     */
     rejectLabel: string;
+    /**
+     * Default element created by the component.
+     */
     element: React.ReactNode;
+    /**
+     * All component props
+     * @type {ConfirmDialogProps}
+     */
     props: ConfirmDialogProps;
+    /**
+     * Extra options
+     */
     [key: string]: any;
 }
 
+/**
+ * Defines valid properties in ConfirmDialog component. In addition to these, all properties of {@link dialog} can be used in this component.
+ * @group Properties
+ */
 export interface ConfirmDialogProps extends Omit<DialogProps, 'onHide' | 'footer'> {
-    tagKey?: string;
-    visible?: boolean;
-    message?: ConfirmDialogTemplateType;
-    rejectLabel?: string;
-    acceptLabel?: string;
-    icon?: IconType<ConfirmDialogProps>;
-    rejectIcon?: IconType<ConfirmDialogProps>;
-    acceptIcon?: IconType<ConfirmDialogProps>;
-    rejectClassName?: string;
-    acceptClassName?: string;
-    appendTo?: ConfirmDialogAppendToType;
-    className?: string;
-    footer?: ConfirmDialogTemplateType;
+    /**
+     * Unique tag key used to separate the confirmDialog components in the page.
+     */
+    tagKey?: string | undefined;
+    /**
+     * Specifies the visibility of the confirm dialog.
+     * @defaultValue false
+     */
+    visible?: boolean | undefined;
+    /**
+     * Message of the confirmation.
+     */
+    message?: React.ReactNode | ((options: ConfirmDialogOptions) => React.ReactNode);
+    /**
+     * Label of the reject button.
+     * @defaultValue No
+     */
+    rejectLabel?: string | undefined;
+    /**
+     * Label of the accept button.
+     * @defaultValue Yes
+     */
+    acceptLabel?: string | undefined;
+    /**
+     * Icon to display next to the message.
+     */
+    icon?: IconType<ConfirmDialogProps> | undefined;
+    /**
+     * Icon of the reject button.
+     */
+    rejectIcon?: IconType<ConfirmDialogProps> | undefined;
+    /**
+     * Icon of the accept button.
+     */
+    acceptIcon?: IconType<ConfirmDialogProps> | undefined;
+    /**
+     * Style class of the reject button.
+     */
+    rejectClassName?: string | undefined;
+    /**
+     * Style class of the accept button.
+     */
+    acceptClassName?: string | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * Style class of the element.
+     */
+    className?: string | undefined;
+    /**
+     * Footer content of the confirm dialog.
+     */
+    footer?: React.ReactNode | ((options: ConfirmDialogOptions) => React.ReactNode);
+    /**
+     * Callback to invoke when confirm dialog is hidden.
+     */
     onHide?(result: string): void;
+    /**
+     * Callback to execute when action is confirmed.
+     */
     accept?(): void;
+    /**
+     * Callback to execute when action is rejected.
+     */
     reject?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * Object returned by the {@link confirmDialog} method.
+ * @group Misc
+ */
 interface ConfirmDialogReturn {
+    /**
+     * Used to show the dialog.
+     */
     show(): void;
+    /**
+     * Used to hide the dialog.
+     */
     hide(): void;
 }
 
+/**
+ * **PrimeReact - ConfirmDialog**
+ *
+ * _ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/confirmdialog/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class ConfirmDialog extends React.Component<ConfirmDialogProps, any> {
+    /**
+     * Used to call/update the component manually
+     * @param {ConfirmDialogProps} props - All component props
+     */
     public confirm(props?: ConfirmDialogProps): void;
 }