primereact 8.7.3 → 9.0.0-rc.1

package/inplace/inplace.cjs.js

@@ -60,9 +60,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 {
@@ -78,9 +76,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;
 }
 
@@ -101,25 +97,61 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var InplaceDisplayBase = {
+  defaultProps: {
+    __TYPE: 'InplaceDisplay',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(display) {
+    return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
+  }
+};
+var InplaceContentBase = {
+  defaultProps: {
+    __TYPE: 'InplaceContent',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(content) {
+    return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
+  }
+};
+var InplaceBase = {
+  defaultProps: {
+    __TYPE: 'Inplace',
+    style: null,
+    className: null,
+    active: false,
+    closable: false,
+    disabled: false,
+    tabIndex: 0,
+    ariaLabel: null,
+    onOpen: null,
+    onClose: null,
+    onToggle: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
+  }
+};
+
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
 var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
-var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = InplaceBase.getProps(inProps);
   var _React$useState = React__namespace.useState(props.active),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeState = _React$useState2[0],
     setActiveState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var active = props.onToggle ? props.active : activeState;
-  var shouldUseInplaceContent = function shouldUseInplaceContent(child) {
-    return child && child.props.__TYPE === 'InplaceContent';
-  };
-  var shouldUseInplaceDisplay = function shouldUseInplaceDisplay(child) {
-    return child && child.props.__TYPE === 'InplaceDisplay';
-  };
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -152,7 +184,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceDisplay.defaultProps);
+    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = utils.classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
@@ -178,17 +210,18 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceContent.defaultProps);
+    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       className: "p-inplace-content"
     }, otherProps), content, closeButton);
   };
   var createChildren = function createChildren() {
+    var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
     return React__namespace.Children.map(props.children, function (child) {
-      if (active && shouldUseInplaceContent(child)) {
+      if (active && utils.ObjectUtils.isValidChild(child, 'InplaceContent', validChildTypes)) {
         return createContent(child);
-      } else if (!active && shouldUseInplaceDisplay(child)) {
+      } else if (!active && utils.ObjectUtils.isValidChild(child, 'InplaceDisplay', validChildTypes)) {
         return createDisplay(child);
       }
     });
@@ -201,7 +234,7 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       }
     };
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
+  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = utils.classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
@@ -212,27 +245,8 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, otherProps), children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
-InplaceDisplay.defaultProps = {
-  __TYPE: 'InplaceDisplay'
-};
 InplaceContent.displayName = 'InplaceContent';
-InplaceContent.defaultProps = {
-  __TYPE: 'InplaceContent'
-};
 Inplace.displayName = 'Inplace';
