primereact 8.7.3 → 9.0.0-rc.1

package/inputswitch/inputswitch.d.ts

@@ -1,41 +1,132 @@
+/**
+ *
+ * InputSwitch is used to select a boolean value.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputswitch/)
+ *
+ * @module inputswitch
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 
-interface InputSwitchChangeTargetOptions {
-    name: string;
-    id: string;
-    value: boolean;
-}
-
-interface InputSwitchChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: boolean;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: InputSwitchChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link InputSwitchProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface InputSwitchChangeEvent extends FormEvent<boolean> {}
 
+/**
+ * Defines valid properties in InputMask component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface InputSwitchProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    id?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    style?: React.CSSProperties;
-    className?: string;
-    inputId?: string;
-    name?: string;
-    tabIndex?: number;
-    checked?: any;
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the element.
+     */
+    className?: string | undefined;
+    /**
+     * Identifier of the input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Specifies whether a inputswitch should be checked or not.
+     * @defaultValue false
+     */
+    checked: boolean;
+    /**
+     * Value in checked state.
+     * @defaultValue true
+     */
     trueValue?: any;
+    /**
+     * Value in unchecked state.
+     * @defaultValue false
+     */
     falseValue?: any;
-    disabled?: boolean;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    onChange?(e: InputSwitchChangeParams): void;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Callback to invoke on value change.
+     * @param {InputSwitchChangeEvent} event - Custom change event
+     */
+    onChange?(event: InputSwitchChangeEvent): void;
+    /**
+     * Callback to invoke when the element receives focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event
+     */
     onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when the element loses focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event
+     */
     onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - InputSwitch**
+ *
+ * _InputSwitch is used to select a boolean value._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputswitch/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class InputSwitch extends React.Component<InputSwitchProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getInput(): HTMLInputElement;
 }

package/inputswitch/inputswitch.esm.js

@@ -35,9 +35,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 {
@@ -53,9 +51,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;
 }
 
@@ -76,7 +72,37 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var InputSwitchBase = {
+  defaultProps: {
+    __TYPE: 'InputSwitch',
+    checked: false,
+    className: null,
+    disabled: false,
+    falseValue: false,
+    id: null,
+    inputId: null,
+    inputRef: null,
+    name: null,
+    onBlur: null,
+    onChange: null,
+    onFocus: null,
+    style: null,
+    tabIndex: null,
+    tooltip: null,
+    tooltipOptions: null,
+    trueValue: true,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, InputSwitchBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, InputSwitchBase.defaultProps);
+  }
+};
+
+var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = InputSwitchBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -119,11 +145,14 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },
       getInput: function getInput() {
-        return elementRef.current;
+        return inputRef.current;
       }
     };
   });
@@ -131,7 +160,7 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, InputSwitch.defaultProps);
+  var otherProps = InputSwitchBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-inputswitch p-component', {
     'p-inputswitch-checked': checked,
@@ -170,24 +199,5 @@ var InputSwitch = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   }, props.tooltipOptions)));
 }));
 InputSwitch.displayName = 'InputSwitch';
-InputSwitch.defaultProps = {
-  __TYPE: 'InputSwitch',
-  checked: false,
-  className: null,
-  disabled: false,
-  falseValue: false,
-  id: null,
-  inputId: null,
-  inputRef: null,
-  name: null,
-  onBlur: null,
-  onChange: null,
-  onFocus: null,
-  style: null,
-  tabIndex: null,
-  tooltip: null,
-  tooltipOptions: null,
-  trueValue: true
-};
 
 export { InputSwitch };

