@patternfly/react-core 4.198.16 → 4.198.17

package/dist/umd/react-core.js

@@ -15325,41 +15325,9 @@
     };
     MultipleFileUpload.displayName = 'MultipleFileUpload';
 
-    const MultipleFileUploadInfo = (_a) => {
-        var { className, children } = _a, props = __rest$1(_a, ["className", "children"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadInfo, className) }, props), children));
-    };
-    MultipleFileUploadInfo.displayName = 'MultipleFileUploadInfo';
-
-    const MultipleFileUploadMain = (_a) => {
-        var { className, children } = _a, props = __rest$1(_a, ["className", "children"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadMain, className) }, props), children));
-    };
-    MultipleFileUploadMain.displayName = 'MultipleFileUploadMain';
-
-    const MultipleFileUploadTitle = (_a) => {
-        var { className, children } = _a, props = __rest$1(_a, ["className", "children"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadTitle, className) }, props), children));
-    };
-    MultipleFileUploadTitle.displayName = 'MultipleFileUploadTitle';
-
-    const UploadIconConfig = {
-      name: 'UploadIcon',
-      height: 512,
-      width: 512,
-      svgPath: 'M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z',
-      yOffset: 0,
-      xOffset: 0,
-    };
-
-    const UploadIcon = createIcon(UploadIconConfig);
-
-    var UploadIcon$1 = UploadIcon;
-
     const MultipleFileUploadTitleIcon = (_a) => {
-        var { className } = _a, props = __rest$1(_a, ["className"]);
-        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadTitleIcon, className) }, props),
-            React__namespace.createElement(UploadIcon$1, null)));
+        var { children, className } = _a, props = __rest$1(_a, ["children", "className"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadTitleIcon, className) }, props), children));
     };
     MultipleFileUploadTitleIcon.displayName = 'MultipleFileUploadTitleIcon';
 
@@ -15375,6 +15343,16 @@
     };
     MultipleFileUploadTitleTextSeparator.displayName = 'MultipleFileUploadTitleTextSeparator';
 
+    const MultipleFileUploadTitle = (_a) => {
+        var { className, icon, text = '', textSeparator = '' } = _a, props = __rest$1(_a, ["className", "icon", "text", "textSeparator"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadTitle, className) }, props),
+            icon && React__namespace.createElement(MultipleFileUploadTitleIcon, null, icon),
+            text && (React__namespace.createElement(MultipleFileUploadTitleText, null,
+                `${text} `,
+                textSeparator && React__namespace.createElement(MultipleFileUploadTitleTextSeparator, null, textSeparator)))));
+    };
+    MultipleFileUploadTitle.displayName = 'MultipleFileUploadTitle';
+
     const MultipleFileUploadButton = (_a) => {
         var { className, 'aria-label': ariaLabel } = _a, props = __rest$1(_a, ["className", 'aria-label']);
         const { open } = React__namespace.useContext(MultipleFileUploadContext);
@@ -15383,12 +15361,57 @@
     };
     MultipleFileUploadButton.displayName = 'MultipleFileUploadButton';
 
