primereact 9.4.0 → 9.6.0

package/multistatecheckbox/multistatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tooltip, utils) {
+this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tooltip, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -133,44 +133,49 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MultiStateCheckboxBase = {
+  var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'MultiStateCheckbox',
-      id: null,
-      value: null,
-      options: null,
-      optionValue: null,
-      optionLabel: null,
-      optionIcon: null,
-      iconTemplate: null,
-      dataKey: null,
-      style: null,
+      autoFocus: false,
       className: null,
+      dataKey: null,
       disabled: false,
-      readOnly: false,
       empty: true,
+      iconTemplate: null,
+      id: null,
+      onChange: null,
+      optionIcon: null,
+      optionLabel: null,
+      optionValue: null,
+      options: null,
+      readOnly: false,
+      style: null,
       tabIndex: '0',
       tooltip: null,
       tooltipOptions: null,
-      onChange: null,
+      value: 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);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = MultiStateCheckboxBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = MultiStateCheckboxBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var equalityKey = props.optionValue ? null : props.dataKey;
+    var _MultiStateCheckboxBa = MultiStateCheckboxBase.setMetaData({
+        props: props,
+        state: {
+          focused: focusedState
+        }
+      }),
+      ptm = _MultiStateCheckboxBa.ptm;
     var onClick = function onClick(event) {
       if (!props.disabled && !props.readOnly) {
         toggle(event);
@@ -252,13 +257,17 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
       if (!props.empty && props.value === null) {
         toggle();
       }
+      if (props.autoFocus) {
+        utils.DomHandler.focusFirstElement(elementRef.current);
+      }
     });
     var createIcon = function createIcon() {
       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", {
+      var iconProps = utils.mergeProps({
         className: className
-      });
+      }, ptm('icon'));
+      var content = /*#__PURE__*/React__namespace.createElement("span", iconProps);
       if (props.iconTemplate) {
         var defaultOptions = {
           option: selectedOption,
@@ -287,29 +296,33 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
     var icon = createIcon();
     var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : api.ariaLabel('nullLabel');
     var ariaChecked = !!selectedOption ? 'true' : 'false';
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
-      style: props.style
-    }, otherProps, {
+      style: props.style,
       onClick: onClick
-    }), /*#__PURE__*/React__namespace.createElement("div", _extends({
+    }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
+    var srOnlyAriaProps = utils.mergeProps({
+      className: 'p-sr-only',
+      'aria-live': 'polite'
+    }, ptm('srOnlyAria'));
+    var checkboxProps = utils.mergeProps(_objectSpread({
       className: boxClassName,
       style: selectedOption && selectedOption.style,
       tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
-      role: "checkbox",
-      "aria-checked": ariaChecked
-    }, ariaProps), icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-sr-only",
-      "aria-live": "polite"
-    }, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      role: 'checkbox',
+      'aria-checked': ariaChecked
+    }, ariaProps), ptm('checkbox'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   MultiStateCheckbox.displayName = 'MultiStateCheckbox';
 
@@ -319,4 +332,4 @@ this.primereact.multistatecheckbox = (function (exports, React, api, hooks, tool
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.tooltip, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.tooltip, primereact.utils, primereact.componentbase);

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

package/orderlist/orderlist.cjs.js

@@ -6,13 +6,14 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var button = require('primereact/button');
-var angledown = require('primereact/icons/angledown');
+var angledoubledown = require('primereact/icons/angledoubledown');
 var angledoubleup = require('primereact/icons/angledoubleup');
+var angledown = require('primereact/icons/angledown');
 var angleup = require('primereact/icons/angleup');
-var angledoubledown = require('primereact/icons/angledoubledown');
-var ripple = require('primereact/ripple');
 var search = require('primereact/icons/search');
+var ripple = require('primereact/ripple');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,21 +38,6 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-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 _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];
@@ -123,7 +109,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var OrderListBase = {
+var OrderListBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'OrderList',
     id: null,
@@ -151,14 +137,8 @@ var OrderListBase = {
     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 moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
@@ -257,29 +237,103 @@ var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
       }
     }
   };