package/inputswitch/inputswitch.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as r,classNames as l}from"primereact/utils";function a(){return a=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},a.apply(this,arguments)}function o(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,u=[],i=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=a.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){c=!0,l=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return u}}function i(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 c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function s(){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=e.memo(e.forwardRef((function(i,p){var d,m,h=e.useState(!1),b=(m=2,o(d=h)||u(d,m)||c(d,m)||s()),y=b[0],v=b[1],g=e.useRef(null),I=e.useRef(i.inputRef),w=i.checked===i.trueValue,E=function(e){if(i.onChange){var t=w?i.falseValue:i.trueValue;i.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:t}})}};e.useImperativeHandle(p,(function(){return{props:i,getElement:function(){return g.current},getInput:function(){return g.current}}})),e.useEffect((function(){n.combinedRefs(I,i.inputRef)}),[I,i.inputRef]);var O=n.isNotEmpty(i.tooltip),R=n.findDiffKeys(i,f.defaultProps),k=n.reduceKeys(R,r.ARIA_PROPS),S=l("p-inputswitch p-component",{"p-inputswitch-checked":w,"p-disabled":i.disabled,"p-focus":y},i.className);return e.createElement(e.Fragment,null,e.createElement("div",a({ref:g,id:i.id,className:S,style:i.style},R,{onClick:function(e){i.disabled||(E(e),r.focus(I.current),e.preventDefault())},role:"checkbox","aria-checked":w}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",a({ref:I,type:"checkbox",id:i.inputId,name:i.name,checked:w,onChange:E,onFocus:function(e){v(!0),i.onFocus&&i.onFocus(e)},onBlur:function(e){v(!1),i.onBlur&&i.onBlur(e)},disabled:i.disabled,role:"switch",tabIndex:i.tabIndex,"aria-checked":w},k))),e.createElement("span",{className:"p-inputswitch-slider"})),O&&e.createElement(t,a({target:g,content:i.tooltip},i.tooltipOptions)))})));f.displayName="InputSwitch",f.defaultProps={__TYPE:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0};export{f as InputSwitch};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,DomHandler as r,classNames as o}from"primereact/utils";function l(){return l=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},l.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function a(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,u,a=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){c=!0,o=e}finally{try{if(!i&&null!=n.return&&(u=n.return(),Object(u)!==u))return}finally{if(c)throw o}}return a}}function i(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 c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function s(){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:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,children:void 0},getProps:function(e){return n.getMergedProps(e,f.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,f.defaultProps)}},p=e.memo(e.forwardRef((function(i,p){var d,m,h=f.getProps(i),b=e.useState(!1),g=(m=2,u(d=b)||a(d,m)||c(d,m)||s()),y=g[0],v=g[1],P=e.useRef(null),I=e.useRef(h.inputRef),O=h.checked===h.trueValue,w=function(e){if(h.onChange){var t=O?h.falseValue:h.trueValue;h.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:h.name,id:h.id,value:t}})}};e.useImperativeHandle(p,(function(){return{props:h,focus:function(){return r.focus(I.current)},getElement:function(){return P.current},getInput:function(){return I.current}}})),e.useEffect((function(){n.combinedRefs(I,h.inputRef)}),[I,h.inputRef]);var E=n.isNotEmpty(h.tooltip),R=f.getOtherProps(h),k=n.reduceKeys(R,r.ARIA_PROPS),S=o("p-inputswitch p-component",{"p-inputswitch-checked":O,"p-disabled":h.disabled,"p-focus":y},h.className);return e.createElement(e.Fragment,null,e.createElement("div",l({ref:P,id:h.id,className:S,style:h.style},R,{onClick:function(e){h.disabled||(w(e),r.focus(I.current),e.preventDefault())},role:"checkbox","aria-checked":O}),e.createElement("div",{className:"p-hidden-accessible"},e.createElement("input",l({ref:I,type:"checkbox",id:h.inputId,name:h.name,checked:O,onChange:w,onFocus:function(e){v(!0),h.onFocus&&h.onFocus(e)},onBlur:function(e){v(!1),h.onBlur&&h.onBlur(e)},disabled:h.disabled,role:"switch",tabIndex:h.tabIndex,"aria-checked":O},k))),e.createElement("span",{className:"p-inputswitch-slider"})),E&&e.createElement(t,l({target:P,content:h.tooltip},h.tooltipOptions)))})));p.displayName="InputSwitch";export{p as InputSwitch};

package/inputswitch/inputswitch.js

@@ -55,9 +55,7 @@ this.primereact.inputswitch = (function (exports, React, tooltip, 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.inputswitch = (function (exports, React, tooltip, 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,7 +92,37 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var InputSwitchBase = {
+    defaultProps: {
+      __TYPE: 'InputSwitch',
+      checked: false,
+      className: null,
+      disabled: false,
+      falseValue: false,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      name: null,
+      onBlur: null,
+      onChange: null,
+      onFocus: null,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      trueValue: true,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, InputSwitchBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, InputSwitchBase.defaultProps);
+    }
+  };
+
+  var InputSwitch = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = InputSwitchBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -139,11 +165,14 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
         getInput: function getInput() {
-          return elementRef.current;
+          return inputRef.current;
         }
       };
     });
@@ -151,7 +180,7 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, InputSwitch.defaultProps);
+    var otherProps = InputSwitchBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-inputswitch p-component', {
       'p-inputswitch-checked': checked,
@@ -190,25 +219,6 @@ this.primereact.inputswitch = (function (exports, React, tooltip, utils) {
     }, props.tooltipOptions)));
   }));
   InputSwitch.displayName = 'InputSwitch';
