primereact 8.7.3 → 9.0.0-rc.1

package/multistatecheckbox/multistatecheckbox.d.ts

@@ -1,55 +1,194 @@
+/**
+ *
+ * MultiStateCheckbox is used to select a state from given multiple states.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
+ *
+ * @module multistatecheckbox
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { IconType } from '../utils';
 
-type MultiStateCheckboxOptionsType = MultiStateCheckboxOption[] | any[];
-
-type MultiStateCheckboxIconTemplateType = React.ReactNode | ((options: MultiStateCheckboxIconTemplateParams) => React.ReactNode);
-
+/**
+ * Custom MultiStateCheckbox option.
+ * @group Misc
+ */
 interface MultiStateCheckboxOption {
+    /**
+     * The icon of the option.
+     */
     icon: IconType<MultiStateCheckboxProps>;
+    /**
+     * Inline style of the element.
+     */
     style: React.CSSProperties;
+    /**
+     * Style class of the element.
+     */
     className: string;
+    /**
+     * Extra options.
+     */
     [key: string]: any;
 }
 
-interface MultiStateCheckboxIconTemplateParams {
-    option: MultiStateCheckboxOption | undefined | null;
+/**
+ * Custom icon template options.
+ */
+interface MultiStateCheckboxIconTemplateEvent {
+    /**
+     * Option of the element.
+     */
+    option: MultiStateCheckboxOption | null | undefined;
+    /**
+     * Style class of the element.
+     */
     className: string;
+    /**
+     * The default element created by the component.
+     */
     element: JSX.Element;
+    /**
+     * The props passed to the component.
+     */
     props: MultiStateCheckboxProps;
 }
 
+/**
+ * Custom change target options.
+ */
 interface MultiStateCheckboxChangeTargetOptions {
+    /**
+     * The name of the element.
+     */
     name: string;
+    /**
+     * Unique identifier of the element.
+     */
     id: string;
-    value: boolean | undefined | null;
+    /**
+     * Value of the MultiStateCheckbox.
+     */
+    value: boolean | null | undefined;
 }
 
-interface MultiStateCheckboxChangeParams {
+/**
+ * Custom change event.
+ * @see {@link MultiStateCheckboxProps.onChange}
+ * @event
+ */
+interface MultiStateCheckboxChangeEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Current value
+     */
     value: any;
+    /**
+     * Stops the event from propagating.
+     */
     stopPropagation(): void;
+    /**
+     * Prevents the default action of the event.
+     */
     preventDefault(): void;
+    /**
+     * Target options.
+     */
     target: MultiStateCheckboxChangeTargetOptions;
 }
 
+/**
+ * Defines valid properties in MultiStateCheckbox component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MultiStateCheckboxProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    value?: any;
-    options?: MultiStateCheckboxOptionsType;
-    optionValue?: string;
-    optionLabel?: string;
-    iconTemplate?: MultiStateCheckboxIconTemplateType;
-    dataKey?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    empty?: boolean;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    onChange?(e: MultiStateCheckboxChangeParams): void;
-    children?: React.ReactNode;
+    /**
+     * Value of the MultiStateCheckbox.
+     */
+    value?: any | undefined;
+    /**
+     * An array to display as the available options.
+     */
+    options?: MultiStateCheckboxOption[] | any[];
+    /**
+     * Property name to use as the value of an option, defaults to the option itself when not defined.
+     */
+    optionValue?: string | undefined;
+    /**
+     * Property name to refer to the option label, used by screen readers only. Defaults to optionValue.
+     */
+    optionLabel?: string | undefined;
+    /**
+     * Property name to use as the icon of an option, defaults to the icon property.
+     */
+    optionIcon?: string | undefined;
+    /**
+     * Template of icon for the selected option.
+     */
+    iconTemplate?: React.ReactNode | ((options: MultiStateCheckboxIconTemplateEvent) => React.ReactNode);
+    /**
+     * A property to uniquely identify an option.
+     */
+    dataKey?: string | undefined;
+    /**
+     * When present, it specifies that the element value cannot be altered.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When present, it specifies that the value cannot be changed.
+     * @defaultValue false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * If false, the empty state is skipped in the chekbox.
+     * @defaultValue true
+     */
+    empty?: boolean | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * Callback to invoke on value change
+     * @param {MultiStateCheckboxChangeEvent} event - Custom change event.
+     */
+    onChange?(event: MultiStateCheckboxChangeEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - MultiStateCheckbox**
+ *
+ * _MultiStateCheckbox is used to select a state from given multiple states._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/multistatecheckbox/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class MultiStateCheckbox extends React.Component<MultiStateCheckboxProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/multistatecheckbox/multistatecheckbox.esm.js

@@ -78,9 +78,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 {
@@ -96,9 +94,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;
 }
 
@@ -119,7 +115,38 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var MultiStateCheckboxBase = {
+  defaultProps: {
+    __TYPE: 'MultiStateCheckbox',
+    id: null,
+    value: null,
+    options: null,
+    optionValue: null,
+    optionLabel: null,
+    optionIcon: null,
+    iconTemplate: null,
+    dataKey: null,
+    style: null,
+    className: null,
+    disabled: false,
+    readOnly: false,
+    empty: true,
+    tabIndex: '0',
+    tooltip: null,
+    tooltipOptions: null,
+    onChange: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
+  }
+};
+
+var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = MultiStateCheckboxBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
@@ -134,6 +161,9 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   var getOptionValue = function getOptionValue(option) {
     return props.optionValue ? ObjectUtils.resolveFieldData(option, props.optionValue) : option;
   };
+  var getOptionIcon = function getOptionIcon(option) {
+    return ObjectUtils.resolveFieldData(option, props.optionIcon || 'icon');
+  };
   var getOptionAriaLabel = function getOptionAriaLabel(option) {
     var ariaField = props.optionLabel || props.optionValue;
     return ariaField ? ObjectUtils.resolveFieldData(option, ariaField) : option;
@@ -188,6 +218,9 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
+      focus: function focus() {
+        return DomHandler.focusFirstElement(elementRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       }
@@ -199,7 +232,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     }
   });
   var createIcon = function createIcon() {
-    var icon = selectedOption && selectedOption.icon || '';
+    var icon = selectedOption && getOptionIcon(selectedOption) || '';
     var className = classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
     var content = /*#__PURE__*/React.createElement("span", {
       className: className
@@ -219,7 +252,7 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     selectedOption = _getSelectedOptionMap.option,
     selectedOptionIndex = _getSelectedOptionMap.index;
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+  var otherProps = MultiStateCheckboxBase.getOtherProps(props);
   var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
     'p-checkbox-disabled': props.disabled
@@ -257,24 +290,5 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
   }, props.tooltipOptions)));
 }));
 MultiStateCheckbox.displayName = 'MultiStateCheckbox';
