@patternfly/react-core 4.222.13 → 4.222.16

package/dist/umd/react-core.js

@@ -10415,6 +10415,7 @@
 
     Promise.resolve().then(function () { return descriptionList; });
     var styles$N = {
+      "card": "pf-c-card",
       "descriptionList": "pf-c-description-list",
       "descriptionListDescription": "pf-c-description-list__description",
       "descriptionListGroup": "pf-c-description-list__group",
@@ -10428,6 +10429,8 @@
         "compact": "pf-m-compact",
         "fluid": "pf-m-fluid",
         "fillColumns": "pf-m-fill-columns",
+        "displayLg": "pf-m-display-lg",
+        "display_2xl": "pf-m-display-2xl",
         "helpText": "pf-m-help-text",
         "1Col": "pf-m-1-col",
         "2Col": "pf-m-2-col",
@@ -14582,14 +14585,14 @@
         const editableButtonRef = React__namespace.useRef();
         const editableInputRef = React__namespace.useRef();
         React__namespace.useEffect(() => {
-            document.addEventListener('click', onDocClick);
+            document.addEventListener('mousedown', onDocMouseDown);
             document.addEventListener('keydown', onKeyDown);
             return () => {
-                document.removeEventListener('click', onDocClick);
+                document.removeEventListener('mousedown', onDocMouseDown);
                 document.removeEventListener('keydown', onKeyDown);
             };
         });
-        const onDocClick = (event) => {
+        const onDocMouseDown = (event) => {
             if (isEditableActive &&
                 editableInputRef &&
                 editableInputRef.current &&
@@ -14726,9 +14729,9 @@
         render() {
             const _a = this.props, { categoryName, children, className, isClosable, isCompact, closeBtnAriaLabel, 'aria-label': ariaLabel, onClick, numLabels, expandedText, collapsedText, 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            defaultIsOpen, tooltipPosition, isVertical, isEditable, hasEditableTextArea, editableTextAreaProps } = _a, 
+            defaultIsOpen, tooltipPosition, isVertical, isEditable, hasEditableTextArea, editableTextAreaProps, addLabelControl } = _a, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
-            rest = __rest$1(_a, ["categoryName", "children", "className", "isClosable", "isCompact", "closeBtnAriaLabel", 'aria-label', "onClick", "numLabels", "expandedText", "collapsedText", "defaultIsOpen", "tooltipPosition", "isVertical", "isEditable", "hasEditableTextArea", "editableTextAreaProps"]);
+            rest = __rest$1(_a, ["categoryName", "children", "className", "isClosable", "isCompact", "closeBtnAriaLabel", 'aria-label', "onClick", "numLabels", "expandedText", "collapsedText", "defaultIsOpen", "tooltipPosition", "isVertical", "isEditable", "hasEditableTextArea", "editableTextAreaProps", "addLabelControl"]);
             const { isOpen } = this.state;
             const numChildren = React__namespace.Children.count(children);
             const collapsedTextResult = fillTemplate(collapsedText, {
@@ -14744,6 +14747,7 @@
                         labelArray.map((child, i) => (React__namespace.createElement("li", { className: css(styles$D.labelGroupListItem), key: i }, child))),
                         numChildren > numLabels && (React__namespace.createElement("li", { className: css(styles$D.labelGroupListItem) },
                             React__namespace.createElement(Label, { isOverflowLabel: true, onClick: this.toggleCollapse, className: css(isCompact && labelStyles.modifiers.compact) }, isOpen ? expandedText : collapsedTextResult))),
+                        addLabelControl && React__namespace.createElement("li", { className: css(styles$D.labelGroupListItem) }, addLabelControl),
                         isEditable && hasEditableTextArea && (React__namespace.createElement("li", { className: css(styles$D.labelGroupListItem, styles$D.modifiers.textarea) },
                             React__namespace.createElement("textarea", Object.assign({ className: css(styles$D.labelGroupTextarea), rows: 1, tabIndex: 0 }, editableTextAreaProps)))))));
                 const close = (React__namespace.createElement("div", { className: css(styles$D.labelGroupClose) },
@@ -14753,7 +14757,7 @@
                     React__namespace.createElement("div", { className: css(styles$D.labelGroupMain) }, content),
                     isClosable && close));
             };
-            return numChildren === 0 ? null : (React__namespace.createElement(GenerateId, null, randomId => renderLabelGroup(this.props.id || randomId)));
+            return numChildren === 0 && addLabelControl === undefined ? null : (React__namespace.createElement(GenerateId, null, randomId => renderLabelGroup(this.props.id || randomId)));
         }
     }
     LabelGroup.displayName = 'LabelGroup';