-  InputSwitch.defaultProps = {
-    __TYPE: 'InputSwitch',
-    checked: false,
-    className: null,
-    disabled: false,
-    falseValue: false,
-    id: null,
-    inputId: null,
-    inputRef: null,
-    name: null,
-    onBlur: null,
-    onChange: null,
-    onFocus: null,
-    style: null,
-    tabIndex: null,
-    tooltip: null,
-    tooltipOptions: null,
-    trueValue: true
-  };
 
   exports.InputSwitch = InputSwitch;
 

package/inputswitch/inputswitch.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r){"use strict";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 i=l(t);function a(){return a=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},a.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function o(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i,a,u=[],o=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=i.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){c=!0,l=e}finally{try{if(!o&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return u}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(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 p=i.memo(i.forwardRef((function(e,t){var l,c,d=i.useState(!1),m=(c=2,u(l=d)||o(l,c)||s(l,c)||f()),b=m[0],h=m[1],y=i.useRef(null),v=i.useRef(e.inputRef),g=e.checked===e.trueValue,O=function(t){if(e.onChange){var n=g?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};i.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return y.current},getInput:function(){return y.current}}})),i.useEffect((function(){r.ObjectUtils.combinedRefs(v,e.inputRef)}),[v,e.inputRef]);var j=r.ObjectUtils.isNotEmpty(e.tooltip),w=r.ObjectUtils.findDiffKeys(e,p.defaultProps),I=r.ObjectUtils.reduceKeys(w,r.DomHandler.ARIA_PROPS),E=r.classNames("p-inputswitch p-component",{"p-inputswitch-checked":g,"p-disabled":e.disabled,"p-focus":b},e.className);return i.createElement(i.Fragment,null,i.createElement("div",a({ref:y,id:e.id,className:E,style:e.style},w,{onClick:function(t){e.disabled||(O(t),r.DomHandler.focus(v.current),t.preventDefault())},role:"checkbox","aria-checked":g}),i.createElement("div",{className:"p-hidden-accessible"},i.createElement("input",a({ref:v,type:"checkbox",id:e.inputId,name:e.name,checked:g,onChange:O,onFocus:function(t){h(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){h(!1),e.onBlur&&e.onBlur(t)},disabled:e.disabled,role:"switch",tabIndex:e.tabIndex,"aria-checked":g},I))),i.createElement("span",{className:"p-inputswitch-slider"})),j&&i.createElement(n.Tooltip,a({target:y,content:e.tooltip},e.tooltipOptions)))})));return p.displayName="InputSwitch",p.defaultProps={__TYPE:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0},e.InputSwitch=p,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.inputswitch=function(e,t,n,r){"use strict";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 u=l(t);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 o(e){if(Array.isArray(e))return e}function a(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,u,i,o=[],a=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=u.call(n)).done)&&(o.push(r.value),o.length!==t);a=!0);}catch(e){c=!0,l=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw l}}return o}}function c(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 s(e,t){if(e){if("string"==typeof e)return c(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)?c(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 p={defaultProps:{__TYPE:"InputSwitch",checked:!1,className:null,disabled:!1,falseValue:!1,id:null,inputId:null,inputRef:null,name:null,onBlur:null,onChange:null,onFocus:null,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,p.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,p.defaultProps)}},d=u.memo(u.forwardRef((function(e,t){var l,c,d=p.getProps(e),m=u.useState(!1),b=(c=2,o(l=m)||a(l,c)||s(l,c)||f()),h=b[0],y=b[1],g=u.useRef(null),v=u.useRef(d.inputRef),O=d.checked===d.trueValue,j=function(e){if(d.onChange){var t=O?d.falseValue:d.trueValue;d.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:d.name,id:d.id,value:t}})}};u.useImperativeHandle(t,(function(){return{props:d,focus:function(){return r.DomHandler.focus(v.current)},getElement:function(){return g.current},getInput:function(){return v.current}}})),u.useEffect((function(){r.ObjectUtils.combinedRefs(v,d.inputRef)}),[v,d.inputRef]);var P=r.ObjectUtils.isNotEmpty(d.tooltip),w=p.getOtherProps(d),I=r.ObjectUtils.reduceKeys(w,r.DomHandler.ARIA_PROPS),E=r.classNames("p-inputswitch p-component",{"p-inputswitch-checked":O,"p-disabled":d.disabled,"p-focus":h},d.className);return u.createElement(u.Fragment,null,u.createElement("div",i({ref:g,id:d.id,className:E,style:d.style},w,{onClick:function(e){d.disabled||(j(e),r.DomHandler.focus(v.current),e.preventDefault())},role:"checkbox","aria-checked":O}),u.createElement("div",{className:"p-hidden-accessible"},u.createElement("input",i({ref:v,type:"checkbox",id:d.inputId,name:d.name,checked:O,onChange:j,onFocus:function(e){y(!0),d.onFocus&&d.onFocus(e)},onBlur:function(e){y(!1),d.onBlur&&d.onBlur(e)},disabled:d.disabled,role:"switch",tabIndex:d.tabIndex,"aria-checked":O},I))),u.createElement("span",{className:"p-inputswitch-slider"})),P&&u.createElement(n.Tooltip,i({target:g,content:d.tooltip},d.tooltipOptions)))})));return d.displayName="InputSwitch",e.InputSwitch=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/inputswitch/package.json

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