-MultiStateCheckbox.defaultProps = {
-  __TYPE: 'MultiStateCheckbox',
-  id: null,
-  value: null,
-  options: null,
-  optionValue: null,
-  optionLabel: null,
-  iconTemplate: null,
-  dataKey: null,
-  style: null,
-  className: null,
-  disabled: false,
-  readOnly: false,
-  empty: true,
-  tabIndex: '0',
-  tooltip: null,
-  tooltipOptions: null,
-  onChange: null
-};
 
 export { MultiStateCheckbox };

package/multistatecheckbox/multistatecheckbox.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as l,classNames as i}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)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function y(e,t){if(e){if("string"==typeof e)return m(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)?m(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=e.memo(e.forwardRef((function(u,c){var m,v,h=e.useState(!1),g=(v=2,s(m=h)||f(m,v)||y(m,v)||d()),S=g[0],x=g[1],O=e.useRef(null),E=u.optionValue?null:u.dataKey,k=function(e){return u.optionValue?r.resolveFieldData(e,u.optionValue):e},j=function(e){if(u.onChange){var t=k(u.options?A===u.options.length-1?u.empty?null:u.options[0]:u.options[A+1]:null);u.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:u.name,id:u.id,value:t}})}};e.useImperativeHandle(c,(function(){return{props:u,getElement:function(){return O.current}}})),n((function(){u.empty||null!==u.value||j()}));var N,w,P=(u.options&&(w=u.options.findIndex((function(e){return r.equals(u.value,k(e),E)})),N=u.options[w]),{option:N,index:w}),I=P.option,A=P.index,C=r.isNotEmpty(u.tooltip),D=r.findDiffKeys(u,b.defaultProps),T=r.reduceKeys(D,l.ARIA_PROPS),K=i("p-multistatecheckbox p-checkbox p-component",u.className,{"p-checkbox-disabled":u.disabled}),V=i("p-checkbox-box",{"p-highlight":!!I,"p-disabled":u.disabled,"p-focus":S},I&&I.className),F=function(){var t,n,o,l=i("p-checkbox-icon p-c",(t={},n="".concat(I&&I.icon||""),o=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t)),a=e.createElement("span",{className:l});return u.iconTemplate?r.getJSXElement(u.iconTemplate,{option:I,className:l,element:a,props:u}):a}(),R=I?function(e){var t=u.optionLabel||u.optionValue;return t?r.resolveFieldData(e,t):e}(I):t("nullLabel"),L=I?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",a({ref:O,id:u.id,className:K,style:u.style},D,{onClick:function(e){u.disabled||u.readOnly||j(e)}}),e.createElement("div",a({className:V,style:I&&I.style,tabIndex:u.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":L},T),F),S&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},R)),C&&e.createElement(o,a({target:O,content:u.tooltip},u.tooltipOptions)))})));b.displayName="MultiStateCheckbox",b.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null};export{b as MultiStateCheckbox};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n}from"primereact/hooks";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as r,DomHandler as l,classNames as i}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)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function c(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==u(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function s(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw r}}return a}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function d(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function y(){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:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,optionIcon:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return r.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,b.defaultProps)}},v=e.memo(e.forwardRef((function(u,c){var m,v,g=b.getProps(u),h=e.useState(!1),S=(v=2,s(m=h)||f(m,v)||d(m,v)||y()),x=S[0],P=S[1],O=e.useRef(null),E=g.optionValue?null:g.dataKey,k=function(e){return g.optionValue?r.resolveFieldData(e,g.optionValue):e},j=function(e){if(g.onChange){var t=k(g.options?C===g.options.length-1?g.empty?null:g.options[0]:g.options[C+1]:null);g.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:g.name,id:g.id,value:t}})}};e.useImperativeHandle(c,(function(){return{props:g,focus:function(){return l.focusFirstElement(O.current)},getElement:function(){return O.current}}})),n((function(){g.empty||null!==g.value||j()}));var I,N,w=(g.options&&(N=g.options.findIndex((function(e){return r.equals(g.value,k(e),E)})),I=g.options[N]),{option:I,index:N}),A=w.option,C=w.index,D=r.isNotEmpty(g.tooltip),F=b.getOtherProps(g),T=r.reduceKeys(F,l.ARIA_PROPS),V=i("p-multistatecheckbox p-checkbox p-component",g.className,{"p-checkbox-disabled":g.disabled}),K=i("p-checkbox-box",{"p-highlight":!!A,"p-disabled":g.disabled,"p-focus":x},A&&A.className),M=function(){var t,n,o,l=A&&r.resolveFieldData(A,g.optionIcon||"icon")||"",a=i("p-checkbox-icon p-c",(t={},n="".concat(l),o=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t)),u=e.createElement("span",{className:a});return g.iconTemplate?r.getJSXElement(g.iconTemplate,{option:A,className:a,element:u,props:g}):u}(),R=A?function(e){var t=g.optionLabel||g.optionValue;return t?r.resolveFieldData(e,t):e}(A):t("nullLabel"),L=A?"true":"false";return e.createElement(e.Fragment,null,e.createElement("div",a({ref:O,id:g.id,className:V,style:g.style},F,{onClick:function(e){g.disabled||g.readOnly||j(e)}}),e.createElement("div",a({className:K,style:A&&A.style,tabIndex:g.tabIndex,onFocus:function(){P(!0)},onBlur:function(){P(!1)},onKeyDown:function(e){32===e.keyCode&&(j(e),e.preventDefault())},role:"checkbox","aria-checked":L},T),M),x&&e.createElement("span",{className:"p-sr-only","aria-live":"polite"},R)),D&&e.createElement(o,a({target:O,content:g.tooltip},g.tooltipOptions)))})));v.displayName="MultiStateCheckbox";export{v as MultiStateCheckbox};