+    const MultipleFileUploadInfo = (_a) => {
+        var { className, children } = _a, props = __rest$1(_a, ["className", "children"]);
+        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadInfo, className) }, props), children));
+    };
+    MultipleFileUploadInfo.displayName = 'MultipleFileUploadInfo';
+
+    const MultipleFileUploadMain = (_a) => {
+        var { className, titleIcon, titleText, titleTextSeparator, infoText, isUploadButtonHidden } = _a, props = __rest$1(_a, ["className", "titleIcon", "titleText", "titleTextSeparator", "infoText", "isUploadButtonHidden"]);
+        const showTitle = !!titleIcon || !!titleText || !!titleTextSeparator;
+        return (React__namespace.createElement("div", Object.assign({ className: css(_default$x.multipleFileUploadMain, className) }, props),
+            showTitle && React__namespace.createElement(MultipleFileUploadTitle, { icon: titleIcon, text: titleText, textSeparator: titleTextSeparator }),
+            isUploadButtonHidden || React__namespace.createElement(MultipleFileUploadButton, null),
+            !!infoText && React__namespace.createElement(MultipleFileUploadInfo, null, infoText)));
+    };
+    MultipleFileUploadMain.displayName = 'MultipleFileUploadMain';
+
+    const InProgressIconConfig = {
+      name: 'InProgressIcon',
+      height: 1024,
+      width: 1024,
+      svgPath: 'M513.417211,16.013668 L513.417211,112.013668 C513.406007,120.539653 520.082422,127.576718 528.597211,128.013668 C732.697211,136.513668 896.147211,305.013668 896.147211,511.343668 C896.147211,723.013668 724.007211,895.163668 512.417211,895.163668 C437.186239,895.277345 363.602574,873.135095 300.927211,831.523668 C294.58293,827.2982 286.138663,828.135095 280.747211,833.523668 L211.807211,902.353668 C208.502935,905.676185 206.82123,910.280199 207.20607,914.950237 C207.590911,919.620275 210.00361,923.886884 213.807211,926.623668 C300.709573,989.398037 405.213535,1023.13146 512.417211,1023.01398 C794.537211,1023.01398 1023.91724,793.433668 1023.91724,511.413668 C1024.00721,235.103668 804.007211,9.22366802 529.897211,0.00645736761 C525.571205,-0.116171039 521.377128,1.51204372 518.271915,4.52681369 C515.166702,7.54158367 513.415263,11.6857144 513.417211,16.013668 M97.1272107,212.923668 C64.2190689,258.479443 39.0698895,309.162997 22.6972107,362.923668 C21.2705092,367.756559 22.2039184,372.979173 25.2163356,377.018685 C28.2287528,381.058197 32.9681443,383.442545 38.0072107,383.453683 L139.407211,383.453683 C145.970195,383.46249 151.873012,379.462528 154.297211,373.363668 C164.307669,347.593304 177.068112,322.977652 192.357211,299.943668 C196.579666,293.633658 195.741339,285.216847 190.357211,279.863668 L121.497211,211.013668 C118.186635,207.662531 113.567544,205.940538 108.871166,206.30669 C104.174788,206.672841 99.8783994,209.089927 97.1272107,212.913668 M112.907211,511.433663 L17.0072107,511.433663 C12.679257,511.433663 8.5351263,513.183159 5.52035633,516.288373 C2.50558635,519.393586 0.877371594,523.587662 1.00721065,527.913668 C4.13104542,629.408217 37.6085847,727.635936 97.1172107,809.913668 C99.8539943,813.717268 104.120603,816.129968 108.790642,816.514809 C113.46068,816.899649 118.064693,815.217944 121.387211,811.913668 L190.217211,743.073668 C195.605784,737.682216 196.442679,729.237949 192.217211,722.893668 C153.520825,664.580171 131.611534,596.745437 128.887211,526.813668 C128.553964,518.220138 121.487197,511.427209 112.887211,511.433663',
+      yOffset: 0,
+      xOffset: 0,
+    };
+
+    const InProgressIcon = createIcon(InProgressIconConfig);
+
+    var InProgressIcon$1 = InProgressIcon;
+
     const MultipleFileUploadStatus = (_a) => {
         var { children, className, statusToggleText, statusToggleIcon } = _a, props = __rest$1(_a, ["children", "className", "statusToggleText", "statusToggleIcon"]);
+        const [icon, setIcon] = React__namespace.useState();
+        const [isOpen, setIsOpen] = React__namespace.useState(true);
+        React__namespace.useEffect(() => {
+            switch (statusToggleIcon) {
+                case 'danger':
+                    setIcon(React__namespace.createElement(TimesCircleIcon$1, null));
+                    break;
+                case 'success':
+                    setIcon(React__namespace.createElement(CheckCircleIcon$1, null));
+                    break;
+                case 'inProgress':
+                    setIcon(React__namespace.createElement(InProgressIcon$1, null));
+                    break;
+                default:
+                    setIcon(statusToggleIcon);
+            }
+        }, [statusToggleIcon]);
         const toggle = (React__namespace.createElement("div", { className: _default$x.multipleFileUploadStatusProgress },
-            React__namespace.createElement("div", { className: _default$x.multipleFileUploadStatusProgressIcon }, statusToggleIcon),
+            React__namespace.createElement("div", { className: _default$x.multipleFileUploadStatusProgressIcon }, icon),
             React__namespace.createElement("div", { className: _default$x.multipleFileUploadStatusItemProgressText }, statusToggleText)));
-        const [isOpen, setIsOpen] = React__namespace.useState(true);
         const toggleExpandableSection = () => {
             setIsOpen(!isOpen);
         };
@@ -21519,16 +21542,10 @@
     exports.ModalBoxHeader = ModalBoxHeader;
     exports.ModalContent = ModalContent;
     exports.MultipleFileUpload = MultipleFileUpload;
-    exports.MultipleFileUploadButton = MultipleFileUploadButton;
     exports.MultipleFileUploadContext = MultipleFileUploadContext;
-    exports.MultipleFileUploadInfo = MultipleFileUploadInfo;
     exports.MultipleFileUploadMain = MultipleFileUploadMain;
     exports.MultipleFileUploadStatus = MultipleFileUploadStatus;
     exports.MultipleFileUploadStatusItem = MultipleFileUploadStatusItem;
-    exports.MultipleFileUploadTitle = MultipleFileUploadTitle;
-    exports.MultipleFileUploadTitleIcon = MultipleFileUploadTitleIcon;
-    exports.MultipleFileUploadTitleText = MultipleFileUploadTitleText;
-    exports.MultipleFileUploadTitleTextSeparator = MultipleFileUploadTitleTextSeparator;
     exports.Nav = Nav;
     exports.NavContext = NavContext;
     exports.NavExpandable = NavExpandable;

package/dist/umd/react-core.min.css

@@ -12368,16 +12368,6 @@ ul.pf-c-list {
   color: var(--pf-c-multiple-file-upload__status-item-progress-size--Color);
 }
 
-.pf-l-bullseye {
-  --pf-l-bullseye--Padding: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: var(--pf-l-bullseye--Padding);
-  margin: 0;
-}
-
 .pf-c-nav {
   --pf-c-nav--Transition: var(--pf-global--Transition);
   --pf-c-nav--m-light__item--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -13392,6 +13382,16 @@ ul.pf-c-list {
   left: 0;
 }
 
+.pf-l-bullseye {
+  --pf-l-bullseye--Padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  padding: var(--pf-l-bullseye--Padding);
+  margin: 0;
+}
+
 .pf-c-notification-badge {
   --pf-c-notification-badge--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-notification-badge--PaddingRight: var(--pf-global--spacer--md);
@@ -15953,6 +15953,78 @@ ul.pf-c-list {
   text-align: var(--pf-c-progress-stepper__step-description--TextAlign);
 }
 
+.pf-c-radio {
+  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
+  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-radio__label--Color: var(--pf-global--Color--100);
+  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
+  --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
+  --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
+  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
+  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
+  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-radio__description--Color: var(--pf-global--Color--200);
+  --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-gap: var(--pf-c-radio--GridGap);
+  align-items: start;
+  justify-items: start;
+}
+
+.pf-c-radio.pf-m-standalone {
+  --pf-c-radio--GridGap: 0;
+  --pf-c-radio__input--Height: auto;
+  --pf-c-radio__input--MarginTop: 0;
+  display: inline-grid;
+  line-height: 1;
+}
+
+.pf-c-radio__label {
+  font-size: var(--pf-c-radio__label--FontSize);
+  font-weight: var(--pf-c-radio__label--FontWeight);
+  line-height: var(--pf-c-radio__label--LineHeight);
+  color: var(--pf-c-radio__label--Color);
+}
+
+.pf-c-radio__input {
+  height: var(--pf-c-radio__input--Height);
+  margin-top: var(--pf-c-radio__input--MarginTop);
+}
+
+.pf-c-radio__input:first-child {
+  margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
+}
+
+.pf-c-radio__input:last-child {
+  margin-right: var(--pf-c-radio__input--last-child--MarginRight);
+}
+
+.pf-c-radio__description {
+  grid-column: 2;
+  font-size: var(--pf-c-radio__description--FontSize);
+  color: var(--pf-c-radio__description--Color);
+}
+
+.pf-c-radio__body {
+  grid-column: 2;
+  margin-top: var(--pf-c-radio__body--MarginTop);
+}
+
+label.pf-c-radio, .pf-c-radio__label,
+.pf-c-radio__input {
+  cursor: pointer;
+}
+
+.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
+.pf-c-radio__input:disabled,
+.pf-c-radio__input.pf-m-disabled {
+  --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
+  cursor: not-allowed;
+}
+
 .pf-c-search-input {
   --pf-c-search-input__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
   --pf-c-search-input__text--before--BorderColor: var(--pf-global--BorderColor--300);
@@ -16144,78 +16216,6 @@ ul.pf-c-list {
   flex-grow: 1;
 }
 
-.pf-c-radio {
-  --pf-c-radio--GridGap: var(--pf-global--spacer--xs) var(--pf-global--spacer--sm);
-  --pf-c-radio__label--disabled--Color: var(--pf-global--disabled-color--100);
-  --pf-c-radio__label--Color: var(--pf-global--Color--100);
-  --pf-c-radio__label--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-radio__label--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-radio__label--LineHeight: var(--pf-global--LineHeight--sm);
-  --pf-c-radio__input--Height: var(--pf-c-radio__label--FontSize);
-  --pf-c-radio__input--MarginTop: calc(((var(--pf-c-radio__label--FontSize) * var(--pf-c-radio__label--LineHeight)) - var(--pf-c-radio__input--Height)) / 2);
-  --pf-c-radio__input--first-child--MarginLeft: 0.0625rem;
-  --pf-c-radio__input--last-child--MarginRight: 0.0625rem;
-  --pf-c-radio__description--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-radio__description--Color: var(--pf-global--Color--200);
-  --pf-c-radio__body--MarginTop: var(--pf-global--spacer--sm);
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-gap: var(--pf-c-radio--GridGap);
-  align-items: start;
-  justify-items: start;
-}
-
-.pf-c-radio.pf-m-standalone {
-  --pf-c-radio--GridGap: 0;
-  --pf-c-radio__input--Height: auto;
-  --pf-c-radio__input--MarginTop: 0;
-  display: inline-grid;
-  line-height: 1;
-}
-
-.pf-c-radio__label {
-  font-size: var(--pf-c-radio__label--FontSize);
-  font-weight: var(--pf-c-radio__label--FontWeight);
-  line-height: var(--pf-c-radio__label--LineHeight);
-  color: var(--pf-c-radio__label--Color);
-}
-
-.pf-c-radio__input {
-  height: var(--pf-c-radio__input--Height);
-  margin-top: var(--pf-c-radio__input--MarginTop);
-}
-
-.pf-c-radio__input:first-child {
-  margin-left: var(--pf-c-radio__input--first-child--MarginLeft);
-}
-
-.pf-c-radio__input:last-child {
-  margin-right: var(--pf-c-radio__input--last-child--MarginRight);
-}
-
-.pf-c-radio__description {
-  grid-column: 2;
-  font-size: var(--pf-c-radio__description--FontSize);
-  color: var(--pf-c-radio__description--Color);
-}
-
-.pf-c-radio__body {
-  grid-column: 2;
-  margin-top: var(--pf-c-radio__body--MarginTop);
-}
-
-label.pf-c-radio, .pf-c-radio__label,
-.pf-c-radio__input {
-  cursor: pointer;
-}
-
-.pf-c-radio__label:disabled, .pf-c-radio__label.pf-m-disabled,
-.pf-c-radio__input:disabled,
-.pf-c-radio__input.pf-m-disabled {
-  --pf-c-radio__label--Color: var(--pf-c-radio__label--disabled--Color);
-  cursor: not-allowed;
-}
-
 .pf-c-select {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);