package/inputtext/inputtext.cjs.js

@@ -42,7 +42,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var InputTextBase = {
+  defaultProps: {
+    __TYPE: 'InputText',
+    keyfilter: null,
+    validateOnly: false,
+    tooltip: null,
+    tooltipOptions: null,
+    onInput: null,
+    onKeyDown: null,
+    onPaste: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, InputTextBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, InputTextBase.defaultProps);
+  }
+};
+
+var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = InputTextBase.getProps(inProps);
   var elementRef = React__namespace.useRef(ref);
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
@@ -75,7 +96,7 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     utils.ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, InputText.defaultProps);
+  var otherProps = InputTextBase.getOtherProps(props);
   var className = utils.classNames('p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled
@@ -93,15 +114,5 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, props.tooltipOptions)));
 }));
 InputText.displayName = 'InputText';
-InputText.defaultProps = {
-  __TYPE: 'InputText',
-  keyfilter: null,
-  validateOnly: false,
-  tooltip: null,
-  tooltipOptions: null,
-  onInput: null,
-  onKeyDown: null,
-  onPaste: null
-};
 
 exports.InputText = InputText;

package/inputtext/inputtext.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),n=require("primereact/tooltip"),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 i=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)}var a=i.memo(i.forwardRef((function(e,l){var u=i.useRef(l),s=u.current&&u.current.value,c=i.useMemo((function(){return r.ObjectUtils.isNotEmpty(e.value)||r.ObjectUtils.isNotEmpty(e.defaultValue)||r.ObjectUtils.isNotEmpty(s)}),[e.value,e.defaultValue,s]);i.useEffect((function(){r.ObjectUtils.combinedRefs(u,l)}),[u,l]);var f=r.ObjectUtils.isNotEmpty(e.tooltip),p=r.ObjectUtils.findDiffKeys(e,a.defaultProps),y=r.classNames("p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":c},e.className);return i.createElement(i.Fragment,null,i.createElement("input",o({ref:u},p,{className:y,onInput:function(n){var l=!0;if(e.keyfilter&&e.validateOnly&&(l=t.KeyFilter.validate(n,e.keyfilter)),e.onInput&&e.onInput(n,l),!e.onChange){var i=n.target;r.ObjectUtils.isNotEmpty(i.value)?r.DomHandler.addClass(i,"p-filled"):r.DomHandler.removeClass(i,"p-filled")}},onKeyDown:function(n){e.onKeyDown&&e.onKeyDown(n),e.keyfilter&&t.KeyFilter.onKeyPress(n,e.keyfilter,e.validateOnly)},onPaste:function(n){e.onPaste&&e.onPaste(n),e.keyfilter&&t.KeyFilter.onPaste(n,e.keyfilter,e.validateOnly)}})),f&&i.createElement(n.Tooltip,o({target:u,content:e.tooltip},e.tooltipOptions)))})));a.displayName="InputText",a.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null},exports.InputText=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/keyfilter"),r=require("primereact/tooltip"),n=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 o=l(e);function i(){return i=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},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,a.defaultProps)}},u=o.memo(o.forwardRef((function(e,l){var u=a.getProps(e),s=o.useRef(l),p=s.current&&s.current.value,c=o.useMemo((function(){return n.ObjectUtils.isNotEmpty(u.value)||n.ObjectUtils.isNotEmpty(u.defaultValue)||n.ObjectUtils.isNotEmpty(p)}),[u.value,u.defaultValue,p]);o.useEffect((function(){n.ObjectUtils.combinedRefs(s,l)}),[s,l]);var f=n.ObjectUtils.isNotEmpty(u.tooltip),d=a.getOtherProps(u),y=n.classNames("p-inputtext p-component",{"p-disabled":u.disabled,"p-filled":c},u.className);return o.createElement(o.Fragment,null,o.createElement("input",i({ref:s},d,{className:y,onInput:function(e){var r=!0;if(u.keyfilter&&u.validateOnly&&(r=t.KeyFilter.validate(e,u.keyfilter)),u.onInput&&u.onInput(e,r),!u.onChange){var l=e.target;n.ObjectUtils.isNotEmpty(l.value)?n.DomHandler.addClass(l,"p-filled"):n.DomHandler.removeClass(l,"p-filled")}},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&t.KeyFilter.onKeyPress(e,u.keyfilter,u.validateOnly)},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&t.KeyFilter.onPaste(e,u.keyfilter,u.validateOnly)}})),f&&o.createElement(r.Tooltip,i({target:s,content:u.tooltip},u.tooltipOptions)))})));u.displayName="InputText",exports.InputText=u;