@@ -15084,11 +15088,21 @@
         "collapsed": "pf-m-collapsed",
         "limitWidth": "pf-m-limit-width",
         "alignCenter": "pf-m-align-center",
-        "stickyTop": "pf-m-sticky-top",
-        "stickyBottom": "pf-m-sticky-bottom",
         "overflowScroll": "pf-m-overflow-scroll",
         "shadowBottom": "pf-m-shadow-bottom",
         "shadowTop": "pf-m-shadow-top",
+        "stickyTop": "pf-m-sticky-top",
+        "stickyBottom": "pf-m-sticky-bottom",
+        "stickyTopOnSmHeight": "pf-m-sticky-top-on-sm-height",
+        "stickyBottomOnSmHeight": "pf-m-sticky-bottom-on-sm-height",
+        "stickyTopOnMdHeight": "pf-m-sticky-top-on-md-height",
+        "stickyBottomOnMdHeight": "pf-m-sticky-bottom-on-md-height",
+        "stickyTopOnLgHeight": "pf-m-sticky-top-on-lg-height",
+        "stickyBottomOnLgHeight": "pf-m-sticky-bottom-on-lg-height",
+        "stickyTopOnXlHeight": "pf-m-sticky-top-on-xl-height",
+        "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
+        "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
+        "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
         "fill": "pf-m-fill",
         "noFill": "pf-m-no-fill",
         "light_100": "pf-m-light-100",
@@ -18025,7 +18039,6 @@
       "faExclamationTriangle": "fa-exclamation-triangle",
       "modifiers": {
         "center": "pf-m-center",
-        "vertical": "pf-m-vertical",
         "compact": "pf-m-compact",
         "current": "pf-m-current",
         "pending": "pf-m-pending",
@@ -18033,7 +18046,19 @@
         "danger": "pf-m-danger",
         "warning": "pf-m-warning",
         "info": "pf-m-info",
-        "helpText": "pf-m-help-text"
+        "helpText": "pf-m-help-text",
+        "horizontal": "pf-m-horizontal",
+        "vertical": "pf-m-vertical",
+        "horizontalOnSm": "pf-m-horizontal-on-sm",
+        "verticalOnSm": "pf-m-vertical-on-sm",
+        "horizontalOnMd": "pf-m-horizontal-on-md",
+        "verticalOnMd": "pf-m-vertical-on-md",
+        "horizontalOnLg": "pf-m-horizontal-on-lg",
+        "verticalOnLg": "pf-m-vertical-on-lg",
+        "horizontalOnXl": "pf-m-horizontal-on-xl",
+        "verticalOnXl": "pf-m-vertical-on-xl",
+        "horizontalOn_2xl": "pf-m-horizontal-on-2xl",
+        "verticalOn_2xl": "pf-m-vertical-on-2xl"
       },
       "pficon": "pficon",
       "progressStepper": "pf-c-progress-stepper",
@@ -19041,6 +19066,7 @@
         "expanded": "pf-m-expanded",
         "pageInsets": "pf-m-page-insets",
         "action": "pf-m-action",
+        "active": "pf-m-active",
         "disabled": "pf-m-disabled",
         "ariaDisabled": "pf-m-aria-disabled",
         "insetNone": "pf-m-inset-none",
@@ -19088,6 +19114,7 @@
       "tabsItemIcon": "pf-c-tabs__item-icon",
       "tabsItemText": "pf-c-tabs__item-text",
       "tabsLink": "pf-c-tabs__link",
+      "tabsLinkToggleIcon": "pf-c-tabs__link-toggle-icon",
       "tabsList": "pf-c-tabs__list",
       "tabsScrollButton": "pf-c-tabs__scroll-button",
       "tabsToggle": "pf-c-tabs__toggle",