-  return /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-orderlist-controls"
-  }, /*#__PURE__*/React__namespace.createElement(button.Button, {
-    type: "button",
+  var controlProps = utils.mergeProps({
+    className: 'p-orderlist-controls'
+  }, props.ptm('control'));
+  var moveUpButtonProps = utils.mergeProps({
+    type: 'button',
     icon: moveUpIcon,
-    onClick: moveUp
-  }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-    type: "button",
+    onClick: moveUp,
+    'aria-label': PrimeReact.ariaLabel('moveUp')
+  }, props.ptm('moveUpButton'));
+  var moveTopButtonProps = utils.mergeProps({
+    type: 'button',
     icon: moveTopIcon,
-    onClick: moveTop
-  }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-    type: "button",
+    onClick: moveTop,
+    'aria-label': PrimeReact.ariaLabel('moveTop')
+  }, props.ptm('moveTopButton'));
+  var moveDownButtonProps = utils.mergeProps({
+    type: 'button',
     icon: moveDownIcon,
-    onClick: moveDown
-  }), /*#__PURE__*/React__namespace.createElement(button.Button, {
-    type: "button",
+    onClick: moveDown,
+    'aria-label': PrimeReact.ariaLabel('moveDown')
+  }, props.ptm('moveDownButton'));
+  var moveBottomButtonProps = utils.mergeProps({
+    type: 'button',
     icon: moveBottomIcon,
-    onClick: moveBottom
-  }));
+    onClick: moveBottom,
+    'aria-label': PrimeReact.ariaLabel('moveBottom')
+  }, props.ptm('moveBottomButton'));
+  return /*#__PURE__*/React__namespace.createElement("div", controlProps, /*#__PURE__*/React__namespace.createElement(button.Button, moveUpButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveTopButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveDownButtonProps), /*#__PURE__*/React__namespace.createElement(button.Button, moveBottomButtonProps));
 });
 OrderListControls.displayName = 'OrderListControls';
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        selected: isSelected(item)
+      }
+    });
+  };
   var dragging = React__namespace.useRef(null);
   var draggedItemIndex = React__namespace.useRef(null);
   var dragOverItemIndex = React__namespace.useRef(null);
@@ -344,20 +398,23 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createDropPoint = function createDropPoint(index, key) {
-    return /*#__PURE__*/React__namespace.createElement("li", {
-      key: key,
-      className: "p-orderlist-droppoint",
+    var droppointProps = utils.mergeProps({
+      className: 'p-orderlist-droppoint',
       onDragOver: function onDragOver(e) {
         return _onDragOver(e, index + 1);
       },
       onDragLeave: onDragLeave,
       onDrop: onDrop
-    });
+    }, props.ptm('droppoint'));
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({
+      key: key
+    }, droppointProps));
   };
   var createHeader = function createHeader() {
-    return props.header ? /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-orderlist-header"
-    }, props.header) : null;
+    var headerProps = utils.mergeProps({
+      className: 'p-orderlist-header'
+    }, props.ptm('header'));
+    return props.header ? /*#__PURE__*/React__namespace.createElement("div", headerProps, props.header) : null;
   };
   var createItems = function createItems() {
     if (props.value) {
@@ -367,45 +424,44 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
           'p-highlight': isSelected(item)
         }, props.className);
         var key = JSON.stringify(item);
+        var itemProps = utils.mergeProps({
+          className: itemClassName,
+          onClick: function onClick(e) {
+            return props.onItemClick({
+              originalEvent: e,
+              value: item,
+              index: i
+            });
+          },
+          onKeyDown: function onKeyDown(e) {
+            return props.onItemKeyDown({
+              originalEvent: e,
+              value: item,
+              index: i
+            });
+          },
+          role: 'option',
+          'aria-selected': isSelected(item),
+          draggable: 'true',
+          onDragStart: function onDragStart(e) {
+            return _onDragStart(e, i);
+          },
+          onDragEnd: onDragEnd,
+          tabIndex: props.tabIndex
+        }, getPTOptions(item, 'item'));
         if (props.dragdrop) {
           var items = [];
           if (i === 0) {
             items.push(createDropPoint(item, i));
           }
-          items.push( /*#__PURE__*/React__namespace.createElement("li", {
-            key: key,
-            className: itemClassName,
-            onClick: function onClick(e) {
-              return props.onItemClick({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            onKeyDown: function onKeyDown(e) {
-              return props.onItemKeyDown({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            role: "option",
-            "aria-selected": isSelected(item),
-            draggable: "true",
-            onDragStart: function onDragStart(e) {
-              return _onDragStart(e, i);
-            },
-            onDragEnd: onDragEnd,
-            tabIndex: props.tabIndex
-          }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+          items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
+            key: key
+          }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
           items.push(createDropPoint(i, key + '_droppoint'));
           return items;
         } else {
-          return /*#__PURE__*/React__namespace.createElement("li", {
-            key: key,
+          var _itemProps = utils.mergeProps({
             className: itemClassName,
-            role: "option",
-            "aria-selected": isSelected(item),
             onClick: function onClick(e) {
               return props.onItemClick({
                 originalEvent: e,
@@ -420,8 +476,13 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
                 index: i
               });
             },
+            role: 'option',
+            'aria-selected': isSelected(item),
             tabIndex: props.tabIndex
-          }, content);
+          }, getPTOptions(item, 'item'));
+          return /*#__PURE__*/React__namespace.createElement("li", _extends({
+            key: key
+          }, _itemProps), content);
         }
       });
     }
@@ -429,38 +490,41 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var createList = function createList() {
     var items = createItems();
-    return /*#__PURE__*/React__namespace.createElement("ul", {
+    var listProps = utils.mergeProps({
       ref: listElementRef,
-      className: "p-orderlist-list",
+      className: 'p-orderlist-list',
       style: props.listStyle,
       onDragOver: onListMouseMove,
-      role: "listbox",
-      "aria-multiselectable": true
-    }, items);
+      role: 'listbox',
+      'aria-multiselectable': true
+    }, props.ptm('list'));
+    return /*#__PURE__*/React__namespace.createElement("ul", listProps, items);
   };
   var createFilter = function createFilter() {
     var iconClassName = 'p-orderlist-filter';
-    var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, {
+    var searchIconProps = utils.mergeProps({
       className: iconClassName
-    });
-    var filterIcon = utils.IconUtils.getJSXIcon(icon, {
-      className: iconClassName
-    }, {
+    }, props.ptm('icon'));
+    var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(search.SearchIcon, searchIconProps);
+    var filterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, searchIconProps), {
       props: props
     });
     if (props.filter) {
-      var content = /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-orderlist-filter"
-      }, /*#__PURE__*/React__namespace.createElement("input", {
-        type: "text",
+      var filterProps = utils.mergeProps({
+        className: 'p-orderlist-filter'
+      }, props.ptm('filter'));
+      var filterInputProps = utils.mergeProps({
+        type: 'text',
         value: props.filterValue,
         onChange: props.onFilter,
         onKeyDown: onFilterInputKeyDown,
         placeholder: props.placeholder,
-        className: "p-orderlist-filter-input p-inputtext p-component"
-      }), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-orderlist-filter-icon"
-      }, filterIcon));
+        className: 'p-orderlist-filter-input p-inputtext p-component'
+      }, props.ptm('filterInput'));
+      var filterIconProps = utils.mergeProps({
+        className: 'p-orderlist-filter-icon'
+      }, props.ptm('filterIcon'));
+      var content = /*#__PURE__*/React__namespace.createElement("div", filterProps, /*#__PURE__*/React__namespace.createElement("input", filterInputProps), /*#__PURE__*/React__namespace.createElement("span", filterIconProps, filterIcon));
       if (props.filterTemplate) {
         var defaultContentOptions = {
           className: 'p-orderlist-filter',
@@ -476,23 +540,26 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo(function (props) {
         };
         content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
       }
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-orderlist-filter-container"
-      }, content);
+      var filterContainerProps = utils.mergeProps({
+        className: 'p-orderlist-filter-container'
+      }, props.ptm('filterContainer'));
+      return /*#__PURE__*/React__namespace.createElement("div", filterContainerProps, content);
     }
     return null;
   };
   var header = createHeader();
   var filter = createFilter();
   var list = createList();
