primereact 9.3.1 → 9.4.0

package/inplace/inplace.cjs.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var button = require('primereact/button');
-var utils = require('primereact/utils');
 var times = require('primereact/icons/times');
+var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -28,21 +29,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -98,25 +84,19 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InplaceDisplayBase = {
+componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceDisplay',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(display) {
-    return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
   }
-};
-var InplaceContentBase = {
+});
+componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceContent',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(content) {
-    return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
   }
-};
-var InplaceBase = {
+});
+var InplaceBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Inplace',
     style: null,
@@ -131,14 +111,8 @@ var InplaceBase = {
     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;
@@ -154,6 +128,13 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     setActiveState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
   var active = props.onToggle ? props.active : activeState;
+  var _InplaceBase$setMetaD = InplaceBase.setMetaData({
+      props: props,
+      state: {
+        active: activeState
+      }
+    }),
+    ptm = _InplaceBase$setMetaD.ptm;
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -186,18 +167,17 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = utils.classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      className: className
-    }, otherProps, {
+    var displayProps = utils.mergeProps({
       onClick: open,
+      className: className,
       onKeyDown: onDisplayKeyDown,
       tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel
-    }), content);
+      'aria-label': props.ariaLabel
+    }, ptm('display'));
+    return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
   };
   var createCloseButton = function createCloseButton() {
     var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null);
@@ -206,22 +186,24 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     });
     var ariaLabel = api.localeOption('close');
     if (props.closable) {
-      return /*#__PURE__*/React__namespace.createElement(button.Button, {
-        type: "button",
-        className: "p-inplace-content-close",
+      var closeButtonProps = utils.mergeProps({
+        className: 'p-inplace-content-close',
         icon: closeIcon,
+        type: 'button',
         onClick: close,
-        "aria-label": ariaLabel
+        'aria-label': ariaLabel,
+        pt: ptm('closeButton')
       });
+      return /*#__PURE__*/React__namespace.createElement(button.Button, closeButtonProps);
     }
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      className: "p-inplace-content"
-    }, otherProps), content, closeButton);
+    var contentProps = utils.mergeProps({
+      className: 'p-inplace-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, content, closeButton);
   };
   var createChildren = function createChildren() {
     var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
@@ -241,15 +223,15 @@ var Inplace = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = utils.classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), children);
+  }, InplaceBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
 InplaceContent.displayName = 'InplaceContent';

