primereact 7.1.0 → 7.2.0

package/resources/primereact.css

@@ -1016,6 +1016,52 @@
     align-items: center;
 }
 
+.p-contextmenu {
+    position: absolute;
+}
+
+.p-contextmenu ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.p-contextmenu .p-submenu-list {
+    position: absolute;
+    min-width: 100%;
+    z-index: 1;
+}
+
+.p-contextmenu .p-menuitem-link {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    overflow: hidden;
+    position: relative;
+}
+
+.p-contextmenu .p-menuitem-text {
+    line-height: 1;
+}
+
+.p-contextmenu .p-menuitem {
+    position: relative;
+}
+
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+    margin-left: auto;
+}
+
+.p-contextmenu-enter {
+    opacity: 0;
+}
+
+.p-contextmenu-enter-active {
+    opacity: 1;
+    transition: opacity 250ms;
+}
+
 .p-datascroller {
 }
 
@@ -1084,7 +1130,8 @@
     table-layout: auto;
 }
 
-.p-datatable-hoverable-rows .p-selectable-row {
+.p-datatable-selectable .p-selectable-row,
+.p-datatable-selectable-cell .p-selectable-cell {
     cursor: pointer;
 }
 
@@ -1360,63 +1407,39 @@
     left: 0;
 }
 
