primereact 8.0.1 → 8.1.0

package/core/core.js

@@ -2254,7 +2254,17 @@ this.primereact.api = (function (exports, utils) {
       strong: 'Strong',
       passwordPrompt: 'Enter a password',
       emptyFilterMessage: 'No available options',
-      emptyMessage: 'No results found'
+      emptyMessage: 'No results found',
+      aria: {
+        trueLabel: 'True',
+        falseLabel: 'False',
+        nullLabel: 'Not Selected',
+        pageLabel: 'Page',
+        firstPageLabel: 'First Page',
+        lastPageLabel: 'Last Page',
+        nextPageLabel: 'Next Page',
+        previousPageLabel: 'Previous Page'
+      }
     }
   };
 
@@ -2290,6 +2300,16 @@ this.primereact.api = (function (exports, utils) {
     }
   }
 
+  function ariaLabel(key) {
+    var _locale = PrimeReact.locale;
+
+    try {
+      return localeOptions(_locale)['aria'][key];
+    } catch (error) {
+      throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
+    }
+  }
+
   function localeOptions(locale) {
     var _locale = locale || PrimeReact.locale;
 
@@ -2791,6 +2811,7 @@ this.primereact.api = (function (exports, utils) {
   exports.MessageSeverity = MessageSeverity;
   exports.PrimeIcons = PrimeIcons;
   exports.addLocale = addLocale;
+  exports.ariaLabel = ariaLabel;
   exports["default"] = PrimeReact;
   exports.locale = locale;
   exports.localeOption = localeOption;
@@ -5550,7 +5571,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
         });
         inputRef.current.checked = !_checked;
         inputRef.current.focus();
-        event.preventDefault();
       }
     };
 
@@ -5772,7 +5792,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
     var icon = createIcon();
     var label = createLabel();
     var badge = createBadge();
-    var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : '';
+    var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", _extends({
       ref: elementRef,
       "aria-label": defaultAriaLabel
@@ -6264,21 +6284,36 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       if (inputRef.current) {
         var step = props.step * dir;
         var currentValue = parseValue(inputRef.current.value) || 0;
-        var newValue = validateValue(currentValue + step);
-        updateInput(newValue, null, 'spin');
+        var newValue = validateValue(currentValue + step); // touch devices trigger the keyboard to display because of setSelectionRange
+
+        !utils.DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
         updateModel(event, newValue);
         handleOnChange(event, currentValue, newValue);
       }
     };
 
+    var onUpButtonTouchStart = function onUpButtonTouchStart(event) {
+      if (!props.disabled && !props.readOnly) {
+        repeat(event, null, 1);
+        event.preventDefault();
+      }
+    };
+
     var onUpButtonMouseDown = function onUpButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        inputRef.current.focus();
+        props.autoFocus && inputRef.current.focus();
         repeat(event, null, 1);
         event.preventDefault();
       }
     };
 
+    var onUpButtonTouchEnd = function onUpButtonTouchEnd() {
+      if (!props.disabled && !props.readOnly) {
+        clearTimer();
+        event.preventDefault();
+      }
+    };
+
     var onUpButtonMouseUp = function onUpButtonMouseUp() {
       if (!props.disabled && !props.readOnly) {
         clearTimer();
@@ -6303,9 +6338,23 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
       }
     };
 
+    var onDownButtonTouchStart = function onDownButtonTouchStart(event) {
+      if (!props.disabled && !props.readOnly) {
+        repeat(event, null, -1);
+        event.preventDefault();
+      }
+    };
+
+    var onDownButtonTouchEnd = function onDownButtonTouchEnd() {
+      if (!props.disabled && !props.readOnly) {
+        clearTimer();
+        event.preventDefault();
+      }
+    };
+
     var onDownButtonMouseDown = function onDownButtonMouseDown(event) {
       if (!props.disabled && !props.readOnly) {
-        inputRef.current.focus();
+        props.autoFocus && inputRef.current.focus();
         repeat(event, null, -1);
         event.preventDefault();
       }
@@ -7049,6 +7098,8 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         onMouseUp: onUpButtonMouseUp,
         onKeyDown: onUpButtonKeyDown,
         onKeyUp: onUpButtonKeyUp,
+        onTouchStart: onUpButtonTouchStart,
+        onTouchEnd: onUpButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -7069,6 +7120,8 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
         onMouseUp: onDownButtonMouseUp,
         onKeyDown: onDownButtonKeyDown,
         onKeyUp: onDownButtonKeyUp,
+        onTouchStart: onDownButtonTouchStart,
+        onTouchEnd: onDownButtonTouchEnd,
         disabled: props.disabled,
         tabIndex: -1
       }, /*#__PURE__*/React__namespace.createElement("span", {
@@ -7523,8 +7576,7 @@ this.primereact.progressbar = (function (exports, React, utils) {
         style: props.style,
         "aria-valuemin": "0",
         "aria-valuenow": props.value,
-        "aria-valuemax": "100",
-        "aria-label": props.value
+        "aria-valuemax": "100"
       }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-progressbar-value p-progressbar-value-animate",
         style: {
@@ -8081,16 +8133,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         case 38:
           onUpKey(event);
           break;
-        //space
+        //space and enter
 
         case 32:
-          overlayVisibleState ? hide() : show();
-          event.preventDefault();
-          break;
-        //enter
-
         case 13:
-          hide();
+          overlayVisibleState ? hide() : show();
           event.preventDefault();
           break;
         //escape and tab
@@ -9559,7 +9606,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
 })({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.ripple, primereact.utils);
 
 this.primereact = this.primereact || {};
-this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inputnumber, dropdown) {
+this.primereact.paginator = (function (exports, React, hooks, utils, api, button, inputnumber, dropdown) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -9738,14 +9785,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('firstPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -9814,14 +9861,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-double-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('lastPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -9850,14 +9897,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-right';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('nextPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -9904,13 +9951,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
           'p-paginator-page-end': pageLink === endPageInView,
           'p-highlight': pageLink - 1 === props.page
         });
-        var element = /*#__PURE__*/React__namespace.createElement("button", {
+        var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           className: className,
           onClick: function onClick(e) {
             return onPageLinkClick(e, pageLink);
-          }
-        }, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+          },
+          "aria-label": "".concat(api.ariaLabel('pageLabel'), " ").concat(pageLink + 1)
+        }, pageLink);
 
         if (props.template) {
           var defaultOptions = {
@@ -9957,14 +10005,14 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
       'p-disabled': props.disabled
     });
     var iconClassName = 'p-paginator-icon pi pi-angle-left';
-    var element = /*#__PURE__*/React__namespace.createElement("button", {
+    var element = /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       className: className,
+      icon: iconClassName,
       onClick: props.onClick,
-      disabled: props.disabled
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: iconClassName
-    }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      disabled: props.disabled,
+      "aria-label": api.ariaLabel('previousPageLabel')
+    });
 
     if (props.template) {
       var defaultOptions = {
@@ -10300,7 +10348,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, ripple, inp
 
   return exports;
 
-})({}, React, primereact.hooks, primereact.utils, primereact.ripple, primereact.inputnumber, primereact.dropdown);
+})({}, React, primereact.hooks, primereact.utils, primereact.api, primereact.button, primereact.inputnumber, primereact.dropdown);
 
 this.primereact = this.primereact || {};
 this.primereact.tree = (function (exports, React, utils, ripple) {