package/inplace/inplace.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),r=require("primereact/utils"),l=require("primereact/icons/times");function o(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=o(e);function i(){return i=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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function s(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.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&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw l}}return i}}function u(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 p(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function f(){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 d={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,d.defaultProps)}},b={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.ObjectUtils.getComponentDiffProps(e,b.defaultProps)}},g={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,g.defaultProps)}},m=function(e){return e.children},v=function(e){return e.children},y=a.forwardRef((function(e,o){var u,m,v=g.getProps(e),y=a.useState(v.active),O=(m=2,c(u=y)||s(u,m)||p(u,m)||f()),h=O[0],P=O[1],I=a.useRef(null),j=v.onToggle?v.active:h,C=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):P(!0))},E=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):P(!1)},D=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},N=function(e){var t=d.getOtherProps(e),n=r.classNames("p-inplace-display",{"p-disabled":v.disabled});return a.createElement("div",i({className:n},t,{onClick:C,onKeyDown:D,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),e)},T=function(e){var o,c,s=b.getOtherProps(e),u=(o=r.IconUtils.getJSXIcon(v.closeIcon||a.createElement(l.TimesIcon,null),void 0,{props:v}),c=t.localeOption("close"),v.closable?a.createElement(n.Button,{type:"button",className:"p-inplace-content-close",icon:o,onClick:E,"aria-label":c}):null);return a.createElement("div",i({className:"p-inplace-content"},s),e,u)};a.useImperativeHandle(o,(function(){return{props:v,getElement:function(){return I.current}}}));var _,w=g.getOtherProps(v),x=(_=["InplaceContent","InplaceDisplay"],a.Children.map(v.children,(function(e){return j&&r.ObjectUtils.isValidChild(e,"InplaceContent",_)?T(e):!j&&r.ObjectUtils.isValidChild(e,"InplaceDisplay",_)?N(e):void 0}))),U=r.classNames("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return a.createElement("div",i({ref:I,className:U},w),x)}));m.displayName="InplaceDisplay",v.displayName="InplaceContent",y.displayName="Inplace",exports.Inplace=y,exports.InplaceContent=v,exports.InplaceDisplay=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/button"),r=require("primereact/icons/times"),l=require("primereact/utils"),a=require("primereact/componentbase");function o(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 i=o(e);function c(e){if(Array.isArray(e))return e}function s(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,s=!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){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)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 p(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 d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),a.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var f=a.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0}}),m=function(e){return e.children},b=function(e){return e.children},v=i.forwardRef((function(e,a){var o,u,m=f.getProps(e),b=i.useState(m.active),v=(u=2,c(o=b)||s(o,u)||p(o,u)||d()),y=v[0],g=v[1],I=i.useRef(null),h=m.onToggle?m.active:y,O=f.setMetaData({props:m,state:{active:y}}).ptm,C=function(e){m.disabled||(m.onOpen&&m.onOpen(e),m.onToggle?m.onToggle({originalEvent:e,value:!0}):g(!0))},P=function(e){m.onClose&&m.onClose(e),m.onToggle?m.onToggle({originalEvent:e,value:!1}):g(!1)},E=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},j=function(e){var n=l.classNames("p-inplace-display",{"p-disabled":m.disabled}),t=l.mergeProps({onClick:C,className:n,onKeyDown:E,tabIndex:m.tabIndex,"aria-label":m.ariaLabel},O("display"));return i.createElement("div",t,e)},x=function(){var e=l.IconUtils.getJSXIcon(m.closeIcon||i.createElement(r.TimesIcon,null),void 0,{props:m}),a=n.localeOption("close");if(m.closable){var o=l.mergeProps({className:"p-inplace-content-close",icon:e,type:"button",onClick:P,"aria-label":a,pt:O("closeButton")});return i.createElement(t.Button,o)}return null};i.useImperativeHandle(a,(function(){return{props:m,getElement:function(){return I.current}}}));var N,T=(N=["InplaceContent","InplaceDisplay"],i.Children.map(m.children,(function(e){return h&&l.ObjectUtils.isValidChild(e,"InplaceContent",N)?(n=e,t=x(),r=l.mergeProps({className:"p-inplace-content"},O("content")),i.createElement("div",r,n,t)):!h&&l.ObjectUtils.isValidChild(e,"InplaceDisplay",N)?j(e):void 0;var n,t,r}))),_=l.classNames("p-inplace p-component",{"p-inplace-closable":m.closable},m.className),D=l.mergeProps({ref:I,className:_},f.getOtherProps(m),O("root"));return i.createElement("div",D,T)}));m.displayName="InplaceDisplay",b.displayName="InplaceContent",v.displayName="Inplace",exports.Inplace=v,exports.InplaceContent=b,exports.InplaceDisplay=m;

package/inplace/inplace.d.ts

@@ -14,7 +14,52 @@
  *
  */
 import * as React from 'react';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+import { ButtonPassThroughOptions } from '../button';