-Inplace.defaultProps = {
-  __TYPE: 'Inplace',
-  style: null,
-  className: null,
-  active: false,
-  closable: false,
-  disabled: false,
-  tabIndex: 0,
-  ariaLabel: null,
-  onOpen: null,
-  onClose: null,
-  onToggle: null
-};
 
 exports.Inplace = Inplace;
 exports.InplaceContent = InplaceContent;

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var a=l(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},o.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function c(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f=function(e){return e.children},d=function(e){return e.children},b=a.forwardRef((function(e,l){var u,y,m=a.useState(e.active),v=(y=2,i(u=m)||c(u,y)||s(u,y)||p()),g=v[0],O=v[1],I=a.useRef(null),h=e.onToggle?e.active:g,j=function(e){return e&&"InplaceContent"===e.props.__TYPE},E=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},P=function(n){e.disabled||(e.onOpen&&e.onOpen(n),e.onToggle?e.onToggle({originalEvent:n,value:!0}):O(!0))},_=function(n){e.onClose&&e.onClose(n),e.onToggle?e.onToggle({originalEvent:n,value:!1}):O(!1)},T=function(e){"Enter"===e.key&&(P(e),e.preventDefault())},C=function(n){var t=r.ObjectUtils.findDiffKeys(n.props,f.defaultProps),l=r.classNames("p-inplace-display",{"p-disabled":e.disabled});return a.createElement("div",o({className:l},t,{onClick:P,onKeyDown:T,tabIndex:e.tabIndex,"aria-label":e.ariaLabel}),n)},N=function(l){var i=r.ObjectUtils.findDiffKeys(l.props,d.defaultProps),c=e.closable?a.createElement(t.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:_,"aria-label":n.localeOption("close")}):null;return a.createElement("div",o({className:"p-inplace-content"},i),l,c)};a.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return I.current}}}));var D=r.ObjectUtils.findDiffKeys(e,b.defaultProps),w=a.Children.map(e.children,(function(e){return h&&j(e)?N(e):!h&&E(e)?C(e):void 0})),x=r.classNames("p-inplace p-component",{"p-inplace-closable":e.closable},e.className);return a.createElement("div",o({ref:I,className:x},D),w)}));f.displayName="InplaceDisplay",f.defaultProps={__TYPE:"InplaceDisplay"},d.displayName="InplaceContent",d.defaultProps={__TYPE:"InplaceContent"},b.displayName="Inplace",b.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null},exports.Inplace=b,exports.InplaceContent=d,exports.InplaceDisplay=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(e);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw l}}return i}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function u(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,f.defaultProps)}},d={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,d.defaultProps)}},b={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,b.defaultProps)}},g=function(e){return e.children},v=function(e){return e.children},y=a.forwardRef((function(e,l){var s,g,v=b.getProps(e),y=a.useState(v.active),m=(g=2,i(s=y)||c(s,g)||u(s,g)||p()),O=m[0],h=m[1],P=a.useRef(null),j=v.onToggle?v.active:O,I=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):h(!0))},C=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):h(!1)},E=function(e){"Enter"===e.key&&(I(e),e.preventDefault())},D=function(e){var t=f.getOtherProps(e),n=r.classNames("p-inplace-display",{"p-disabled":v.disabled});return a.createElement("div",o({className:n},t,{onClick:I,onKeyDown:E,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),e)},N=function(e){var r=d.getOtherProps(e),l=v.closable?a.createElement(n.Button,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:C,"aria-label":t.localeOption("close")}):null;return a.createElement("div",o({className:"p-inplace-content"},r),e,l)};a.useImperativeHandle(l,(function(){return{props:v,getElement:function(){return P.current}}}));var T,_=b.getOtherProps(v),w=(T=["InplaceContent","InplaceDisplay"],a.Children.map(v.children,(function(e){return j&&r.ObjectUtils.isValidChild(e,"InplaceContent",T)?N(e):!j&&r.ObjectUtils.isValidChild(e,"InplaceDisplay",T)?D(e):void 0}))),x=r.classNames("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return a.createElement("div",o({ref:P,className:x},_),w)}));g.displayName="InplaceDisplay",v.displayName="InplaceContent",y.displayName="Inplace",exports.Inplace=y,exports.InplaceContent=v,exports.InplaceDisplay=g;

package/inplace/inplace.d.ts

@@ -1,31 +1,123 @@
+/**
+ *
+ * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inplace)
+ *
+ * Helper Components:
+ *
+ * - {@link InplaceDisplay}
+ *
+ * - {@link InplaceContent}
+ *
+ * @module inplace
+ *
+ */
 import * as React from 'react';
 
-interface InplaceToggleParams {
+/**
+ * Custom toggle event.
+ * @see {@link InplaceProps.onToggle}
+ * @event
+ */
+interface InplaceToggleEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Current value
+     */
     value: boolean;
 }
 
+/**
+ * Defines valid properties in Inplace component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    active?: boolean;
-    closable?: boolean;
-    disabled?: boolean;
-    ariaLabel?: string;
+    /**
+     * Whether the content is displayed or not.
+     * @defaultValue false
+     */
+    active?: boolean | undefined;
+    /**
+     * Displays a button to switch back to display mode.
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Used to define a string that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Callback to invoke when inplace is opened.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onOpen?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when inplace is closed.
+     * @param {React.MouseEvent}  event - Browser event.
+     */
     onClose?(event: React.MouseEvent<HTMLElement>): void;
-    onToggle?(e: InplaceToggleParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when inplace is opened or closed.
+     * @param {InplaceToggleEvent}  event - Custom toggle event.
+     */
+    onToggle?(event: InplaceToggleEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Inplace**
+ *
+ * _Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inplace/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Inplace extends React.Component<InplaceProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }
 
+/**
+ * InplaceDisplay is a helper component for Inplace.
+ * @group Component
+ */
 // tslint:disable-next-line:max-classes-per-file
 export declare class InplaceDisplay extends React.Component {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * InplaceContent is a helper component for Inplace.
+ * @group Component
+ */
 // tslint:disable-next-line:max-classes-per-file
 export declare class InplaceContent extends React.Component {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }

package/inplace/inplace.esm.js

@@ -36,9 +36,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 {
@@ -54,9 +52,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;
 }
 
@@ -77,25 +73,61 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var InplaceDisplayBase = {
+  defaultProps: {
+    __TYPE: 'InplaceDisplay',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(display) {
+    return ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
+  }
+};
+var InplaceContentBase = {
+  defaultProps: {
+    __TYPE: 'InplaceContent',
+    children: undefined
+  },
+  getOtherProps: function getOtherProps(content) {
+    return ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
+  }
+};
+var InplaceBase = {
+  defaultProps: {
+    __TYPE: 'Inplace',
+    style: null,
+    className: null,
+    active: false,
+    closable: false,
+    disabled: false,
+    tabIndex: 0,
+    ariaLabel: null,
+    onOpen: null,
+    onClose: null,
+    onToggle: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
+  }
+};
+
 var InplaceDisplay = function InplaceDisplay(props) {
   return props.children;
 };
 var InplaceContent = function InplaceContent(props) {
   return props.children;
 };
-var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = InplaceBase.getProps(inProps);
   var _React$useState = React.useState(props.active),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     activeState = _React$useState2[0],
     setActiveState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var active = props.onToggle ? props.active : activeState;
-  var shouldUseInplaceContent = function shouldUseInplaceContent(child) {
-    return child && child.props.__TYPE === 'InplaceContent';
-  };
-  var shouldUseInplaceDisplay = function shouldUseInplaceDisplay(child) {
-    return child && child.props.__TYPE === 'InplaceDisplay';
-  };
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -128,7 +160,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = ObjectUtils.findDiffKeys(content.props, InplaceDisplay.defaultProps);
+    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
@@ -154,17 +186,18 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = ObjectUtils.findDiffKeys(content.props, InplaceContent.defaultProps);
+    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
     return /*#__PURE__*/React.createElement("div", _extends({
       className: "p-inplace-content"
     }, otherProps), content, closeButton);
   };
   var createChildren = function createChildren() {
+    var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
     return React.Children.map(props.children, function (child) {
-      if (active && shouldUseInplaceContent(child)) {
+      if (active && ObjectUtils.isValidChild(child, 'InplaceContent', validChildTypes)) {
         return createContent(child);
-      } else if (!active && shouldUseInplaceDisplay(child)) {
+      } else if (!active && ObjectUtils.isValidChild(child, 'InplaceDisplay', validChildTypes)) {
         return createDisplay(child);
       }
     });
@@ -177,7 +210,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
+  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
@@ -188,26 +221,7 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, otherProps), children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
-InplaceDisplay.defaultProps = {
-  __TYPE: 'InplaceDisplay'
-};
 InplaceContent.displayName = 'InplaceContent';
-InplaceContent.defaultProps = {
-  __TYPE: 'InplaceContent'
-};
 Inplace.displayName = 'Inplace';
-Inplace.defaultProps = {
-  __TYPE: 'Inplace',
-  style: null,
-  className: null,
-  active: false,
-  closable: false,
-  disabled: false,
-  tabIndex: 0,
-  ariaLabel: null,
-  onOpen: null,
-  onClose: null,
-  onToggle: null
-};
 
 export { Inplace, InplaceContent, InplaceDisplay };

package/inplace/inplace.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as n}from"primereact/api";import{Button as t}from"primereact/button";import{ObjectUtils as r,classNames as l}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},a.apply(this,arguments)}function o(e){if(Array.isArray(e))return e}function i(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function u(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s=function(e){return e.children},f=function(e){return e.children},d=e.forwardRef((function(c,m){var y,b,v=e.useState(c.active),g=(b=2,o(y=v)||i(y,b)||u(y,b)||p()),h=g[0],I=g[1],E=e.useRef(null),P=c.onToggle?c.active:h,T=function(e){return e&&"InplaceContent"===e.props.__TYPE},O=function(e){return e&&"InplaceDisplay"===e.props.__TYPE},C=function(e){c.disabled||(c.onOpen&&c.onOpen(e),c.onToggle?c.onToggle({originalEvent:e,value:!0}):I(!0))},_=function(e){c.onClose&&c.onClose(e),c.onToggle?c.onToggle({originalEvent:e,value:!1}):I(!1)},N=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},j=function(n){var t=r.findDiffKeys(n.props,s.defaultProps),o=l("p-inplace-display",{"p-disabled":c.disabled});return e.createElement("div",a({className:o},t,{onClick:C,onKeyDown:N,tabIndex:c.tabIndex,"aria-label":c.ariaLabel}),n)},D=function(l){var o=r.findDiffKeys(l.props,f.defaultProps),i=c.closable?e.createElement(t,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:_,"aria-label":n("close")}):null;return e.createElement("div",a({className:"p-inplace-content"},o),l,i)};e.useImperativeHandle(m,(function(){return{props:c,getElement:function(){return E.current}}}));var w=r.findDiffKeys(c,d.defaultProps),A=e.Children.map(c.children,(function(e){return P&&T(e)?D(e):!P&&O(e)?j(e):void 0})),S=l("p-inplace p-component",{"p-inplace-closable":c.closable},c.className);return e.createElement("div",a({ref:E,className:S},w),A)}));s.displayName="InplaceDisplay",s.defaultProps={__TYPE:"InplaceDisplay"},f.displayName="InplaceContent",f.defaultProps={__TYPE:"InplaceContent"},d.displayName="Inplace",d.defaultProps={__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null};export{d as Inplace,f as InplaceContent,s as InplaceDisplay};
+import*as e from"react";import{localeOption as n}from"primereact/api";import{Button as t}from"primereact/button";import{ObjectUtils as r,classNames as l}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},o.apply(this,arguments)}function a(e){if(Array.isArray(e))return e}function i(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,l,o,a,i=[],c=!0,p=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){p=!0,l=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(p)throw l}}return i}}function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function p(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var s={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,s.defaultProps)}},f={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,f.defaultProps)}},d={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,d.defaultProps)}},m=function(e){return e.children},g=function(e){return e.children},b=e.forwardRef((function(c,m){var g,b,v=d.getProps(c),y=e.useState(v.active),h=(b=2,a(g=y)||i(g,b)||p(g,b)||u()),P=h[0],I=h[1],O=e.useRef(null),C=v.onToggle?v.active:P,E=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):I(!0))},T=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):I(!1)},D=function(e){"Enter"===e.key&&(E(e),e.preventDefault())},N=function(n){var t=s.getOtherProps(n),r=l("p-inplace-display",{"p-disabled":v.disabled});return e.createElement("div",o({className:r},t,{onClick:E,onKeyDown:D,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),n)},j=function(r){var l=f.getOtherProps(r),a=v.closable?e.createElement(t,{type:"button",className:"p-inplace-content-close",icon:"pi pi-times",onClick:T,"aria-label":n("close")}):null;return e.createElement("div",o({className:"p-inplace-content"},l),r,a)};e.useImperativeHandle(m,(function(){return{props:v,getElement:function(){return O.current}}}));var w,A=d.getOtherProps(v),S=(w=["InplaceContent","InplaceDisplay"],e.Children.map(v.children,(function(e){return C&&r.isValidChild(e,"InplaceContent",w)?j(e):!C&&r.isValidChild(e,"InplaceDisplay",w)?N(e):void 0}))),_=l("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return e.createElement("div",o({ref:O,className:_},A),S)}));m.displayName="InplaceDisplay",g.displayName="InplaceContent",b.displayName="Inplace";export{b as Inplace,g as InplaceContent,m as InplaceDisplay};

package/inplace/inplace.js

@@ -55,9 +55,7 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
         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 {
@@ -73,9 +71,7 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
 
   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;
   }
 
@@ -96,25 +92,61 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var InplaceDisplayBase = {
+    defaultProps: {
+      __TYPE: 'InplaceDisplay',
+      children: undefined
+    },
+    getOtherProps: function getOtherProps(display) {
+      return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
+    }
+  };
+  var InplaceContentBase = {
+    defaultProps: {
+      __TYPE: 'InplaceContent',
+      children: undefined
+    },
+    getOtherProps: function getOtherProps(content) {
+      return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
+    }
+  };
+  var InplaceBase = {
+    defaultProps: {
+      __TYPE: 'Inplace',
+      style: null,
+      className: null,
+      active: false,
+      closable: false,
+      disabled: false,
+      tabIndex: 0,
+      ariaLabel: null,
+      onOpen: null,
+      onClose: null,
+      onToggle: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, InplaceBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, InplaceBase.defaultProps);
+    }
+  };
+
   var InplaceDisplay = function InplaceDisplay(props) {
     return props.children;
   };
   var InplaceContent = function InplaceContent(props) {
     return props.children;
   };
-  var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = InplaceBase.getProps(inProps);
     var _React$useState = React__namespace.useState(props.active),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       activeState = _React$useState2[0],
       setActiveState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var active = props.onToggle ? props.active : activeState;
-    var shouldUseInplaceContent = function shouldUseInplaceContent(child) {
-      return child && child.props.__TYPE === 'InplaceContent';
-    };
-    var shouldUseInplaceDisplay = function shouldUseInplaceDisplay(child) {
-      return child && child.props.__TYPE === 'InplaceDisplay';
-    };
     var open = function open(event) {
       if (props.disabled) {
         return;
@@ -147,7 +179,7 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
       }
     };
     var createDisplay = function createDisplay(content) {
-      var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceDisplay.defaultProps);
+      var otherProps = InplaceDisplayBase.getOtherProps(content);
       var className = utils.classNames('p-inplace-display', {
         'p-disabled': props.disabled
       });
@@ -173,17 +205,18 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
       return null;
     };
     var createContent = function createContent(content) {
-      var otherProps = utils.ObjectUtils.findDiffKeys(content.props, InplaceContent.defaultProps);
+      var otherProps = InplaceContentBase.getOtherProps(content);
       var closeButton = createCloseButton();
       return /*#__PURE__*/React__namespace.createElement("div", _extends({
         className: "p-inplace-content"
       }, otherProps), content, closeButton);
     };
     var createChildren = function createChildren() {
+      var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
       return React__namespace.Children.map(props.children, function (child) {
-        if (active && shouldUseInplaceContent(child)) {
+        if (active && utils.ObjectUtils.isValidChild(child, 'InplaceContent', validChildTypes)) {
           return createContent(child);
-        } else if (!active && shouldUseInplaceDisplay(child)) {
+        } else if (!active && utils.ObjectUtils.isValidChild(child, 'InplaceDisplay', validChildTypes)) {
           return createDisplay(child);
         }
       });
@@ -196,7 +229,7 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Inplace.defaultProps);
+    var otherProps = InplaceBase.getOtherProps(props);
     var children = createChildren();
     var className = utils.classNames('p-inplace p-component', {
       'p-inplace-closable': props.closable
@@ -207,27 +240,8 @@ this.primereact.inplace = (function (exports, React, api, button, utils) {
     }, otherProps), children);
   });
   InplaceDisplay.displayName = 'InplaceDisplay';
-  InplaceDisplay.defaultProps = {
-    __TYPE: 'InplaceDisplay'
-  };
   InplaceContent.displayName = 'InplaceContent';
-  InplaceContent.defaultProps = {
-    __TYPE: 'InplaceContent'
-  };
   Inplace.displayName = 'Inplace';
-  Inplace.defaultProps = {
-    __TYPE: 'Inplace',
-    style: null,
-    className: null,
-    active: false,
-    closable: false,
-    disabled: false,
-    tabIndex: 0,
-    ariaLabel: null,
-    onOpen: null,
-    onClose: null,
-    onToggle: null
-  };
 
   exports.Inplace = Inplace;
   exports.InplaceContent = InplaceContent;