package/inputtext/inputtext.d.ts

@@ -1,14 +1,65 @@
+/**
+ *
+ * InputText is an extension to standard input element with theming and keyfiltering.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ *
+ * @module inputtext
+ *
+ */
 import * as React from 'react';
 import { KeyFilterType } from '../keyfilter';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 
-export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref'> {
-    children?: React.ReactNode;
+/**
+ * Defines valid properties in InputText component. In addition to these, all properties of HTMLInputElement can be used in this component.
+ * @group Properties
+ */
+export interface InputTextProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onInput' | 'ref' | 'value'> {
+    /**
+     * Format definition of the keys to block.
+     */
     keyfilter?: KeyFilterType;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    validateOnly?: boolean;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * When enabled, instead of blocking keys, input is validated internally to test against the regular expression.
+     * @defaultValue false
+     */
+    validateOnly?: boolean | undefined;
+    /**
+     * The value of component
+     */
+    value?: string | undefined;
+    /**
+     * Callback to invoke while typing value on input
+     * @param {React.FormEvent<HTMLInputElement>} event - Browser event
+     * @param {boolean} validatePattern - Whether to validate the value
+     */
     onInput?(event: React.FormEvent<HTMLInputElement>, validatePattern: boolean): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - InputText**
+ *
+ * _InputText is an extension to standard input element with theming and keyfiltering._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/inputtext/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare const InputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;

package/inputtext/inputtext.esm.js

@@ -18,7 +18,28 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var InputTextBase = {
+  defaultProps: {
+    __TYPE: 'InputText',
+    keyfilter: null,
+    validateOnly: false,
+    tooltip: null,
+    tooltipOptions: null,
+    onInput: null,
+    onKeyDown: null,
+    onPaste: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, InputTextBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, InputTextBase.defaultProps);
+  }
+};
+
+var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = InputTextBase.getProps(inProps);
   var elementRef = React.useRef(ref);
   var onKeyDown = function onKeyDown(event) {
     props.onKeyDown && props.onKeyDown(event);
@@ -51,7 +72,7 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, InputText.defaultProps);
+  var otherProps = InputTextBase.getOtherProps(props);
   var className = classNames('p-inputtext p-component', {
     'p-disabled': props.disabled,
     'p-filled': isFilled
@@ -69,15 +90,5 @@ var InputText = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   }, props.tooltipOptions)));
 }));
 InputText.displayName = 'InputText';