+
+export declare type InplacePassThroughType<T> = PassThroughType<T, InplacePassThroughMethodOptions>;
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InplacePassThroughMethodOptions {
+    props: InplaceProps;
+    state: InplaceState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InplaceProps.pt}
+ */
+export interface InplacePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the display's DOM element.
+     */
+    display?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: InplacePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the Button component.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    closeButton?: ButtonPassThroughOptions;
+}
+
+/**
+ * Defines current inline state in Inplace component.
+ */
+export interface InplaceState {
+    /**
+     * Current active state as a boolean.
+     * @defaultValue false
+     */
+    active: boolean;
+}
 
 /**
  * Custom toggle event.
@@ -80,6 +125,11 @@ export interface InplaceProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {InplacePassThroughOptions}
+     */
+    pt?: InplacePassThroughOptions;
 }
 
 /**

package/inplace/inplace.esm.js

@@ -1,23 +1,9 @@
 import * as React from 'react';
 import { localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 import { TimesIcon } from 'primereact/icons/times';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+import { classNames, mergeProps, ObjectUtils, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -74,25 +60,19 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InplaceDisplayBase = {
+ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceDisplay',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(display) {
-    return ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
   }
-};
-var InplaceContentBase = {
+});
+ComponentBase.extend({
   defaultProps: {
     __TYPE: 'InplaceContent',
     children: undefined
-  },
-  getOtherProps: function getOtherProps(content) {
-    return ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
   }
-};
-var InplaceBase = {
+});
+var InplaceBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Inplace',
     style: null,
@@ -107,14 +87,8 @@ var InplaceBase = {
     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;
@@ -130,6 +104,13 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setActiveState = _React$useState2[1];
   var elementRef = React.useRef(null);
   var active = props.onToggle ? props.active : activeState;
+  var _InplaceBase$setMetaD = InplaceBase.setMetaData({
+      props: props,
+      state: {
+        active: activeState
+      }
+    }),
+    ptm = _InplaceBase$setMetaD.ptm;
   var open = function open(event) {
     if (props.disabled) {
       return;
@@ -162,18 +143,17 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   };
   var createDisplay = function createDisplay(content) {
-    var otherProps = InplaceDisplayBase.getOtherProps(content);
     var className = classNames('p-inplace-display', {
       'p-disabled': props.disabled
     });
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: className
-    }, otherProps, {
+    var displayProps = mergeProps({
       onClick: open,
+      className: className,
       onKeyDown: onDisplayKeyDown,
       tabIndex: props.tabIndex,
-      "aria-label": props.ariaLabel
-    }), content);
+      'aria-label': props.ariaLabel
+    }, ptm('display'));
+    return /*#__PURE__*/React.createElement("div", displayProps, content);
   };
   var createCloseButton = function createCloseButton() {
     var icon = props.closeIcon || /*#__PURE__*/React.createElement(TimesIcon, null);
@@ -182,22 +162,24 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     });
     var ariaLabel = localeOption('close');
     if (props.closable) {
-      return /*#__PURE__*/React.createElement(Button, {
-        type: "button",
-        className: "p-inplace-content-close",
+      var closeButtonProps = mergeProps({
+        className: 'p-inplace-content-close',
         icon: closeIcon,
+        type: 'button',
         onClick: close,
-        "aria-label": ariaLabel
+        'aria-label': ariaLabel,
+        pt: ptm('closeButton')
       });
+      return /*#__PURE__*/React.createElement(Button, closeButtonProps);
     }
     return null;
   };
   var createContent = function createContent(content) {
-    var otherProps = InplaceContentBase.getOtherProps(content);
     var closeButton = createCloseButton();
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: "p-inplace-content"
-    }, otherProps), content, closeButton);
+    var contentProps = mergeProps({
+      className: 'p-inplace-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", contentProps, content, closeButton);
   };
   var createChildren = function createChildren() {
     var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
@@ -217,15 +199,15 @@ var Inplace = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       }
     };
   });
-  var otherProps = InplaceBase.getOtherProps(props);
   var children = createChildren();
   var className = classNames('p-inplace p-component', {
     'p-inplace-closable': props.closable
   }, props.className);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), children);
