primereact 8.1.1 → 8.4.0

package/rating/rating.d.ts

@@ -16,18 +16,17 @@ interface RatingChangeParams {
 }
 
 export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
-    id?: string;
     value?: number;
     disabled?: boolean;
     readOnly?: boolean;
     stars?: number;
     cancel?: boolean;
-    style?: object;
-    className?: string;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     onChange?(e: RatingChangeParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Rating extends React.Component<RatingProps, any> { }
+export declare class Rating extends React.Component<RatingProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/rating/rating.esm.js

@@ -110,6 +110,14 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, Rating.defaultProps);
   var className = classNames('p-rating', {

package/rating/rating.esm.min.js

@@ -1 +1 @@
-import*as n from"react";import{Tooltip as e}from"primereact/tooltip";import{ObjectUtils as t,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(i,o){var u=n.useRef(null),p=!i.disabled&&!i.readOnly,c=p?0:null,s=function(n,e){p&&i.onChange&&i.onChange({originalEvent:n,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:e}}),n.preventDefault()},f=function(n){p&&i.onChange&&i.onChange({originalEvent:n,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:null}}),n.preventDefault()},m=function(n,e){"Enter"===n.key&&s(n,e)},d=function(n){"Enter"===n.key&&f(n)},g=t.isNotEmpty(i.tooltip),v=t.findDiffKeys(i,r.defaultProps),y=a("p-rating",{"p-disabled":i.disabled,"p-readonly":i.readOnly},i.className),E=i.cancel?n.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:f,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:i.stars},(function(n,e){return e+1})).map((function(e){var t=a("p-rating-icon",{"pi pi-star":!i.value||e>i.value,"pi pi-star-fill":e<=i.value});return n.createElement("span",{className:t,onClick:function(n){return s(n,e)},key:e,tabIndex:c,onKeyDown:function(n){return m(n,e)}})}));return n.createElement(n.Fragment,null,n.createElement("div",l({ref:u,id:i.id,className:y,style:i.style},v),E,b),g&&n.createElement(e,l({target:u,content:i.tooltip},i.tooltipOptions)))})));r.displayName="Rating",r.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null};export{r as Rating};
+import*as n from"react";import{Tooltip as e}from"primereact/tooltip";import{ObjectUtils as t,classNames as a}from"primereact/utils";function l(){return l=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(n[a]=t[a])}return n},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(i,o){var u=n.useRef(null),p=!i.disabled&&!i.readOnly,c=p?0:null,s=function(n,e){p&&i.onChange&&i.onChange({originalEvent:n,value:e,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:e}}),n.preventDefault()},f=function(n){p&&i.onChange&&i.onChange({originalEvent:n,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:null}}),n.preventDefault()},m=function(n,e){"Enter"===n.key&&s(n,e)},d=function(n){"Enter"===n.key&&f(n)};n.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return u.current}}}));var g=t.isNotEmpty(i.tooltip),v=t.findDiffKeys(i,r.defaultProps),y=a("p-rating",{"p-disabled":i.disabled,"p-readonly":i.readOnly},i.className),E=i.cancel?n.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:f,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:i.stars},(function(n,e){return e+1})).map((function(e){var t=a("p-rating-icon",{"pi pi-star":!i.value||e>i.value,"pi pi-star-fill":e<=i.value});return n.createElement("span",{className:t,onClick:function(n){return s(n,e)},key:e,tabIndex:c,onKeyDown:function(n){return m(n,e)}})}));return n.createElement(n.Fragment,null,n.createElement("div",l({ref:u,id:i.id,className:y,style:i.style},v),E,b),g&&n.createElement(e,l({target:u,content:i.tooltip},i.tooltipOptions)))})));r.displayName="Rating",r.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null};export{r as Rating};

package/rating/rating.js