package/multistatecheckbox/multistatecheckbox.js

@@ -96,9 +96,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
         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 {
@@ -114,9 +112,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
 
   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;
   }
 
@@ -137,7 +133,38 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var MultiStateCheckboxBase = {
+    defaultProps: {
+      __TYPE: 'MultiStateCheckbox',
+      id: null,
+      value: null,
+      options: null,
+      optionValue: null,
+      optionLabel: null,
+      optionIcon: null,
+      iconTemplate: null,
+      dataKey: null,
+      style: null,
+      className: null,
+      disabled: false,
+      readOnly: false,
+      empty: true,
+      tabIndex: '0',
+      tooltip: null,
+      tooltipOptions: null,
+      onChange: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, MultiStateCheckboxBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, MultiStateCheckboxBase.defaultProps);
+    }
+  };
+
+  var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = MultiStateCheckboxBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
@@ -152,6 +179,9 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     var getOptionValue = function getOptionValue(option) {
       return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
+    var getOptionIcon = function getOptionIcon(option) {
+      return utils.ObjectUtils.resolveFieldData(option, props.optionIcon || 'icon');
+    };
     var getOptionAriaLabel = function getOptionAriaLabel(option) {
       var ariaField = props.optionLabel || props.optionValue;
       return ariaField ? utils.ObjectUtils.resolveFieldData(option, ariaField) : option;
@@ -206,6 +236,9 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
+        focus: function focus() {
+          return utils.DomHandler.focusFirstElement(elementRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         }
@@ -217,7 +250,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
       }
     });
     var createIcon = function createIcon() {
-      var icon = selectedOption && selectedOption.icon || '';
+      var icon = selectedOption && getOptionIcon(selectedOption) || '';
       var className = utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(icon), true));
       var content = /*#__PURE__*/React__namespace.createElement("span", {
         className: className
@@ -237,7 +270,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
       selectedOption = _getSelectedOptionMap.option,
       selectedOptionIndex = _getSelectedOptionMap.index;
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, MultiStateCheckbox.defaultProps);
+    var otherProps = MultiStateCheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
       'p-checkbox-disabled': props.disabled
@@ -275,25 +308,6 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     }, props.tooltipOptions)));
   }));
   MultiStateCheckbox.displayName = 'MultiStateCheckbox';