+  }, InplaceBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, children);
 });
 InplaceDisplay.displayName = 'InplaceDisplay';
 InplaceContent.displayName = 'InplaceContent';

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,IconUtils as o}from"primereact/utils";import{TimesIcon as a}from"primereact/icons/times";function i(){return i=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},i.apply(this,arguments)}function c(e){if(Array.isArray(e))return e}function p(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 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 f(){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 d={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,d.defaultProps)}},m={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return r.getComponentDiffProps(e,m.defaultProps)}},g={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return r.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,g.defaultProps)}},v=function(e){return e.children},b=function(e){return e.children},y=e.forwardRef((function(u,v){var b,y,h=g.getProps(u),P=e.useState(h.active),I=(y=2,c(b=P)||p(b,y)||s(b,y)||f()),O=I[0],C=I[1],E=e.useRef(null),T=h.onToggle?h.active:O,D=function(e){h.disabled||(h.onOpen&&h.onOpen(e),h.onToggle?h.onToggle({originalEvent:e,value:!0}):C(!0))},N=function(e){h.onClose&&h.onClose(e),h.onToggle?h.onToggle({originalEvent:e,value:!1}):C(!1)},j=function(e){"Enter"===e.key&&(D(e),e.preventDefault())},w=function(n){var t=d.getOtherProps(n),r=l("p-inplace-display",{"p-disabled":h.disabled});return e.createElement("div",i({className:r},t,{onClick:D,onKeyDown:j,tabIndex:h.tabIndex,"aria-label":h.ariaLabel}),n)},S=function(r){var l,c,p=m.getOtherProps(r),u=(l=o.getJSXIcon(h.closeIcon||e.createElement(a,null),void 0,{props:h}),c=n("close"),h.closable?e.createElement(t,{type:"button",className:"p-inplace-content-close",icon:l,onClick:N,"aria-label":c}):null);return e.createElement("div",i({className:"p-inplace-content"},p),r,u)};e.useImperativeHandle(v,(function(){return{props:h,getElement:function(){return E.current}}}));var A,_=g.getOtherProps(h),x=(A=["InplaceContent","InplaceDisplay"],e.Children.map(h.children,(function(e){return T&&r.isValidChild(e,"InplaceContent",A)?S(e):!T&&r.isValidChild(e,"InplaceDisplay",A)?w(e):void 0}))),k=l("p-inplace p-component",{"p-inplace-closable":h.closable},h.className);return e.createElement("div",i({ref:E,className:k},_),x)}));v.displayName="InplaceDisplay",b.displayName="InplaceContent",y.displayName="Inplace";export{y as Inplace,b as InplaceContent,v as InplaceDisplay};
+import*as e from"react";import{localeOption as n}from"primereact/api";import{Button as t}from"primereact/button";import{TimesIcon as r}from"primereact/icons/times";import{classNames as l,mergeProps as a,ObjectUtils as o,IconUtils as i}from"primereact/utils";import{ComponentBase as c}from"primereact/componentbase";function p(e){if(Array.isArray(e))return e}function u(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,p=!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){p=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw l}}return i}}function s(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 d(e,n){if(e){if("string"==typeof e)return s(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)?s(e,n):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}c.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),c.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var f=c.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0}}),v=function(e){return e.children},y=function(e){return e.children},b=e.forwardRef((function(c,s){var v,y,b=f.getProps(c),g=e.useState(b.active),I=(y=2,p(v=g)||u(v,y)||d(v,y)||m()),h=I[0],C=I[1],E=e.useRef(null),T=b.onToggle?b.active:h,N=f.setMetaData({props:b,state:{active:h}}).ptm,x=function(e){b.disabled||(b.onOpen&&b.onOpen(e),b.onToggle?b.onToggle({originalEvent:e,value:!0}):C(!0))},O=function(e){b.onClose&&b.onClose(e),b.onToggle?b.onToggle({originalEvent:e,value:!1}):C(!1)},P=function(e){"Enter"===e.key&&(x(e),e.preventDefault())},D=function(n){var t=l("p-inplace-display",{"p-disabled":b.disabled}),r=a({onClick:x,className:t,onKeyDown:P,tabIndex:b.tabIndex,"aria-label":b.ariaLabel},N("display"));return e.createElement("div",r,n)},S=function(){var l=i.getJSXIcon(b.closeIcon||e.createElement(r,null),void 0,{props:b}),o=n("close");if(b.closable){var c=a({className:"p-inplace-content-close",icon:l,type:"button",onClick:O,"aria-label":o,pt:N("closeButton")});return e.createElement(t,c)}return null};e.useImperativeHandle(s,(function(){return{props:b,getElement:function(){return E.current}}}));var w,A=(w=["InplaceContent","InplaceDisplay"],e.Children.map(b.children,(function(n){return T&&o.isValidChild(n,"InplaceContent",w)?(t=n,r=S(),l=a({className:"p-inplace-content"},N("content")),e.createElement("div",l,t,r)):!T&&o.isValidChild(n,"InplaceDisplay",w)?D(n):void 0;var t,r,l}))),_=l("p-inplace p-component",{"p-inplace-closable":b.closable},b.className),j=a({ref:E,className:_},f.getOtherProps(b),N("root"));return e.createElement("div",j,A)}));v.displayName="InplaceDisplay",y.displayName="InplaceContent",b.displayName="Inplace";export{b as Inplace,y as InplaceContent,v as InplaceDisplay};