-InputText.defaultProps = {
-  __TYPE: 'InputText',
-  keyfilter: null,
-  validateOnly: false,
-  tooltip: null,
-  tooltipOptions: null,
-  onInput: null,
-  onKeyDown: null,
-  onPaste: null
-};
 
 export { InputText };

package/inputtext/inputtext.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as l,DomHandler as a}from"primereact/utils";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var i=e.memo(e.forwardRef((function(p,u){var f=e.useRef(u),s=f.current&&f.current.value,m=e.useMemo((function(){return o.isNotEmpty(p.value)||o.isNotEmpty(p.defaultValue)||o.isNotEmpty(s)}),[p.value,p.defaultValue,s]);e.useEffect((function(){o.combinedRefs(f,u)}),[f,u]);var c=o.isNotEmpty(p.tooltip),y=o.findDiffKeys(p,i.defaultProps),d=l("p-inputtext p-component",{"p-disabled":p.disabled,"p-filled":m},p.className);return e.createElement(e.Fragment,null,e.createElement("input",r({ref:f},y,{className:d,onInput:function(e){var n=!0;if(p.keyfilter&&p.validateOnly&&(n=t.validate(e,p.keyfilter)),p.onInput&&p.onInput(e,n),!p.onChange){var l=e.target;o.isNotEmpty(l.value)?a.addClass(l,"p-filled"):a.removeClass(l,"p-filled")}},onKeyDown:function(e){p.onKeyDown&&p.onKeyDown(e),p.keyfilter&&t.onKeyPress(e,p.keyfilter,p.validateOnly)},onPaste:function(e){p.onPaste&&p.onPaste(e),p.keyfilter&&t.onPaste(e,p.keyfilter,p.validateOnly)}})),c&&e.createElement(n,r({target:f,content:p.tooltip},p.tooltipOptions)))})));i.displayName="InputText",i.defaultProps={__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null};export{i as InputText};
+import*as e from"react";import{KeyFilter as t}from"primereact/keyfilter";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as r,DomHandler as l}from"primereact/utils";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}var i={defaultProps:{__TYPE:"InputText",keyfilter:null,validateOnly:!1,tooltip:null,tooltipOptions:null,onInput:null,onKeyDown:null,onPaste:null,children:void 0},getProps:function(e){return o.getMergedProps(e,i.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,i.defaultProps)}},p=e.memo(e.forwardRef((function(p,u){var s=i.getProps(p),f=e.useRef(u),c=f.current&&f.current.value,m=e.useMemo((function(){return o.isNotEmpty(s.value)||o.isNotEmpty(s.defaultValue)||o.isNotEmpty(c)}),[s.value,s.defaultValue,c]);e.useEffect((function(){o.combinedRefs(f,u)}),[f,u]);var d=o.isNotEmpty(s.tooltip),y=i.getOtherProps(s),v=r("p-inputtext p-component",{"p-disabled":s.disabled,"p-filled":m},s.className);return e.createElement(e.Fragment,null,e.createElement("input",a({ref:f},y,{className:v,onInput:function(e){var n=!0;if(s.keyfilter&&s.validateOnly&&(n=t.validate(e,s.keyfilter)),s.onInput&&s.onInput(e,n),!s.onChange){var r=e.target;o.isNotEmpty(r.value)?l.addClass(r,"p-filled"):l.removeClass(r,"p-filled")}},onKeyDown:function(e){s.onKeyDown&&s.onKeyDown(e),s.keyfilter&&t.onKeyPress(e,s.keyfilter,s.validateOnly)},onPaste:function(e){s.onPaste&&s.onPaste(e),s.keyfilter&&t.onPaste(e,s.keyfilter,s.validateOnly)}})),d&&e.createElement(n,a({target:f,content:s.tooltip},s.tooltipOptions)))})));p.displayName="InputText";export{p as InputText};