-  return /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-orderlist-list-container"
-  }, header, filter, list);
+  var containerProps = utils.mergeProps({
+    className: 'p-orderlist-list-container'
+  }, props.ptm('container'));
+  return /*#__PURE__*/React__namespace.createElement("div", containerProps, header, filter, list);
 });
 OrderListSubList.displayName = 'OrderListSubList';
 
 var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = OrderListBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = OrderListBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectionState = _React$useState2[0],
@@ -509,6 +576,15 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var elementRef = React__namespace.useRef(null);
   var styleElementRef = React__namespace.useRef(null);
   var reorderDirection = React__namespace.useRef(null);
+  var _OrderListBase$setMet = OrderListBase.setMetaData({
+      props: props,
+      state: {
+        selection: selectionState,
+        filterValue: filterValueState,
+        attributeSelector: attributeSelectorState
+      }
+    }),
+    ptm = _OrderListBase$setMet.ptm;
   var onItemClick = function onItemClick(event) {
     var metaKey = event.originalEvent.metaKey || event.originalEvent.ctrlKey;
     var index = utils.ObjectUtils.findIndexInList(event.value, selectionState, props.dataKey);
@@ -620,7 +696,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-orderlist[").concat(attributeSelectorState, "] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls {\n        padding: var(--content-padding);\n        flex-direction: row;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button {\n        margin-right: var(--inline-spacing);\n        margin-bottom: 0;\n    }\n\n    .p-orderlist[").concat(attributeSelectorState, "] .p-orderlist-controls .p-button:last-child {\n        margin-right: 0;\n    }\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
     }
@@ -654,15 +730,15 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       reorderDirection.current = null;
     }
   });
-  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({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React__namespace.createElement(OrderListControls, {
+  }, OrderListBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(OrderListControls, {
     value: visibleList,
     selection: selectionState,
     onReorder: onReorder,
@@ -670,7 +746,8 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     moveUpIcon: props.moveUpIcon,
     moveTopIcon: props.moveTopIcon,
     moveDownIcon: props.moveDownIcon,
-    moveBottomIcon: props.moveBottomIcon
+    moveBottomIcon: props.moveBottomIcon,
+    ptm: ptm
   }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
     value: visibleList,
     selection: selectionState,
@@ -688,7 +765,8 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     dragdrop: props.dragdrop,
     onChange: props.onChange,
     tabIndex: props.tabIndex,
-    filterIcon: props.filterIcon
+    filterIcon: props.filterIcon,
+    ptm: ptm
   }));
 }));
 OrderList.displayName = 'OrderList';