package/inplace/inplace.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.inplace = (function (exports, React, api, button, utils, times) {
+this.primereact.inplace = (function (exports, React, api, button, times, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -92,25 +77,19 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var InplaceDisplayBase = {
+  componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'InplaceDisplay',
       children: undefined
-    },
-    getOtherProps: function getOtherProps(display) {
-      return utils.ObjectUtils.getComponentDiffProps(display, InplaceDisplayBase.defaultProps);
     }
-  };
-  var InplaceContentBase = {
+  });
+  componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'InplaceContent',
       children: undefined
-    },
-    getOtherProps: function getOtherProps(content) {
-      return utils.ObjectUtils.getComponentDiffProps(content, InplaceContentBase.defaultProps);
     }
-  };
-  var InplaceBase = {
+  });
+  var InplaceBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Inplace',
       style: null,
@@ -125,14 +104,8 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
       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;
@@ -148,6 +121,13 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
       setActiveState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var active = props.onToggle ? props.active : activeState;
+    var _InplaceBase$setMetaD = InplaceBase.setMetaData({
+        props: props,
+        state: {
+          active: activeState
+        }
+      }),
+      ptm = _InplaceBase$setMetaD.ptm;
     var open = function open(event) {
       if (props.disabled) {
         return;
@@ -180,18 +160,17 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
       }
     };
     var createDisplay = function createDisplay(content) {
-      var otherProps = InplaceDisplayBase.getOtherProps(content);
       var className = utils.classNames('p-inplace-display', {
         'p-disabled': props.disabled
       });
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
-        className: className
-      }, otherProps, {
+      var displayProps = utils.mergeProps({
         onClick: open,
+        className: className,
         onKeyDown: onDisplayKeyDown,
         tabIndex: props.tabIndex,
-        "aria-label": props.ariaLabel
-      }), content);
+        'aria-label': props.ariaLabel
+      }, ptm('display'));
+      return /*#__PURE__*/React__namespace.createElement("div", displayProps, content);
     };
     var createCloseButton = function createCloseButton() {
       var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null);
