primereact 8.0.0-rc.1 → 8.0.0-rc.2

package/progressbar/progressbar.d.ts

@@ -14,6 +14,7 @@ export interface ProgressBarProps {
     mode?: ProgressBarModeType;
     color?: string;
     displayValueTemplate?(value: ProgressBarValueType): React.ReactNode;
+    children?: React.ReactNode;
 }
 
 export declare class ProgressBar extends React.Component<ProgressBarProps, any> { }

package/progressspinner/progressspinner.d.ts

@@ -6,7 +6,8 @@ export interface ProgressSpinnerProps {
     className?: string;
     strokeWidth?: string;
     fill?: string;
-    animationDuration?: string
+    animationDuration?: string;
+    children?: React.ReactNode;
 }
 
 export declare class ProgressSpinner extends React.Component<ProgressSpinnerProps, any> { }

package/radiobutton/radiobutton.d.ts

@@ -17,7 +17,7 @@ interface RadioButtonChangeParams {
     target: RadioButtonChangeTargetOptions;
 }
 
-export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
+export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
     id?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     inputId?: string;
@@ -33,6 +33,7 @@ export interface RadioButtonProps extends Omit<React.DetailedHTMLProps<React.Inp
     tooltipOptions?: TooltipOptions;
     ariaLabelledBy?: string;
     onChange?(e: RadioButtonChangeParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class RadioButton extends React.Component<RadioButtonProps, any> {

package/rating/rating.d.ts

@@ -27,6 +27,7 @@ export interface RatingProps extends Omit<React.DetailedHTMLProps<React.InputHTM
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     onChange?(e: RatingChangeParams): void;
+    children?: React.ReactNode;
 }
 
 export declare class Rating extends React.Component<RatingProps, any> { }

package/resources/primereact.css

@@ -85,6 +85,10 @@
     user-select: none;
 }
 
+.p-link:disabled {
+	cursor: default;
+}
+
 /* Non react overlay animations */
 .p-connected-overlay {
     opacity: 0;
@@ -483,6 +487,7 @@
 .p-calendar {
     position: relative;
     display: inline-flex;
+    max-width: 100%;
 }
 
 .p-calendar .p-inputtext {
@@ -532,9 +537,9 @@
 }
 
 .p-datepicker-inline {
-    display: inline-flex;
-    flex-direction: column;
+    display: inline-block;
     position: static;
+    overflow-x: auto;
 }
 
 /* Header */
@@ -563,6 +568,15 @@
     display: flex;
 }
 
+.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {
+    flex: 1 1 auto;
+}
+
+/* Multiple Month DatePicker */
+.p-datepicker-multiple-month .p-datepicker-group-container {
+    display: flex;
+}
+
 /* DatePicker Table */
 .p-datepicker table {
 	width: 100%;
@@ -629,6 +643,17 @@
     transform: translate(-50%, -50%);
 }
 
+/* Year Picker */
+.p-yearpicker-year {
+    width: 50%;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    overflow: hidden;
+    position: relative;
+}
+
 .p-card-header img {
     width: 100%;
 }
@@ -1964,71 +1989,6 @@ input.p-dropdown-label  {
     width: 1%;
 }
 