@@ -130,6 +130,14 @@ this.primereact.rating = (function (exports, React, tooltip, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Rating.defaultProps);
     var className = utils.classNames('p-rating', {

package/rating/rating.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.rating=function(e,t,n,a){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=r(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var o=l.memo(l.forwardRef((function(e,t){var r=l.useRef(null),u=!e.disabled&&!e.readOnly,c=u?0:null,s=function(t,n){u&&e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),t.preventDefault()},p=function(t){u&&e.onChange&&e.onChange({originalEvent:t,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),t.preventDefault()},f=function(e,t){"Enter"===e.key&&s(e,t)},d=function(e){"Enter"===e.key&&p(e)},m=a.ObjectUtils.isNotEmpty(e.tooltip),g=a.ObjectUtils.findDiffKeys(e,o.defaultProps),v=a.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),y=e.cancel?l.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:p,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:e.stars},(function(e,t){return t+1})).map((function(t){var n=a.classNames("p-rating-icon",{"pi pi-star":!e.value||t>e.value,"pi pi-star-fill":t<=e.value});return l.createElement("span",{className:n,onClick:function(e){return s(e,t)},key:t,tabIndex:c,onKeyDown:function(e){return f(e,t)}})}));return l.createElement(l.Fragment,null,l.createElement("div",i({ref:r,id:e.id,className:v,style:e.style},g),y,b),m&&l.createElement(n.Tooltip,i({target:r,content:e.tooltip},e.tooltipOptions)))})));return o.displayName="Rating",o.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null},e.Rating=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.rating=function(e,t,n,a){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=r(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},i.apply(this,arguments)}var o=l.memo(l.forwardRef((function(e,t){var r=l.useRef(null),u=!e.disabled&&!e.readOnly,c=u?0:null,s=function(t,n){u&&e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}}),t.preventDefault()},p=function(t){u&&e.onChange&&e.onChange({originalEvent:t,value:null,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:null}}),t.preventDefault()},f=function(e,t){"Enter"===e.key&&s(e,t)},d=function(e){"Enter"===e.key&&p(e)};l.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var m=a.ObjectUtils.isNotEmpty(e.tooltip),g=a.ObjectUtils.findDiffKeys(e,o.defaultProps),v=a.classNames("p-rating",{"p-disabled":e.disabled,"p-readonly":e.readOnly},e.className),y=e.cancel?l.createElement("span",{className:"p-rating-icon p-rating-cancel pi pi-ban",onClick:p,tabIndex:c,onKeyDown:d}):null,b=Array.from({length:e.stars},(function(e,t){return t+1})).map((function(t){var n=a.classNames("p-rating-icon",{"pi pi-star":!e.value||t>e.value,"pi pi-star-fill":t<=e.value});return l.createElement("span",{className:n,onClick:function(e){return s(e,t)},key:t,tabIndex:c,onKeyDown:function(e){return f(e,t)}})}));return l.createElement(l.Fragment,null,l.createElement("div",i({ref:r,id:e.id,className:v,style:e.style},g),y,b),m&&l.createElement(n.Tooltip,i({target:r,content:e.tooltip},e.tooltipOptions)))})));return o.displayName="Rating",o.defaultProps={__TYPE:"Rating",id:null,value:null,disabled:!1,readOnly:!1,stars:5,cancel:!0,style:null,className:null,tooltip:null,tooltipOptions:null,onChange:null},e.Rating=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils);

package/resources/primereact.css