@@ -200,22 +179,24 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
       });
       var ariaLabel = api.localeOption('close');
       if (props.closable) {
-        return /*#__PURE__*/React__namespace.createElement(button.Button, {
-          type: "button",
-          className: "p-inplace-content-close",
+        var closeButtonProps = utils.mergeProps({
+          className: 'p-inplace-content-close',
           icon: closeIcon,
+          type: 'button',
           onClick: close,
-          "aria-label": ariaLabel
+          'aria-label': ariaLabel,
+          pt: ptm('closeButton')
         });
+        return /*#__PURE__*/React__namespace.createElement(button.Button, closeButtonProps);
       }
       return null;
     };
     var createContent = function createContent(content) {
-      var otherProps = InplaceContentBase.getOtherProps(content);
       var closeButton = createCloseButton();
-      return /*#__PURE__*/React__namespace.createElement("div", _extends({
-        className: "p-inplace-content"
-      }, otherProps), content, closeButton);
+      var contentProps = utils.mergeProps({
+        className: 'p-inplace-content'
+      }, ptm('content'));
+      return /*#__PURE__*/React__namespace.createElement("div", contentProps, content, closeButton);
     };
     var createChildren = function createChildren() {
       var validChildTypes = ['InplaceContent', 'InplaceDisplay'];
@@ -235,15 +216,15 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
         }
       };
     });
-    var otherProps = InplaceBase.getOtherProps(props);
     var children = createChildren();
     var className = utils.classNames('p-inplace p-component', {
       'p-inplace-closable': props.closable
     }, props.className);
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       className: className
-    }, otherProps), children);
+    }, InplaceBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, children);
   });
   InplaceDisplay.displayName = 'InplaceDisplay';
   InplaceContent.displayName = 'InplaceContent';
@@ -257,4 +238,4 @@ this.primereact.inplace = (function (exports, React, api, button, utils, times)
 
   return exports;
 
-})({}, React, primereact.api, primereact.button, primereact.utils, primereact.icons.times);
+})({}, React, primereact.api, primereact.button, primereact.icons.times, primereact.utils, primereact.componentbase);

