@patternfly/react-core 4.225.10 → 4.225.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +23 -25
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +23 -25
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/umd/react-core.css +35 -35
- package/dist/umd/react-core.js +23 -25
- package/dist/umd/react-core.min.css +34 -34
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +5 -5
- package/src/components/Select/Select.tsx +33 -35
package/dist/umd/react-core.css
CHANGED
|
@@ -1289,41 +1289,6 @@ textarea.pf-c-form-control {
|
|
|
1289
1289
|
display: none !important;
|
|
1290
1290
|
}
|
|
1291
1291
|
}
|
|
1292
|
-
.pf-c-back-to-top {
|
|
1293
|
-
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
1294
|
-
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
1295
|
-
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
1296
|
-
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
1297
|
-
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
1298
|
-
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
1299
|
-
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
1300
|
-
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
1301
|
-
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
1302
|
-
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
1303
|
-
position: absolute;
|
|
1304
|
-
right: var(--pf-c-back-to-top--Right);
|
|
1305
|
-
bottom: var(--pf-c-back-to-top--Bottom);
|
|
1306
|
-
}
|
|
1307
|
-
|
|
1308
|
-
@media (min-width: 768px) {
|
|
1309
|
-
.pf-c-back-to-top {
|
|
1310
|
-
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
1311
|
-
}
|
|
1312
|
-
}
|
|
1313
|
-
.pf-c-back-to-top.pf-m-hidden {
|
|
1314
|
-
display: none;
|
|
1315
|
-
}
|
|
1316
|
-
|
|
1317
|
-
.pf-c-back-to-top .pf-c-button {
|
|
1318
|
-
--pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
|
|
1319
|
-
--pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
|
|
1320
|
-
--pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
|
|
1321
|
-
--pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
|
|
1322
|
-
--pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
|
|
1323
|
-
--pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
|
|
1324
|
-
box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
|
|
1325
|
-
}
|
|
1326
|
-
|
|
1327
1292
|
.pf-c-avatar {
|
|
1328
1293
|
--pf-c-avatar--BorderColor: transparent;
|
|
1329
1294
|
--pf-c-avatar--BorderWidth: 0;
|
|
@@ -1578,6 +1543,41 @@ textarea.pf-c-form-control {
|
|
|
1578
1543
|
--pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));
|
|
1579
1544
|
}
|
|
1580
1545
|
}
|
|
1546
|
+
.pf-c-back-to-top {
|
|
1547
|
+
--pf-c-back-to-top--Right: var(--pf-global--spacer--2xl);
|
|
1548
|
+
--pf-c-back-to-top--Bottom: var(--pf-global--spacer--lg);
|
|
1549
|
+
--pf-c-back-to-top--md--Bottom: var(--pf-global--spacer--2xl);
|
|
1550
|
+
--pf-c-back-to-top--c-button--FontSize: var(--pf-global--FontSize--xs);
|
|
1551
|
+
--pf-c-back-to-top--c-button--BorderRadius: var(--pf-global--BorderRadius--lg);
|
|
1552
|
+
--pf-c-back-to-top--c-button--PaddingTop: var(--pf-global--spacer--xs);
|
|
1553
|
+
--pf-c-back-to-top--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
1554
|
+
--pf-c-back-to-top--c-button--PaddingBottom: var(--pf-global--spacer--xs);
|
|
1555
|
+
--pf-c-back-to-top--c-button--PaddingLeft: var(--pf-global--spacer--sm);
|
|
1556
|
+
--pf-c-back-to-top--c-button--BoxShadow: var(--pf-global--BoxShadow--lg-bottom);
|
|
1557
|
+
position: absolute;
|
|
1558
|
+
right: var(--pf-c-back-to-top--Right);
|
|
1559
|
+
bottom: var(--pf-c-back-to-top--Bottom);
|
|
1560
|
+
}
|
|
1561
|
+
|
|
1562
|
+
@media (min-width: 768px) {
|
|
1563
|
+
.pf-c-back-to-top {
|
|
1564
|
+
--pf-c-back-to-top--Bottom: var(--pf-c-back-to-top--md--Bottom);
|
|
1565
|
+
}
|
|
1566
|
+
}
|
|
1567
|
+
.pf-c-back-to-top.pf-m-hidden {
|
|
1568
|
+
display: none;
|
|
1569
|
+
}
|
|
1570
|
+
|
|
1571
|
+
.pf-c-back-to-top .pf-c-button {
|
|
1572
|
+
--pf-c-button--FontSize: var(--pf-c-back-to-top--c-button--FontSize);
|
|
1573
|
+
--pf-c-button--BorderRadius: var(--pf-c-back-to-top--c-button--BorderRadius);
|
|
1574
|
+
--pf-c-button--PaddingTop: var(--pf-c-back-to-top--c-button--PaddingTop);
|
|
1575
|
+
--pf-c-button--PaddingRight: var(--pf-c-back-to-top--c-button--PaddingRight);
|
|
1576
|
+
--pf-c-button--PaddingBottom: var(--pf-c-back-to-top--c-button--PaddingBottom);
|
|
1577
|
+
--pf-c-button--PaddingLeft: var(--pf-c-back-to-top--c-button--PaddingLeft);
|
|
1578
|
+
box-shadow: var(--pf-c-back-to-top--c-button--BoxShadow);
|
|
1579
|
+
}
|
|
1580
|
+
|
|
1581
1581
|
.pf-c-background-image {
|
|
1582
1582
|
--pf-c-background-image--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
|
|
1583
1583
|
--pf-c-background-image--BackgroundImage: url("../../assets/images/pfbg_576.jpg");
|
package/dist/umd/react-core.js
CHANGED
|
@@ -7524,32 +7524,30 @@
|
|
|
7524
7524
|
this.refCollection[this.state.viewMoreNextIndex][0].focus();
|
|
7525
7525
|
this.setState({ viewMoreNextIndex: -1 });
|
|
7526
7526
|
}
|
|
7527
|
-
|
|
7528
|
-
const
|
|
7529
|
-
|
|
7530
|
-
|
|
7531
|
-
|
|
7532
|
-
|
|
7533
|
-
|
|
7534
|
-
|
|
7535
|
-
|
|
7536
|
-
prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
|
|
7537
|
-
}
|
|
7538
|
-
else {
|
|
7539
|
-
return prevChild !== currChild;
|
|
7540
|
-
}
|
|
7541
|
-
});
|
|
7542
|
-
const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
|
|
7543
|
-
checkUpdatedChildren(prevProps.children, this.props.children) ||
|
|
7544
|
-
(this.props.isGrouped &&
|
|
7545
|
-
Array.from(prevProps.children).some((prevChild, index) => prevChild.type === SelectGroup &&
|
|
7546
|
-
prevChild.props.children &&
|
|
7547
|
-
this.props.children[index].props.children &&
|
|
7548
|
-
(prevChild.props.children.length !== this.props.children[index].props.children.length ||
|
|
7549
|
-
checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
|
|
7550
|
-
if (hasUpdatedChildren) {
|
|
7551
|
-
this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
|
|
7527
|
+
const checkUpdatedChildren = (prevChildren, currChildren) => Array.from(prevChildren).some((prevChild, index) => {
|
|
7528
|
+
const prevChildProps = prevChild.props;
|
|
7529
|
+
const currChild = currChildren[index];
|
|
7530
|
+
const { props: currChildProps } = currChild;
|
|
7531
|
+
if (prevChildProps && currChildProps) {
|
|
7532
|
+
return (prevChildProps.value !== currChildProps.value ||
|
|
7533
|
+
prevChildProps.label !== currChildProps.label ||
|
|
7534
|
+
prevChildProps.isDisabled !== currChildProps.isDisabled ||
|
|
7535
|
+
prevChildProps.isPlaceholder !== currChildProps.isPlaceholder);
|
|
7552
7536
|
}
|
|
7537
|
+
else {
|
|
7538
|
+
return prevChild !== currChild;
|
|
7539
|
+
}
|
|
7540
|
+
});
|
|
7541
|
+
const hasUpdatedChildren = prevProps.children.length !== this.props.children.length ||
|
|
7542
|
+
checkUpdatedChildren(prevProps.children, this.props.children) ||
|
|
7543
|
+
(this.props.isGrouped &&
|
|
7544
|
+
Array.from(prevProps.children).some((prevChild, index) => prevChild.type === SelectGroup &&
|
|
7545
|
+
prevChild.props.children &&
|
|
7546
|
+
this.props.children[index].props.children &&
|
|
7547
|
+
(prevChild.props.children.length !== this.props.children[index].props.children.length ||
|
|
7548
|
+
checkUpdatedChildren(prevChild.props.children, this.props.children[index].props.children))));
|
|
7549
|
+
if (hasUpdatedChildren) {
|
|
7550
|
+
this.updateTypeAheadFilteredChildren(prevState.typeaheadInputValue || '', null);
|
|
7553
7551
|
}
|
|
7554
7552
|
// for menus with favorites,
|
|
7555
7553
|
// if the number of favorites or typeahead filtered children has changed, the generated
|
|
@@ -23803,6 +23803,40 @@ label.pf-c-tree-view__node-text {
|
|
|
23803
23803
|
display: flex;
|
|
23804
23804
|
}
|
|
23805
23805
|
|
|
23806
|
+
.pf-c-truncate {
|
|
23807
|
+
--pf-c-truncate--MinWidth: 12ch;
|
|
23808
|
+
--pf-c-truncate__start--MinWidth: 6ch;
|
|
23809
|
+
display: inline-grid;
|
|
23810
|
+
grid-auto-flow: column;
|
|
23811
|
+
align-items: baseline;
|
|
23812
|
+
min-width: var(--pf-c-truncate--MinWidth);
|
|
23813
|
+
}
|
|
23814
|
+
|
|
23815
|
+
.pf-c-truncate__start,
|
|
23816
|
+
.pf-c-truncate__end {
|
|
23817
|
+
overflow: hidden;
|
|
23818
|
+
text-overflow: ellipsis;
|
|
23819
|
+
white-space: nowrap;
|
|
23820
|
+
}
|
|
23821
|
+
|
|
23822
|
+
.pf-c-truncate__start {
|
|
23823
|
+
min-width: var(--pf-c-truncate__start--MinWidth);
|
|
23824
|
+
}
|
|
23825
|
+
|
|
23826
|
+
.pf-c-truncate__end {
|
|
23827
|
+
direction: rtl;
|
|
23828
|
+
}
|
|
23829
|
+
|
|
23830
|
+
.pf-c-truncate__start + .pf-c-truncate__end {
|
|
23831
|
+
overflow: visible;
|
|
23832
|
+
direction: ltr;
|
|
23833
|
+
}
|
|
23834
|
+
|
|
23835
|
+
@supports (-webkit-hyphens: none) {
|
|
23836
|
+
.pf-c-truncate__end {
|
|
23837
|
+
direction: ltr;
|
|
23838
|
+
}
|
|
23839
|
+
}
|
|
23806
23840
|
.pf-c-panel {
|
|
23807
23841
|
--pf-c-panel--Width: auto;
|
|
23808
23842
|
--pf-c-panel--MinWidth: auto;
|
|
@@ -23886,40 +23920,6 @@ label.pf-c-tree-view__node-text {
|
|
|
23886
23920
|
box-shadow: var(--pf-c-panel__footer--BoxShadow);
|
|
23887
23921
|
}
|
|
23888
23922
|
|
|
23889
|
-
.pf-c-truncate {
|
|
23890
|
-
--pf-c-truncate--MinWidth: 12ch;
|
|
23891
|
-
--pf-c-truncate__start--MinWidth: 6ch;
|
|
23892
|
-
display: inline-grid;
|
|
23893
|
-
grid-auto-flow: column;
|
|
23894
|
-
align-items: baseline;
|
|
23895
|
-
min-width: var(--pf-c-truncate--MinWidth);
|
|
23896
|
-
}
|
|
23897
|
-
|
|
23898
|
-
.pf-c-truncate__start,
|
|
23899
|
-
.pf-c-truncate__end {
|
|
23900
|
-
overflow: hidden;
|
|
23901
|
-
text-overflow: ellipsis;
|
|
23902
|
-
white-space: nowrap;
|
|
23903
|
-
}
|
|
23904
|
-
|
|
23905
|
-
.pf-c-truncate__start {
|
|
23906
|
-
min-width: var(--pf-c-truncate__start--MinWidth);
|
|
23907
|
-
}
|
|
23908
|
-
|
|
23909
|
-
.pf-c-truncate__end {
|
|
23910
|
-
direction: rtl;
|
|
23911
|
-
}
|
|
23912
|
-
|
|
23913
|
-
.pf-c-truncate__start + .pf-c-truncate__end {
|
|
23914
|
-
overflow: visible;
|
|
23915
|
-
direction: ltr;
|
|
23916
|
-
}
|
|
23917
|
-
|
|
23918
|
-
@supports (-webkit-hyphens: none) {
|
|
23919
|
-
.pf-c-truncate__end {
|
|
23920
|
-
direction: ltr;
|
|
23921
|
-
}
|
|
23922
|
-
}
|
|
23923
23923
|
.pf-l-flex {
|
|
23924
23924
|
--pf-l-flex--Display: flex;
|
|
23925
23925
|
--pf-l-flex--FlexWrap: wrap;
|