@@ -3341,6 +3341,7 @@ input.p-dropdown-label  {
     top: 0;
     right: 0;
     display: flex;
+    z-index: 1;
 }
 
 .p-image-action.p-link {
@@ -3515,6 +3516,7 @@ input.p-dropdown-label  {
     left: 0;
     right: 0;
     bottom: 0;
+    border: 1px solid transparent;
 }
 
 .p-inputswitch-slider:before {
@@ -3579,6 +3581,7 @@ input.p-dropdown-label  {
 }
 
 .p-float-label input:focus ~ label,
+.p-float-label input:-webkit-autofill ~ label,
 .p-float-label input.p-filled ~ label,
 .p-float-label textarea:focus ~ label,
 .p-float-label textarea.p-filled ~ label,
@@ -3588,9 +3591,20 @@ input.p-dropdown-label  {
     font-size: 12px;
 }
 
-.p-float-label input:-webkit-autofill ~ label {
-    top: -20px;
-    font-size: 12px;
+.p-float-label .p-placeholder,
+.p-float-label input::placeholder,
+.p-float-label .p-inputtext::placeholder {
+    opacity: 0;
+    transition-property: all;
+    transition-timing-function: ease;
+}
+
+.p-float-label .p-focus .p-placeholder,
+.p-float-label input:focus::placeholder,
+.p-float-label .p-inputtext:focus::placeholder {
+    opacity: 1;
+    transition-property: all;
+    transition-timing-function: ease;
 }
 
 .p-input-icon-left,
@@ -3673,6 +3687,10 @@ input.p-dropdown-label  {
     width: 100%;
 }
 
+.p-megamenu {
+    display: flex;
+}
+
 .p-megamenu-root-list {
     margin: 0;
     padding: 0;
@@ -3714,13 +3732,27 @@ input.p-dropdown-label  {
 }
 
 /* Horizontal */
+.p-megamenu-horizontal {
+    align-items: center;
+}
+
 .p-megamenu-horizontal .p-megamenu-root-list {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
 
+.p-megamenu-horizontal .p-megamenu-custom,
+.p-megamenu-horizontal .p-megamenu-end {
+    margin-left: auto;
+    align-self: center;
+}
+
 /* Vertical */
+.p-megamenu-vertical {
+    flex-direction: column;
+}
+
 .p-megamenu-vertical .p-megamenu-root-list {
     flex-direction: column;
 }
@@ -4105,6 +4137,20 @@ input.p-dropdown-label  {
     position: relative;
 }
 
+.p-orderlist-filter {
+    position: relative;
+}
+
+.p-orderlist-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-orderlist-filter-input {
+    width: 100%;
+}
+
 .p-orderlist.p-state-disabled .p-orderlist-item,
 .p-orderlist.p-state-disabled .p-button {
     cursor: default;
@@ -4388,6 +4434,20 @@ input.p-dropdown-label  {
     position: relative;
 }
 
+.p-picklist-filter {
+    position: relative;
+}
+
+.p-picklist-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-picklist-filter-input {
+    width: 100%;
+}
+
 .p-progressbar {
     position: relative;
     overflow: hidden;
@@ -4584,6 +4644,14 @@ input.p-dropdown-label  {
     visibility: visible;
 }
 
+.p-rating-icon {
+    cursor: pointer;
+}
+
+.p-rating.p-readonly .p-rating-icon {
+    cursor: default;
+}
+
 .p-ripple {
     overflow: hidden;
     position: relative;
@@ -4612,14 +4680,6 @@ input.p-dropdown-label  {
     }
 }
 
-.p-rating-icon {
-    cursor: pointer;
-}
-
-.p-rating.p-readonly .p-rating-icon {
-    cursor: default;
-}
-
 .p-scrollpanel-wrapper {
     overflow: hidden;
     width: 100%;
@@ -5461,6 +5521,21 @@ input.p-dropdown-label  {
     display: none;
 }
 
+.p-tag {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-tag-icon,
+.p-tag-value,
+.p-tag-icon.pi {
+    line-height: 1.5;
+}
+
+.p-tag.p-tag-rounded {
+    border-radius: 10rem;
+}
 .p-terminal {
     height: 18rem;
     overflow: auto;
@@ -5484,21 +5559,6 @@ input.p-dropdown-label  {
     display: none;
 }
 
-.p-tag {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-tag-icon,
-.p-tag-value,
-.p-tag-icon.pi {
-    line-height: 1.5;
-}
-
-.p-tag.p-tag-rounded {
-    border-radius: 10rem;
-}
 .p-tieredmenu-overlay {
     position: absolute;
 }
@@ -5672,6 +5732,10 @@ input.p-dropdown-label  {
     flex: 1 1 auto;
 }
 
+.p-toast-detail {
+    overflow-wrap: anywhere;
+}
+
 .p-toast-top-right {
 	top: 20px;
 	right: 20px;
@@ -6162,3 +6226,7 @@ input.p-dropdown-label  {
     align-items: center;
     justify-content: center;
 }
+
+.p-virtualscroller-loading-icon {
+    font-size: 2rem;
+}