-  MultiStateCheckbox.defaultProps = {
-    __TYPE: 'MultiStateCheckbox',
-    id: null,
-    value: null,
-    options: null,
-    optionValue: null,
-    optionLabel: null,
-    iconTemplate: null,
-    dataKey: null,
-    style: null,
-    className: null,
-    disabled: false,
-    readOnly: false,
-    empty: true,
-    tabIndex: '0',
-    tooltip: null,
-    tooltipOptions: null,
-    onChange: null
-  };
 
   exports.MultiStateCheckbox = MultiStateCheckbox;
 

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";function i(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=i(t);function u(){return u=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},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function b(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 d(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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 v=a.memo(a.forwardRef((function(e,t){var i,c,s=a.useState(!1),b=(c=2,f(i=s)||m(i,c)||d(i,c)||y()),h=b[0],g=b[1],O=a.useRef(null),j=e.optionValue?null:e.dataKey,S=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t},x=function(t){if(e.onChange){var n=S(e.options?w===e.options.length-1?e.empty?null:e.options[0]:e.options[w+1]:null);e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return O.current}}})),r.useMountEffect((function(){e.empty||null!==e.value||x()}));var k,E,N=(e.options&&(E=e.options.findIndex((function(t){return l.ObjectUtils.equals(e.value,S(t),j)})),k=e.options[E]),{option:k,index:E}),P=N.option,w=N.index,C=l.ObjectUtils.isNotEmpty(e.tooltip),I=l.ObjectUtils.findDiffKeys(e,v.defaultProps),A=l.ObjectUtils.reduceKeys(I,l.DomHandler.ARIA_PROPS),D=l.classNames("p-multistatecheckbox p-checkbox p-component",e.className,{"p-checkbox-disabled":e.disabled}),U=l.classNames("p-checkbox-box",{"p-highlight":!!P,"p-disabled":e.disabled,"p-focus":h},P&&P.className),M=function(){var t,n,r,o=l.classNames("p-checkbox-icon p-c",(t={},n="".concat(P&&P.icon||""),r=!0,(n=p(n))in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r,t)),i=a.createElement("span",{className:o});return e.iconTemplate?l.ObjectUtils.getJSXElement(e.iconTemplate,{option:P,className:o,element:i,props:e}):i}(),T=P?function(t){var n=e.optionLabel||e.optionValue;return n?l.ObjectUtils.resolveFieldData(t,n):t}(P):n.ariaLabel("nullLabel"),_=P?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:O,id:e.id,className:D,style:e.style},I,{onClick:function(t){e.disabled||e.readOnly||x(t)}}),a.createElement("div",u({className:U,style:P&&P.style,tabIndex:e.tabIndex,onFocus:function(){g(!0)},onBlur:function(){g(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":_},A),M),h&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},T)),C&&a.createElement(o.Tooltip,u({target:O,content:e.tooltip},e.tooltipOptions)))})));return v.displayName="MultiStateCheckbox",v.defaultProps={__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null},e.MultiStateCheckbox=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,r,o,l){"use strict";function i(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=i(t);function u(){return u=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},u.apply(this,arguments)}function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function s(e,t){if("object"!==c(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==c(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=s(e,"string");return"symbol"===c(t)?t:String(t)}function f(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function b(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 d(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function y(){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 v={defaultProps:{__TYPE:"MultiStateCheckbox",id:null,value:null,options:null,optionValue:null,optionLabel:null,optionIcon:null,iconTemplate:null,dataKey:null,style:null,className:null,disabled:!1,readOnly:!1,empty:!0,tabIndex:"0",tooltip:null,tooltipOptions:null,onChange:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,v.defaultProps)}},h=a.memo(a.forwardRef((function(e,t){var i,c,s=v.getProps(e),b=a.useState(!1),h=(c=2,f(i=b)||m(i,c)||d(i,c)||y()),g=h[0],O=h[1],j=a.useRef(null),P=s.optionValue?null:s.dataKey,S=function(e){return s.optionValue?l.ObjectUtils.resolveFieldData(e,s.optionValue):e},x=function(e){if(s.onChange){var t=S(s.options?I===s.options.length-1?s.empty?null:s.options[0]:s.options[I+1]:null);s.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:s.name,id:s.id,value:t}})}};a.useImperativeHandle(t,(function(){return{props:s,focus:function(){return l.DomHandler.focusFirstElement(j.current)},getElement:function(){return j.current}}})),r.useMountEffect((function(){s.empty||null!==s.value||x()}));var E,k,N=(s.options&&(k=s.options.findIndex((function(e){return l.ObjectUtils.equals(s.value,S(e),P)})),E=s.options[k]),{option:E,index:k}),w=N.option,I=N.index,D=l.ObjectUtils.isNotEmpty(s.tooltip),U=v.getOtherProps(s),C=l.ObjectUtils.reduceKeys(U,l.DomHandler.ARIA_PROPS),A=l.classNames("p-multistatecheckbox p-checkbox p-component",s.className,{"p-checkbox-disabled":s.disabled}),M=l.classNames("p-checkbox-box",{"p-highlight":!!w,"p-disabled":s.disabled,"p-focus":g},w&&w.className),T=function(){var e,t,n,r=w&&l.ObjectUtils.resolveFieldData(w,s.optionIcon||"icon")||"",o=l.classNames("p-checkbox-icon p-c",(e={},t="".concat(r),n=!0,(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e)),i=a.createElement("span",{className:o});return s.iconTemplate?l.ObjectUtils.getJSXElement(s.iconTemplate,{option:w,className:o,element:i,props:s}):i}(),_=w?function(e){var t=s.optionLabel||s.optionValue;return t?l.ObjectUtils.resolveFieldData(e,t):e}(w):n.ariaLabel("nullLabel"),F=w?"true":"false";return a.createElement(a.Fragment,null,a.createElement("div",u({ref:j,id:s.id,className:A,style:s.style},U,{onClick:function(e){s.disabled||s.readOnly||x(e)}}),a.createElement("div",u({className:M,style:w&&w.style,tabIndex:s.tabIndex,onFocus:function(){O(!0)},onBlur:function(){O(!1)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},role:"checkbox","aria-checked":F},C),T),g&&a.createElement("span",{className:"p-sr-only","aria-live":"polite"},_)),D&&a.createElement(o.Tooltip,u({target:j,content:s.tooltip},s.tooltipOptions)))})));return h.displayName="MultiStateCheckbox",e.MultiStateCheckbox=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.tooltip,primereact.utils);

package/multistatecheckbox/package.json

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

package/orderlist/orderlist.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks = require('primereact/hooks');
 var api = require('primereact/api');
+var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
 var button = require('primereact/button');
 var ripple = require('primereact/ripple');
@@ -46,9 +46,7 @@ function _extends() {
 
 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;
 }
 
@@ -95,9 +93,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 {
@@ -119,6 +115,37 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var OrderListBase = {
+  defaultProps: {
+    __TYPE: 'OrderList',
+    id: null,
+    value: null,
+    header: null,
+    style: null,
+    className: null,
+    listStyle: null,
+    dragdrop: false,
+    tabIndex: 0,
+    dataKey: null,
+    onChange: null,
+    itemTemplate: null,
+    filter: false,
+    filterBy: null,
+    filterMatchMode: 'contains',
+    filterLocale: undefined,
+    filterPlaceholder: null,
+    filterTemplate: null,
+    onFilter: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, OrderListBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.ObjectUtils.getDiffProps(props, OrderListBase.defaultProps);
+  }
+};
+
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
   var moveUp = function moveUp(event) {
     if (props.selection) {
@@ -437,7 +464,8 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 OrderListSubList.displayName = 'OrderListSubList';
 
-var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = OrderListBase.getProps(inProps);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectionState = _React$useState2[0],
@@ -572,7 +600,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       reorderDirection.current = null;
     }
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, OrderList.defaultProps);
+  var otherProps = OrderListBase.getOtherProps(props);
   var className = utils.classNames('p-orderlist p-component', props.className);
   var visibleList = getVisibleList();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -605,26 +633,5 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }));
 }));
 OrderList.displayName = 'OrderList';
-OrderList.defaultProps = {
-  __TYPE: 'OrderList',
-  id: null,
-  value: null,
-  header: null,
-  style: null,
-  className: null,
-  listStyle: null,
-  dragdrop: false,
-  tabIndex: 0,
-  dataKey: null,
-  onChange: null,
-  itemTemplate: null,
-  filter: false,
-  filterBy: null,
-  filterMatchMode: 'contains',
-  filterLocale: undefined,
-  filterPlaceholder: null,
-  filterTemplate: null,
-  onFilter: null
-};
 
 exports.OrderList = OrderList;