-.p-fileupload-content {
-    position: relative;
-}
-
-.p-fileupload-row {
-    display: flex;
-    align-items: center;
-}
-
-.p-fileupload-row > div {
-    flex: 1 1 auto;
-    width: 25%;
-}
-
-.p-fileupload-row > div:last-child {
-    text-align: right;
-}
-
-.p-fileupload-content > .p-progressbar {
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-button.p-fileupload-choose {
-    position: relative;
-    overflow: hidden;
-}
-
-.p-button.p-fileupload-choose input[type=file] {
-    display: none;
-}
-
-.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
-    display: none;
-}
-
-.p-fileupload-filename {
-    word-break: break-all;
-}
-
-.p-fluid .p-fileupload .p-button {
-    width: auto;
-}
-
-.p-fieldset-legend > a,
-.p-fieldset-legend > span {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.p-fieldset-toggleable .p-fieldset-legend a {
-    cursor: pointer;
-    user-select: none;
-    overflow: hidden;
-    position: relative;
-    text-decoration: none;
-}
-
-.p-fieldset-legend-text {
-    line-height: 1;
-}
-
 /*!
  * Quill Editor v1.3.7
  * https://quilljs.com/
@@ -2975,6 +2935,71 @@ input.p-dropdown-label  {
     border: 1px solid #ccc;
 }
 
+.p-fieldset-legend > a,
+.p-fieldset-legend > span {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.p-fieldset-toggleable .p-fieldset-legend a {
+    cursor: pointer;
+    user-select: none;
+    overflow: hidden;
+    position: relative;
+    text-decoration: none;
+}
+
+.p-fieldset-legend-text {
+    line-height: 1;
+}
+
+.p-fileupload-content {
+    position: relative;
+}
+
+.p-fileupload-row {
+    display: flex;
+    align-items: center;
+}
+
+.p-fileupload-row > div {
+    flex: 1 1 auto;
+    width: 25%;
+}
+
+.p-fileupload-row > div:last-child {
+    text-align: right;
+}
+
+.p-fileupload-content > .p-progressbar {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.p-button.p-fileupload-choose {
+    position: relative;
+    overflow: hidden;
+}
+
+.p-button.p-fileupload-choose input[type=file] {
+    display: none;
+}
+
+.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
+    display: none;
+}
+
+.p-fileupload-filename {
+    word-break: break-all;
+}
+
+.p-fluid .p-fileupload .p-button {
+    width: auto;
+}
+
 .p-galleria-content {
     display: flex;
     flex-direction: column;
@@ -4363,79 +4388,6 @@ input.p-dropdown-label  {
     position: relative;
 }
 
-.p-progress-spinner {
-    position: relative;
-    margin: 0 auto;
-    width: 100px;
-    height: 100px;
-    display: inline-block;
-}
-
-.p-progress-spinner::before {
-     content: '';
-     display: block;
-     padding-top: 100%;
-}
-
-.p-progress-spinner-svg {
-    animation: p-progress-spinner-rotate 2s linear infinite;
-    height: 100%;
-    transform-origin: center center;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    margin: auto;
-}
-
-.p-progress-spinner-circle {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: 0;
-    stroke: #d62d20;
-    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
-    stroke-linecap: round;
-}
-
-@keyframes p-progress-spinner-rotate {
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes p-progress-spinner-dash {
-    0% {
-        stroke-dasharray: 1, 200;
-        stroke-dashoffset: 0;
-    }
-    50% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -35px;
-    }
-    100% {
-        stroke-dasharray: 89, 200;
-        stroke-dashoffset: -124px;
-    }
-}
-
-@keyframes p-progress-spinner-color {
-    100%,
-    0% {
-        stroke: #d62d20;
-    }
-    40% {
-        stroke: #0057e7;
-    }
-    66% {
-        stroke: #008744;
-    }
-    80%,
-    90% {
-        stroke: #ffa700;
-    }
-}
-
 .p-progressbar {
     position: relative;
     overflow: hidden;
@@ -4533,6 +4485,79 @@ input.p-dropdown-label  {
     right: -8%; }
 }
 
+.p-progress-spinner {
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    height: 100px;
+    display: inline-block;
+}
+
+.p-progress-spinner::before {
+     content: '';
+     display: block;
+     padding-top: 100%;
+}
+
+.p-progress-spinner-svg {
+    animation: p-progress-spinner-rotate 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+}
+
+.p-progress-spinner-circle {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: 0;
+    stroke: #d62d20;
+    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
+    stroke-linecap: round;
+}
+
+@keyframes p-progress-spinner-rotate {
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes p-progress-spinner-dash {
+    0% {
+        stroke-dasharray: 1, 200;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -35px;
+    }
+    100% {
+        stroke-dasharray: 89, 200;
+        stroke-dashoffset: -124px;
+    }
+}
+
+@keyframes p-progress-spinner-color {
+    100%,
+    0% {
+        stroke: #d62d20;
+    }
+    40% {
+        stroke: #0057e7;
+    }
+    66% {
+        stroke: #008744;
+    }
+    80%,
+    90% {
+        stroke: #ffa700;
+    }
+}
+
 .p-radiobutton {
     display: inline-flex;
     cursor: pointer;