-.p-dataview-loading {
-    position: relative;
-    min-height: 4rem;
+/* Alignment */
+.p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,
+.p-datatable .p-datatable-tbody > tr > td.p-align-left,
+.p-datatable .p-datatable-tfoot > tr > td.p-align-left {
+    text-align: left;
+    justify-content: flex-start;
 }
 
-.p-dataview .p-dataview-loading-overlay {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+.p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,
+.p-datatable .p-datatable-tbody > tr > td.p-align-right,
+.p-datatable .p-datatable-tfoot > tr > td.p-align-right {
+    text-align: right;
+    justify-content: flex-end;
 }
 
-.p-contextmenu {
-    position: absolute;
+.p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,
+.p-datatable .p-datatable-tbody > tr > td.p-align-center,
+.p-datatable .p-datatable-tfoot > tr > td.p-align-center {
+    text-align: center;
+    justify-content: center;
 }
 
-.p-contextmenu ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
+.p-dataview-loading {
+    position: relative;
+    min-height: 4rem;
 }
 
-.p-contextmenu .p-submenu-list {
+.p-dataview .p-dataview-loading-overlay {
     position: absolute;
-    min-width: 100%;
     z-index: 1;
-}
-
-.p-contextmenu .p-menuitem-link {
-    cursor: pointer;
     display: flex;
     align-items: center;
-    text-decoration: none;
-    overflow: hidden;
-    position: relative;
-}
-
-.p-contextmenu .p-menuitem-text {
-    line-height: 1;
-}
-
-.p-contextmenu .p-menuitem {
-    position: relative;
-}
-
-.p-contextmenu .p-menuitem-link .p-submenu-icon {
-    margin-left: auto;
-}
-
-.p-contextmenu-enter {
-    opacity: 0;
-}
-
-.p-contextmenu-enter-active {
-    opacity: 1;
-    transition: opacity 250ms;
+    justify-content: center;
 }
 
 .p-dialog-mask {
@@ -1648,6 +1671,90 @@
     cursor: move;
 }
 
+.p-divider-horizontal {
+    display: flex;
+    width: 100%;
+    position: relative;
+    align-items: center;
+}
+
+.p-divider-horizontal:before {
+    position: absolute;
+    display: block;
+    top: 50%;
+    left: 0;
+    width: 100%;
+    content: "";
+}
+
+.p-divider-horizontal.p-divider-left {
+    justify-content: flex-start;
+}
+
+.p-divider-horizontal.p-divider-right {
+    justify-content: flex-end;
+}
+
+.p-divider-horizontal.p-divider-center {
+    justify-content: center;
+}
+
+.p-divider-content {
+    z-index: 1;
+}
+
+.p-divider-vertical {
+    min-height: 100%;
+    margin: 0 1rem;
+    display: flex;
+    position: relative;
+    justify-content: center;
+}
+
+.p-divider-vertical:before {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 50%;
+    height: 100%;
+    content: "";
+}
+
+.p-divider-vertical.p-divider-top {
+    align-items: flex-start;
+}
+
+.p-divider-vertical.p-divider-center {
+    align-items: center;
+}
+
+.p-divider-vertical.p-divider-bottom {
+    align-items: flex-end;
+}
+
+.p-divider-solid.p-divider-horizontal:before {
+    border-top-style: solid;
+}
+
+.p-divider-solid.p-divider-vertical:before {
+    border-left-style: solid;
+}
+
+.p-divider-dashed.p-divider-horizontal:before {
+    border-top-style: dashed;
+}
+
+.p-divider-dashed.p-divider-vertical:before {
+    border-left-style: dashed;
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    border-top-style: dotted;
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    border-left-style: dotted;
+}
 .p-dock {
     position: absolute;
     z-index: 1;
@@ -1767,149 +1874,65 @@
     flex-direction: row-reverse;
 }
 
-.p-divider-horizontal {
-    display: flex;
-    width: 100%;
+.p-dropdown {
+    display: inline-flex;
+    cursor: pointer;
     position: relative;
-    align-items: center;
+    user-select: none;
 }
 
-.p-divider-horizontal:before {
+.p-dropdown-clear-icon {
     position: absolute;
-    display: block;
     top: 50%;
-    left: 0;
-    width: 100%;
-    content: "";
+    margin-top: -.5rem;
 }
 
-.p-divider-horizontal.p-divider-left {
-    justify-content: flex-start;
+.p-dropdown-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
 }
 
-.p-divider-horizontal.p-divider-right {
-    justify-content: flex-end;
+.p-dropdown-label {
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    flex: 1 1 auto;
+    width: 1%;
+    text-overflow: ellipsis;
+    cursor: pointer;
 }
 
-.p-divider-horizontal.p-divider-center {
-    justify-content: center;
+.p-dropdown-label-empty {
+    overflow: hidden;
+    visibility: hidden;
 }
 
-.p-divider-content {
-    z-index: 1;
+input.p-dropdown-label  {
+    cursor: default;
 }
 
-.p-divider-vertical {
-    min-height: 100%;
-    margin: 0 1rem;
-    display: flex;
-    position: relative;
-    justify-content: center;
+.p-dropdown .p-dropdown-panel {
+    min-width: 100%;
 }
 
-.p-divider-vertical:before {
+.p-dropdown-panel {
     position: absolute;
-    display: block;
     top: 0;
-    left: 50%;
-    height: 100%;
-    content: "";
+    left: 0;
 }
 
-.p-divider-vertical.p-divider-top {
-    align-items: flex-start;
+.p-dropdown-items-wrapper {
+    overflow: auto;
 }
 
-.p-divider-vertical.p-divider-center {
-    align-items: center;
-}
-
-.p-divider-vertical.p-divider-bottom {
-    align-items: flex-end;
-}
-
-.p-divider-solid.p-divider-horizontal:before {
-    border-top-style: solid;
-}
-
-.p-divider-solid.p-divider-vertical:before {
-    border-left-style: solid;
-}
-
-.p-divider-dashed.p-divider-horizontal:before {
-    border-top-style: dashed;
-}
-
-.p-divider-dashed.p-divider-vertical:before {
-    border-left-style: dashed;
-}
-
-.p-divider-dotted.p-divider-horizontal:before {
-    border-top-style: dotted;
-}
-
-.p-divider-dotted.p-divider-horizontal:before {
-    border-left-style: dotted;
-}
-.p-dropdown {
-    display: inline-flex;
-    cursor: pointer;
-    position: relative;
-    user-select: none;
-}
-
-.p-dropdown-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-dropdown-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-}
-
-.p-dropdown-label {
-    display: block;
-    white-space: nowrap;
-    overflow: hidden;
-    flex: 1 1 auto;
-    width: 1%;
-    text-overflow: ellipsis;
-    cursor: pointer;
-}
-
-.p-dropdown-label-empty {
-    overflow: hidden;
-    visibility: hidden;
-}
-
-input.p-dropdown-label  {
-    cursor: default;
-}
-
-.p-dropdown .p-dropdown-panel {
-    min-width: 100%;
-}
-
-.p-dropdown-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-dropdown-items-wrapper {
-    overflow: auto;
-}
-
-.p-dropdown-item {
-    cursor: pointer;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
+.p-dropdown-item {
+    cursor: pointer;
+    font-weight: normal;
+    white-space: nowrap;
+    position: relative;
+    overflow: hidden;
 }
 
 .p-dropdown-items {
@@ -3913,6 +3936,121 @@ input.p-dropdown-label  {
     display: none;
 }
 
+.p-multiselect {
+    display: inline-flex;
+    position: relative;
+    user-select: none;
+}
+
+.p-multiselect-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    cursor: pointer;
+}
+
+.p-multiselect-label-container {
+    overflow: hidden;
+    flex: 1 1 auto;
+    cursor: pointer;
+}
+
+.p-multiselect-label  {
+    display: block;
+    white-space: nowrap;
+    cursor: pointer;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.p-multiselect-label-empty {
+    overflow: hidden;
+    visibility: hidden;
+}
+
+.p-multiselect-token {
+    cursor: default;
+    display: inline-flex;
+    align-items: center;
+    flex: 0 0 auto;
+}
+
+.p-multiselect-token-icon {
+    cursor: pointer;
+}
+
+.p-multiselect .p-multiselect-panel {
+    min-width: 100%;
+}
+
+.p-multiselect-panel {
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.p-multiselect-items-wrapper {
+    overflow: auto;
+}
+
+.p-multiselect-items {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.p-multiselect-item {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    font-weight: normal;
+    white-space: nowrap;
+    position: relative;
+    overflow: hidden;
+}
+
+.p-multiselect-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.p-multiselect-filter-container {
+    position: relative;
+    flex: 1 1 auto;
+}
+
+.p-multiselect-filter-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-multiselect-filter-container .p-inputtext {
+    width: 100%;
+}
+
+.p-multiselect-close {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    overflow: hidden;
+    position: relative;
+    margin-left: auto;
+}
+
+.p-multiselect-clear-icon {
+    position: absolute;
+    top: 50%;
+    margin-top: -.5rem;
+}
+
+.p-fluid .p-multiselect {
+    display: flex;
+}
+
 .p-orderlist {
     display: flex;
 }
@@ -4136,119 +4274,35 @@ input.p-dropdown-label  {
     position: relative;
 }
 
-.p-multiselect {
-    display: inline-flex;
-    position: relative;
-    user-select: none;
-}
-
-.p-multiselect-trigger {
+.p-panelmenu .p-panelmenu-header-link {
     display: flex;
     align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    cursor: pointer;
-}
-
-.p-multiselect-label-container {
-    overflow: hidden;
-    flex: 1 1 auto;
-    cursor: pointer;
-}
-
-.p-multiselect-label  {
-    display: block;
-    white-space: nowrap;
-    cursor: pointer;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.p-multiselect-label-empty {
-    overflow: hidden;
-    visibility: hidden;
-}
-
-.p-multiselect-token {
-    cursor: default;
-    display: inline-flex;
-    align-items: center;
-    flex: 0 0 auto;
-}
-
-.p-multiselect-token-icon {
+    user-select: none;
     cursor: pointer;
+    position: relative;
+    text-decoration: none;
 }
 
-.p-multiselect .p-multiselect-panel {
-    min-width: 100%;
-}
-
-.p-multiselect-panel {
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.p-multiselect-items-wrapper {
-    overflow: auto;
+.p-panelmenu .p-panelmenu-header-link:focus {
+    z-index: 1;
 }
 
-.p-multiselect-items {
+.p-panelmenu .p-submenu-list {
     margin: 0;
     padding: 0;
-    list-style-type: none;
-}
-
-.p-multiselect-item {
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    font-weight: normal;
-    white-space: nowrap;
-    position: relative;
-    overflow: hidden;
-}
-
-.p-multiselect-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-
-.p-multiselect-filter-container {
-    position: relative;
-    flex: 1 1 auto;
-}
-
-.p-multiselect-filter-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
-}
-
-.p-multiselect-filter-container .p-inputtext {
-    width: 100%;
+    list-style: none;
 }
 
-.p-multiselect-close {
+.p-panelmenu .p-menuitem-link {
     display: flex;
     align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    overflow: hidden;
-    position: relative;
-    margin-left: auto;
-}
-
-.p-multiselect-clear-icon {
-    position: absolute;
-    top: 50%;
-    margin-top: -.5rem;
+    user-select: none;
+    cursor: pointer;
+    text-decoration: none;
 }
 
-.p-fluid .p-multiselect {
-    display: flex;
+.p-panelmenu .p-menuitem-text {
+    line-height: 1;
 }
 
 .p-password {
@@ -4280,37 +4334,6 @@ input.p-dropdown-label  {
     display: flex;
 }
 
-.p-panelmenu .p-panelmenu-header-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    position: relative;
-    text-decoration: none;
-}
-
-.p-panelmenu .p-panelmenu-header-link:focus {
-    z-index: 1;
-}
-
-.p-panelmenu .p-submenu-list {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-.p-panelmenu .p-menuitem-link {
-    display: flex;
-    align-items: center;
-    user-select: none;
-    cursor: pointer;
-    text-decoration: none;
-}
-
-.p-panelmenu .p-menuitem-text {
-    line-height: 1;
-}
-
 .p-picklist {
     display: flex;
 }
@@ -4510,14 +4533,6 @@ input.p-dropdown-label  {
     }
 }
 
-.p-rating-icon {
-    cursor: pointer;
-}
-
-.p-rating.p-rating-readonly .p-rating-icon {
-    cursor: default;
-}
-
 .p-radiobutton {
     display: inline-flex;
     cursor: pointer;
@@ -4544,6 +4559,14 @@ input.p-dropdown-label  {
     visibility: visible;
 }
 
+.p-rating-icon {
+    cursor: pointer;
+}
+
+.p-rating.p-rating-readonly .p-rating-icon {
+    cursor: default;
+}
+
 .p-ripple {
     overflow: hidden;
     position: relative;
@@ -5956,7 +5979,7 @@ input.p-dropdown-label  {
     table-layout: auto;
 }
 
-.p-treetable-hoverable-rows .p-treetable-tbody > tr {
+.p-treetable-selectable .p-treetable-tbody > tr {
     cursor: pointer;
 }
 
@@ -6079,7 +6102,7 @@ input.p-dropdown-label  {
     position: absolute;
     top: 0;
     left: 0;
-    contain: content;
+    /*contain: content;*/
     min-height: 100%;
     min-width: 100%;
     will-change: transform;