package/inplace/inplace.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inplace=function(e,t,n,r,l,a){"use strict";function o(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 i=o(t);function c(){return c=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},c.apply(this,arguments)}function s(e){if(Array.isArray(e))return e}function u(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 p(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 f(e,t){if(e){if("string"==typeof e)return p(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)?p(e,t):void 0}}function d(){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 b={defaultProps:{__TYPE:"InplaceDisplay",children:void 0},getOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,b.defaultProps)}},m={defaultProps:{__TYPE:"InplaceContent",children:void 0},getOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,m.defaultProps)}},g={defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,g.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,g.defaultProps)}},v=function(e){return e.children},y=function(e){return e.children},h=i.forwardRef((function(e,t){var o,p,v=g.getProps(e),y=i.useState(v.active),h=(p=2,s(o=y)||u(o,p)||f(o,p)||d()),O=h[0],P=h[1],I=i.useRef(null),j=v.onToggle?v.active:O,C=function(e){v.disabled||(v.onOpen&&v.onOpen(e),v.onToggle?v.onToggle({originalEvent:e,value:!0}):P(!0))},E=function(e){v.onClose&&v.onClose(e),v.onToggle?v.onToggle({originalEvent:e,value:!1}):P(!1)},D=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},N=function(e){var t=b.getOtherProps(e),n=l.classNames("p-inplace-display",{"p-disabled":v.disabled});return i.createElement("div",c({className:n},t,{onClick:C,onKeyDown:D,tabIndex:v.tabIndex,"aria-label":v.ariaLabel}),e)},T=function(e){var t,o,s=m.getOtherProps(e),u=(t=l.IconUtils.getJSXIcon(v.closeIcon||i.createElement(a.TimesIcon,null),void 0,{props:v}),o=n.localeOption("close"),v.closable?i.createElement(r.Button,{type:"button",className:"p-inplace-content-close",icon:t,onClick:E,"aria-label":o}):null);return i.createElement("div",c({className:"p-inplace-content"},s),e,u)};i.useImperativeHandle(t,(function(){return{props:v,getElement:function(){return I.current}}}));var _,w=g.getOtherProps(v),U=(_=["InplaceContent","InplaceDisplay"],i.Children.map(v.children,(function(e){return j&&l.ObjectUtils.isValidChild(e,"InplaceContent",_)?T(e):!j&&l.ObjectUtils.isValidChild(e,"InplaceDisplay",_)?N(e):void 0}))),S=l.classNames("p-inplace p-component",{"p-inplace-closable":v.closable},v.className);return i.createElement("div",c({ref:I,className:S},w),U)}));return v.displayName="InplaceDisplay",y.displayName="InplaceContent",h.displayName="Inplace",e.Inplace=h,e.InplaceContent=y,e.InplaceDisplay=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.utils,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.inplace=function(e,n,t,r,l,a,o){"use strict";function i(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 c=i(n);function s(e){if(Array.isArray(e))return e}function u(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,s=!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){s=!0,l=e}finally{try{if(!c&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw l}}return i}}function p(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 d(e,n){if(e){if("string"==typeof e)return p(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)?p(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}o.ComponentBase.extend({defaultProps:{__TYPE:"InplaceDisplay",children:void 0}}),o.ComponentBase.extend({defaultProps:{__TYPE:"InplaceContent",children:void 0}});var m=o.ComponentBase.extend({defaultProps:{__TYPE:"Inplace",style:null,className:null,active:!1,closable:!1,closeIcon:null,disabled:!1,tabIndex:0,ariaLabel:null,onOpen:null,onClose:null,onToggle:null,children:void 0}}),b=function(e){return e.children},v=function(e){return e.children},y=c.forwardRef((function(e,n){var o,i,p=m.getProps(e),b=c.useState(p.active),v=(i=2,s(o=b)||u(o,i)||d(o,i)||f()),y=v[0],g=v[1],I=c.useRef(null),h=p.onToggle?p.active:y,O=m.setMetaData({props:p,state:{active:y}}).ptm,C=function(e){p.disabled||(p.onOpen&&p.onOpen(e),p.onToggle?p.onToggle({originalEvent:e,value:!0}):g(!0))},P=function(e){p.onClose&&p.onClose(e),p.onToggle?p.onToggle({originalEvent:e,value:!1}):g(!1)},E=function(e){"Enter"===e.key&&(C(e),e.preventDefault())},j=function(e){var n=a.classNames("p-inplace-display",{"p-disabled":p.disabled}),t=a.mergeProps({onClick:C,className:n,onKeyDown:E,tabIndex:p.tabIndex,"aria-label":p.ariaLabel},O("display"));return c.createElement("div",t,e)},N=function(){var e=a.IconUtils.getJSXIcon(p.closeIcon||c.createElement(l.TimesIcon,null),void 0,{props:p}),n=t.localeOption("close");if(p.closable){var o=a.mergeProps({className:"p-inplace-content-close",icon:e,type:"button",onClick:P,"aria-label":n,pt:O("closeButton")});return c.createElement(r.Button,o)}return null};c.useImperativeHandle(n,(function(){return{props:p,getElement:function(){return I.current}}}));var T,_=(T=["InplaceContent","InplaceDisplay"],c.Children.map(p.children,(function(e){return h&&a.ObjectUtils.isValidChild(e,"InplaceContent",T)?(n=e,t=N(),r=a.mergeProps({className:"p-inplace-content"},O("content")),c.createElement("div",r,n,t)):!h&&a.ObjectUtils.isValidChild(e,"InplaceDisplay",T)?j(e):void 0;var n,t,r}))),D=a.classNames("p-inplace p-component",{"p-inplace-closable":p.closable},p.className),w=a.mergeProps({ref:I,className:D},m.getOtherProps(p),O("root"));return c.createElement("div",w,_)}));return b.displayName="InplaceDisplay",v.displayName="InplaceContent",y.displayName="Inplace",e.Inplace=y,e.InplaceContent=v,e.InplaceDisplay=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.icons.times,primereact.utils,primereact.componentbase);