npm - @openshift-assisted/ui-lib - Versions diffs - 2.13.0-cim → 2.14.1-cim - Mend

@openshift-assisted/ui-lib 2.13.0-cim → 2.14.1-cim

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.

Files changed (1506) hide show

package/build/cjs/common/components/ui/WizardNavItem.js CHANGED Viewed

@@ -2,21 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const react_core_1 = require("@patternfly/react-core");
+const deprecated_1 = require("@patternfly/react-core/deprecated");
 const exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
-const global_danger_color_100_1 = require("@patternfly/react-tokens/dist/js/global_danger_color_100");
+const UiIcon_1 = tslib_1.__importDefault(require("./UiIcon"));
 const getNavItemContent = (content, isValid, isDisabled, isCurrent) => {
     if (!isDisabled && !isCurrent && !isValid()) {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             content,
-            react_1.default.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, { className: "wizard-nav-item-warning-icon", color: global_danger_color_100_1.global_danger_color_100.value, size: "sm" })));
+            react_1.default.createElement(UiIcon_1.default, { status: "danger", className: "wizard-nav-item-warning-icon", icon: react_1.default.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null) })));
     }
     return content;
 };
 const NavItem = (_a) => {
     var { isValid = () => true, children } = _a, props = tslib_1.__rest(_a, ["isValid", "children"]);
     const { content, isDisabled, isCurrent } = props;
-    return (react_1.default.createElement(react_core_1.WizardNavItem, Object.assign({}, props, { content: getNavItemContent(content, isValid, isDisabled, isCurrent) }), children));
+    return (react_1.default.createElement(deprecated_1.WizardNavItem, Object.assign({}, props, { content: getNavItemContent(content, isValid, isDisabled, isCurrent) }), children));
 };
 exports.default = NavItem;
 //# sourceMappingURL=WizardNavItem.js.map

package/build/cjs/common/components/ui/WizardNavItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/WizardNavItem.tsx"],"names":[],"mappings":";;;AAAA,0DAA4D;AAC5D,~~uDAA2E~~;~~AAC3E~~,2GAAsG;AACtG,~~sGAAkH~~;~~AAElH~~,MAAM,iBAAiB,GAAG,CACxB,OAAkB,EAClB,OAAsB,EACtB,UAAoB,EACpB,SAAmB,EACR,EAAE;IACb,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,EAAE;QAC3C,OAAO,CACL;YACG,OAAO;YACR,8BAAC~~,+CAAqB~~,~~IACpB~~,SAAS,EAAC,8BAA8B,EACxC,~~KAAK~~,EAAE,~~iDAAW~~,~~CAAC~~,~~KAAK~~,~~EACxB,IAAI,EAAC,IAAI,GACT,~~CACD,CACJ,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAGF,MAAM,OAAO,GAAG,CAAC,EAA0D,EAAE,EAAE;QAA9D,EAAE,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,OAA0B,EAArB,KAAK,sBAA1C,uBAA4C,CAAF;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,8BAAC,0BAAa,oBAAK,KAAK,IAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,KAC1F,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"WizardNavItem.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/WizardNavItem.tsx"],"names":[],"mappings":";;;AAAA,0DAA4D;AAC5D,kEAAsF;AACtF,2GAAsG;AACtG,8DAA8B;AAE9B,MAAM,iBAAiB,GAAG,CACxB,OAAkB,EAClB,OAAsB,EACtB,UAAoB,EACpB,SAAmB,EACR,EAAE;IACb,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,EAAE,EAAE;QAC3C,OAAO,CACL;YACG,OAAO;YACR,8BAAC,gBAAM,IACL,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAE,8BAAC,+CAAqB,OAAG,GAC/B,CACD,CACJ,CAAC;KACH;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAGF,MAAM,OAAO,GAAG,CAAC,EAA0D,EAAE,EAAE;QAA9D,EAAE,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,OAA0B,EAArB,KAAK,sBAA1C,uBAA4C,CAAF;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEjD,OAAO,CACL,8BAAC,0BAAa,oBAAK,KAAK,IAAE,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,KAC1F,QAAQ,CACK,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/build/cjs/common/components/ui/eventsModal.js CHANGED Viewed

@@ -31,7 +31,7 @@ const EventsModal = (_a) => {
     return (react_1.default.createElement(react_core_1.Modal, { header: react_1.default.createElement(react_core_1.Title, { headingLevel: 'h1' },
             title,
             " ",
-            isLoading && react_1.default.createElement(react_core_1.Spinner, { isSVG: true, size: "lg" })), isOpen: isOpen, "aria-label": t('ai:Displays events'), hasNoBodyWrapper: true, actions: [
+            isLoading && react_1.default.createElement(react_core_1.Spinner, { size: "lg" })), isOpen: isOpen, "aria-label": t('ai:Displays events'), hasNoBodyWrapper: true, actions: [
             react_1.default.createElement(react_core_1.Button, { key: "close", variant: react_core_1.ButtonVariant.primary, onClick: onClose }, t('ai:Close')),
         ], onClose: onClose, variant: react_core_1.ModalVariant.large, className: "events-modal", id: 'events-modal' },
         react_1.default.createElement(react_core_1.ModalBoxBody, { className: "events-modal__body" }, fallbackEventsURL ? (react_1.default.createElement(ErrorState_1.default, { title: t('ai:Could not load events'), content: react_1.default.createElement(react_1.default.Fragment, null,

package/build/cjs/common/components/ui/eventsModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eventsModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/eventsModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAQgC;AAChC,+GAA0G;AAC1G,wGAA8H;AAC9H,uCAA0C;AAG1C,+DAA4D;AAC5D,0EAA0C;AAC1C,8EAA8C;AAE9C,6BAA2B;AAC3B,iFAAqE;AACrE,iDAAsC;AACtC,uCAA6C;AAStC,MAAM,iBAAiB,GAAG,CAAC,EAYT,EAAE,EAAE;QAZK,EAChC,eAAe,GAAG,uBAAa,EAC/B,aAAa,EACb,OAAO,EACP,MAAM,EACN,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,iBAAiB,OAEM,EADpB,KAAK,sBAXwB,iJAYjC,CADS;IAER,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,OAAO,CACL;QACE,8BAAC,eAAe,oBAAK,KAAK,IAAE,OAAO,EAAE,WAAW,KAC7C,QAAQ,IAAI,KAAK,CACF;QAClB,8BAAC,mBAAW,IACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,UAAU,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,GACpC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,iBAAiB,qBAkC5B;AAcK,MAAM,WAAW,GAAG,CAAC,EAMT,EAAE,EAAE;QANK,EAC1B,OAAO,EACP,MAAM,EACN,KAAK,EACL,iBAAiB,OAEA,EADd,IAAI,sBALmB,mDAM3B,CADQ;IAEP,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,IAAA,sBAAc,EAAC,IAAI,CAAC,CAAC;IAErD,OAAO,CACL,8BAAC,kBAAK,IACJ,MAAM,EACJ,8BAAC,kBAAK,IAAC,YAAY,EAAE,IAAI;YACtB,KAAK;;YAAG,SAAS,IAAI,8BAAC,oBAAO,IAAC,~~KAAK,QAAC,~~IAAI,EAAC,IAAI,GAAG,~~CAC3C~~,EAEV,MAAM,EAAE,MAAM,gBACF,CAAC,CAAC,oBAAoB,CAAC,EACnC,gBAAgB,QAChB,OAAO,EAAE;YACP,8BAAC,mBAAM,IAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAE,0BAAa,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,IACjE,CAAC,CAAC,UAAU,CAAC,CACP;SACV,EACD,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,yBAAY,CAAC,KAAK,EAC3B,SAAS,EAAC,cAAc,EACxB,EAAE,EAAE,cAAc;QAElB,8BAAC,yBAAY,IAAC,SAAS,EAAC,oBAAoB,IACzC,iBAAiB,CAAC,CAAC,CAAC,CACnB,8BAAC,oBAAU,IACT,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,OAAO,EACL;gBACE,8BAAC,qBAAK,IAAC,CAAC,EAAE,CAAC;;oBAEL,8BAAC,sBAAY,IAAC,IAAI,EAAE,iBAAiB,iBAA2B;wBAC9D,CACP,EAEL,IAAI,EAAE,mDAAuB,EAC7B,SAAS,EAAE,mDAAqB,CAAC,KAAK,GACtC,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,+BAAc,kBAAC,SAAS,EAAC,0BAA0B,EAAC,UAAU,EAAE,UAAU,IAAM,IAAI,EAAI,CAC1F,CACY,CACT,CACT,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,WAAW,eAmDtB"}
1	+ {"version":3,"file":"eventsModal.js","sourceRoot":"","sources":["../../../../../lib/common/components/ui/eventsModal.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/CertificatesUploadField.js CHANGED Viewed

@@ -4,14 +4,18 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
 const formik_1 = require("formik");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const CertificatesUploadField = ({ label, labelIcon, helperText, isRequired, children, idPostfix, isDisabled, name, }) => {
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
     const maxFileSize = 100000; //100 kb
     const maxFileSizeKb = 100;
-    const acceptedFiles = '.pem,.crt,.ca,.cert,application/x-pem-file,application/x-x509-ca-cert,text/plain';
+    const acceptedFiles = {
+        'application/x-pem-file': ['.pem', '.crt', '.ca', '.cert'],
+        'application/x-x509-ca-cert': ['.pem', '.crt', '.ca', '.cert'],
+        'text/plain': ['.pem', '.crt', '.ca', '.cert'],
+    };
     const fieldId = (0, utils_1.getFieldId)(name, 'input', idPostfix);
     const [field, , { setValue }] = (0, formik_1.useField)(name);
     const [filename, setFilename] = React.useState('');
@@ -41,7 +45,7 @@ const CertificatesUploadField = ({ label, labelIcon, helperText, isRequired, chi
         setErrorMessage('');
     };
     const handleFileRejected = (_rejectedFiles) => {
-        if (_rejectedFiles[0].size > maxFileSize) {
+        if (_rejectedFiles[0].file.size > maxFileSize) {
             setIsRejected(true);
             setErrorMessage(t('ai:File size is too big. Upload a new {{maxFileSizeKb}} Kb or less.', { maxFileSizeKb }));
         }
@@ -56,13 +60,16 @@ const CertificatesUploadField = ({ label, labelIcon, helperText, isRequired, chi
     const handleFileReadFinished = () => {
         setIsLoading(false);
     };
-    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: typeof helperText === 'string' ? (helperText) : (React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText)), helperTextInvalid: typeof errorMessage === 'string' ? (errorMessage) : (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)), validated: isRejected ? 'error' : 'default', isRequired: isRequired, labelIcon: labelIcon },
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
         children,
-        React.createElement(react_core_1.FileUpload, { filenamePlaceholder: t('ai:Drag a file here or browse to upload'), browseButtonText: t('ai:Browse...'), clearButtonText: t('ai:Clear'), id: field.name, style: { resize: 'vertical' }, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, type: "text", value: field.value, filename: filename, onFileInputChange: handleFileInputChange, onDataChange: handleTextOrDataChange, onTextChange: handleTextOrDataChange, onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear, isLoading: isLoading, dropzoneProps: {
+        React.createElement(react_core_1.FileUpload, { filenamePlaceholder: t('ai:Drag a file here or browse to upload'), browseButtonText: t('ai:Browse...'), clearButtonText: t('ai:Clear'), id: field.name, style: { resize: 'vertical' }, isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, type: "text", value: field.value, filename: filename, onFileInputChange: handleFileInputChange, onDataChange: (_event, value) => handleTextOrDataChange(value), onTextChange: (_event, value) => handleTextOrDataChange(value), onReadStarted: handleFileReadStarted, onReadFinished: handleFileReadFinished, onClearClick: handleClear, isLoading: isLoading, dropzoneProps: {
                 accept: acceptedFiles,
                 maxSize: maxFileSize,
                 onDropRejected: handleFileRejected,
-            }, validated: isRejected ? 'error' : 'default', disabled: isDisabled, allowEditingUploadedText: true })));
+            }, validated: isRejected ? 'error' : 'default', disabled: isDisabled, allowEditingUploadedText: true }),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 };
 exports.default = CertificatesUploadField;
 //# sourceMappingURL=CertificatesUploadField.js.map

package/build/cjs/common/components/ui/formik/CertificatesUploadField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CertificatesUploadField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CertificatesUploadField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,~~uDAA+D~~;~~AAE/D~~,mCAAqC;AACrC,~~sEAAsC;AACtC,~~oFAAwE;AACxE,mCAAkC;~~AAElC~~,MAAM,uBAAuB,GAA+B,CAAC,EAC3D,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,UAAU,EACV,IAAI,GACL,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,QAAQ;IACpC,MAAM,aAAa,GAAG,GAAG,CAAC;IAC1B,MAAM,aAAa,~~GACjB~~,~~kFAAkF~~,CAAC;~~IAErF~~,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3D,MAAM,qBAAqB,GAAG,~~CAC5B~~,~~MAA0E~~,~~EAC1E~~,IAAU,~~EACV~~,EAAE;~~QACF~~,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/C,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE,CAAC,CAAC;QAC5E,IAAI,WAAW,CAAC,IAAI,GAAG,WAAW,EAAE;YAClC,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,eAAe,CACb,CAAC,CAAC,qEAAqE,EAAE,EAAE,aAAa,EAAE,CAAC,CAC5F,CAAC;YACF,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;aAAM;YACL,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,eAAe,CAAC,EAAE,CAAC,CAAC;YACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,eAAe,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,~~cAAsB~~,EAAE,EAAE;~~QACpD~~,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,WAAW,EAAE;~~YACxC~~,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,eAAe,CACb,CAAC,CAAC,qEAAqE,EAAE,EAAE,aAAa,EAAE,CAAC,CAC5F,CAAC;SACH;aAAM;YACL,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,eAAe,CACb,CAAC,CAAC,qEAAqE,EAAE,EAAE,aAAa,EAAE,CAAC,CAC5F,CAAC;SACH;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAS,~~IACR~~,OAAO,EAAE,OAAO,~~EAChB~~,KAAK,EAAE,KAAK,~~EACZ,UAAU,EACR,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/B,UAAU,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAU,IAAC,OAAO,~~EAAE,~~OAAO,IAAG,~~UAAU,~~CAAc,CACxD,EAEH,iBAAiB,EACf,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,YAAY,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAU,IAAC,OAAO,~~EAAE,~~OAAO,EAAE,OAAO,UAClC,YAAY,CACF,CACd,EAEH,SAAS,EAAE,~~UAAU,~~CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,UAAU,~~EAAE,~~UAAU,EACtB,~~SAAS,EAAE,SAAS;~~QAEnB~~,QAAQ;QACT,oBAAC,uBAAU,IACT,mBAAmB,EAAE,CAAC,CAAC,yCAAyC,CAAC,EACjE,gBAAgB,EAAE,CAAC,CAAC,cAAc,CAAC,EACnC,eAAe,EAAE,CAAC,CAAC,UAAU,CAAC,EAC9B,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EAC7B,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,qBAAqB,EACxC,YAAY,EAAE,sBAAsB,~~EACpC~~,YAAY,EAAE,sBAAsB,~~EACpC~~,aAAa,EAAE,qBAAqB,EACpC,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,WAAW,EACzB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE;gBACb,MAAM,EAAE,aAAa;gBACrB,OAAO,EAAE,WAAW;gBACpB,cAAc,EAAE,kBAAkB;aACnC,EACD,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,UAAU,EACpB,wBAAwB,EAAE,IAAI,GAC9B,~~CACQ~~,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,uBAAuB,CAAC"}
1	+ {"version":3,"file":"CertificatesUploadField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CertificatesUploadField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/CheckboxField.js CHANGED Viewed

@@ -5,22 +5,22 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const CheckboxField = (_a) => {
     var { label, helperText, onChange, validate, idPostfix } = _a, props = tslib_1.__rest(_a, ["label", "helperText", "onChange", "validate", "idPostfix"]);
     const [field, { touched, error }] = (0, formik_1.useField)({ name: props.name, validate });
     const fieldId = (0, utils_1.getFieldId)(props.name, 'checkbox', idPostfix);
     const isValid = !(touched && error);
     const errorMessage = !isValid ? error : '';
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error' },
-                React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: label, "aria-describedby": `${fieldId}-helper`, description: fieldHelperText, isValid: isValid, isChecked: field.value, onChange: (value, event) => {
-                        field.onChange(event);
-                        onChange && onChange(value, event);
-                    } })))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    const fieldHelperText = React.createElement(react_core_1.HelperText, null, helperText);
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, id: `form-control__${fieldId}` },
+        React.createElement(react_core_1.Checkbox, Object.assign({}, field, props, { id: fieldId, label: label, "aria-describedby": `${fieldId}-helper`, description: fieldHelperText, isValid: isValid, isChecked: field.value, onChange: (event, value) => {
+                field.onChange(event);
+                onChange && onChange(value, event);
+            } })),
+        errorMessage && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: React.createElement(exclamation_circle_icon_1.default, null), variant: "error", id: `${fieldId}-helper-error` }, errorMessage))))));
 };
 exports.default = CheckboxField;
 //# sourceMappingURL=CheckboxField.js.map

package/build/cjs/common/components/ui/formik/CheckboxField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,~~uDAA+E~~;~~AAE/E~~,mCAAqC;AACrC,~~sEAAsC~~;~~AAEtC~~,MAAM,aAAa,GAAiC,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACnD,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAN2C,4DAOpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,oBAAC,~~oBAAU~~,~~IAAC~~,~~OAAO,EAAE,OAAO,IAAG,~~UAAU,CAAc,CAAC;~~IAEhF~~,OAAO,CACL,oBAAC,~~kBAAK~~,IAAC,~~EAAE~~,EAAE,~~iBAAiB,~~OAAO,EAAE~~;QACnC~~,~~oBAAC~~,~~sBAAS;YACR,oBAAC,sBAAS,IACR,OAAO,~~EAAE,~~OAAO,EAChB,~~iBAAiB,~~EAAE~~,~~eAAe,EAClC,SAAS,~~EAAE~~,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO~~;~~gBAExC~~,oBAAC,qBAAQ,oBACH,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,sBACM,GAAG,OAAO,SAAS,EACrC,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,KAAgB,EACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;~~wBACzB~~,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;~~wBACtB~~,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;~~oBACrC~~,CAAC,IACD,~~CACQ~~,~~CACF~~;~~QACZ~~,oBAAC,~~sBAAS~~,~~QACP~~,~~YAAY~~,IAAI,~~CACf~~,oBAAC,~~oBAAU~~,~~IAAC~~,OAAO,~~EAAE~~,OAAO,EAAE,OAAO,~~UAClC~~,YAAY,~~CACF~~,~~CACd~~,CACS,~~CACN~~,~~CACT,~~CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
1	+ {"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CheckboxField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAMgC;AAEhC,mCAAqC;AACrC,oIAAkG;AAElG,MAAM,aAAa,GAAiC,CAAC,EAOpD,EAAE,EAAE;QAPgD,EACnD,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAN2C,4DAOpD,CADS;IAER,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,oBAAC,uBAAU,QAAE,UAAU,CAAc,CAAC;IAE9D,OAAO,CACL,oBAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,iBAAiB,OAAO,EAAE;QACzD,oBAAC,qBAAQ,oBACH,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,sBACM,GAAG,OAAO,SAAS,EACrC,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,KAAgB,EACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBACzB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBACtB,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACrC,CAAC,IACD;QACD,YAAY,IAAI,CACf,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,oBAAC,iCAAqB,OAAG,EAC/B,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,GAAG,OAAO,eAAe,IAE5B,YAAY,CACE,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/build/cjs/common/components/ui/formik/CodeField.js CHANGED Viewed

@@ -5,25 +5,54 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const react_code_editor_1 = require("@patternfly/react-code-editor");
 const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
-const CodeField = ({ label, labelIcon, helperText, isRequired, validate, idPostfix, language, name, description, isDisabled, downloadFileName, dataTestid, isReadOnly, }) => {
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
+const paste_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/paste-icon"));
+const CodeField = ({ label, labelIcon, helperText, isRequired, validate, idPostfix, language, name, description, isDisabled, downloadFileName, dataTestid, isReadOnly, showCustomControls = false, }) => {
     const [field, , { setValue, setTouched }] = (0, formik_1.useField)({ name, validate });
     const fieldId = (0, utils_1.getFieldId)(name, 'input', idPostfix);
     const errorMessage = (0, useFieldErrorMsg_1.default)({ name, validate });
     const isValid = !errorMessage;
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon, "data-testid": dataTestid ? dataTestid : `${fieldId}-testid` },
-                description && (React.createElement(HelperText_1.default, { fieldId: fieldId },
-                    React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
-                React.createElement(react_code_editor_1.CodeEditor, { code: field.value, isUploadEnabled: !isDisabled, isDownloadEnabled: isValid, isCopyEnabled: true, isLanguageLabelVisible: true, height: "400px", language: language, downloadFileName: downloadFileName, onCodeChange: (value) => {
-                        setTouched(true);
-                        setValue(value, true);
-                    }, isReadOnly: isReadOnly }))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    const pasteFromClipboardFirefox = () => {
+        return new Promise((resolve) => {
+            const handlePaste = (e) => {
+                var _a;
+                const text = (_a = e === null || e === void 0 ? void 0 : e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text/plain');
+                document.removeEventListener('paste', handlePaste);
+                resolve(text);
+            };
+            document.addEventListener('paste', handlePaste);
+            alert('Use Ctrl+V to paste the content in this browser');
+        });
+    };
+    const pasteFromClipboard = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (navigator.clipboard && navigator.clipboard.readText) {
+            try {
+                return yield navigator.clipboard.readText();
+            }
+            catch (err) {
+                return '';
+            }
+        }
+        else {
+            const text = yield pasteFromClipboardFirefox();
+            return text;
+        }
+    });
+    const customControl = (React.createElement(react_code_editor_1.CodeEditorControl, { icon: React.createElement(paste_icon_1.default, null), "aria-label": "Paste content", tooltipProps: { content: 'Paste content' }, onClick: () => {
+            void pasteFromClipboard().then((text) => setValue(text, true));
+        }, isVisible: true }));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon, "data-testid": dataTestid ? dataTestid : `${fieldId}-testid` },
+        description && (React.createElement(react_core_1.HelperText, null,
+            React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
+        React.createElement(react_code_editor_1.CodeEditor, { code: field.value, isUploadEnabled: !isDisabled, isDownloadEnabled: isValid, isCopyEnabled: true, isLanguageLabelVisible: true, height: "400px", language: language, downloadFileName: downloadFileName, onCodeChange: (value) => {
+                setTouched(true);
+                setValue(value, true);
+            }, isReadOnly: isReadOnly, customControls: showCustomControls ? customControl : undefined }),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 };
 exports.default = CodeField;
 //# sourceMappingURL=CodeField.js.map

package/build/cjs/common/components/ui/formik/CodeField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CodeField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,~~uDAAqF~~;~~AAErF~~,mCAAqC;AACrC,~~sEAAsC~~;~~AACtC,qEAA2D;AAC3D~~,+FAA+D;~~AAE~~/D,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,~~GACK~~,EAAE,EAAE;IACnB,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;~~IAC9B~~,MAAM,~~eAAe~~,GAAG,~~oBAAC~~,~~oBAAU~~,~~IAAC~~,OAAO,EAAE,OAAO,~~IAAG~~,~~UAAU~~,~~CAAc~~,CAAC;~~IAEhF~~,OAAO,~~CACL~~,~~oBAAC~~,~~kBAAK~~;~~QACJ~~,~~oBAAC~~,~~sBAAS~~;~~YACR~~,~~oBAAC~~,~~sBAAS~~,~~IACR~~,OAAO,EAAE,~~OAAO~~,~~EAChB~~,KAAK,EAAE,~~KAAK~~,~~EACZ~~,~~UAAU~~,EAAE,~~eAAe~~,~~EAC3B~~,~~iBAAiB~~,EAAE,eAAe,~~EAClC~~,~~SAAS~~,EAAE,OAAO,CAAC,CAAC,CAAC,~~SAAS~~,CAAC,CAAC,CAAC,OAAO,~~EACxC~~,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,iBACP,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS;~~gBAEzD~~,WAAW,IAAI,CACd,oBAAC,~~oBAAU,IAAC,OAAO,EAAE,OAAO~~;~~oBAC1B~~,oBAAC,2BAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;~~gBACD~~,oBAAC,8BAAU,IACT,IAAI,EAAE,KAAK,CAAC,KAAe,EAC3B,eAAe,EAAE,CAAC,UAAU,EAC5B,iBAAiB,EAAE,OAAO,EAC1B,aAAa,QACb,sBAAsB,QACtB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;~~wBACtB~~,UAAU,CAAC,IAAI,CAAC,CAAC;~~wBACjB~~,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;~~oBACxB~~,CAAC,EACD,UAAU,EAAE,UAAU,~~GACtB~~,~~CACQ~~,~~CACF~~;~~QACZ~~,oBAAC,~~sBAAS~~,~~QACP~~,YAAY,IAAI,~~CACf,~~oBAAC,~~oBAAU~~,~~IAAC~~,OAAO,EAAE,OAAO,EAAE,OAAO,~~UAClC~~,YAAY,~~CACF~~,~~CACd~~,~~CACS~~,CACN,~~CACT~~,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"CodeField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/CodeField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/InputField.js CHANGED Viewed

@@ -5,8 +5,8 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const useFieldErrorMsg_1 = tslib_1.__importDefault(require("../../../hooks/useFieldErrorMsg"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const InputField = React.forwardRef((_a, ref) => {
     var { label, labelIcon, helperText, isRequired, onChange, validate, idPostfix, children, noDefaultOnChange, description, labelInfo, showErrorMessage = true } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "onChange", "validate", "idPostfix", "children", "noDefaultOnChange", "description", "labelInfo", "showErrorMessage"]);
     const [field, { error, touched }] = (0, formik_1.useField)({
@@ -15,23 +15,22 @@ const InputField = React.forwardRef((_a, ref) => {
     });
     const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
     const errorMessage = (0, useFieldErrorMsg_1.default)({ name: props.name, inputError: error, validate });
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
     const isValid = !(touched && error);
-    return (React.createElement(react_core_1.Stack, { id: `form-control__${fieldId}` },
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon, labelInfo: labelInfo },
-                description && (React.createElement(HelperText_1.default, { fieldId: fieldId },
-                    React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
-                React.createElement(react_core_1.Split, null,
-                    React.createElement(react_core_1.SplitItem, { isFilled: true },
-                        React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (value, event) => {
-                                if (!props.isDisabled) {
-                                    !noDefaultOnChange && field.onChange(event);
-                                    onChange && onChange(event);
-                                }
-                            } }))),
-                    React.createElement(react_core_1.SplitItem, null, children)))),
-        React.createElement(react_core_1.StackItem, null, showErrorMessage && !isValid && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon, labelInfo: labelInfo },
+        description && (React.createElement(react_core_1.HelperText, null,
+            React.createElement(react_core_1.HelperTextItem, { variant: "indeterminate" }, description))),
+        React.createElement(react_core_1.Split, null,
+            React.createElement(react_core_1.SplitItem, { isFilled: true },
+                React.createElement(react_core_1.TextInput, Object.assign({}, field, props, { ref: ref, id: fieldId, validated: isValid ? 'default' : 'error', isRequired: isRequired, "aria-describedby": `${fieldId}-helper`, onChange: (event) => {
+                        if (!props.isDisabled) {
+                            !noDefaultOnChange && field.onChange(event);
+                            onChange && onChange(event);
+                        }
+                    } }))),
+            React.createElement(react_core_1.SplitItem, null, children)),
+        ((showErrorMessage && !isValid) || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: showErrorMessage ? 'error' : 'default', id: showErrorMessage && !isValid ? `${fieldId}-helper-error` : `${fieldId}-helper` }, showErrorMessage ? errorMessage : helperText))))));
 });
 exports.default = InputField;
 //# sourceMappingURL=InputField.js.map

package/build/cjs/common/components/ui/formik/InputField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/InputField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAQgC;AAEhC,mCAAqC;AACrC~~,sEAAsC;AACtC~~,+FAA+D;~~AAE~~/D,MAAM,UAAU,GAGZ,KAAK,CAAC,UAAU,CAClB,CACE,EAcC,EACD,GAAgC,EAChC,EAAE;QAhBF,EACE,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GAAG,IAAI,OAExB,EADI,KAAK,sBAbV,wKAcC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QAC3C,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzF,MAAM,~~eAAe,GAAG,oBAAC,oBAAU,IAAC,~~OAAO,~~EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAChF,MAAM,OAAO,~~GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,~~kBAAK~~,~~IAAC~~,EAAE,EAAE,iBAAiB,OAAO,EAAE~~;QACnC~~,~~oBAAC~~,~~sBAAS;YACR,oBAAC,sBAAS,IACR,~~OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,~~eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,~~UAAU,~~EAAE,UAAU,~~EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS;~~gBAEnB~~,WAAW,IAAI,CACd,oBAAC,~~oBAAU,IAAC,OAAO,EAAE,OAAO~~;~~oBAC1B~~,oBAAC,2BAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;~~gBACD~~,oBAAC,kBAAK;~~oBACJ~~,oBAAC,sBAAS,IAAC,QAAQ;~~wBACjB~~,oBAAC,sBAAS,oBACJ,KAAK,EACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,~~KAAK,~~EAAE~~,EAAE~~;~~gCACzB~~,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;~~oCACrB~~,CAAC,iBAAiB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;~~oCAC5C~~,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;~~iCAC7B~~;~~4BACH~~,CAAC,IACD,CACQ;~~oBACZ~~,oBAAC,sBAAS,QAAE,QAAQ,CAAa,CAC3B~~,CACE,CACF~~;~~QACZ~~,~~oBAAC~~,~~sBAAS~~,~~QACP,~~gBAAgB,IAAI,CAAC,OAAO,IAAI,~~CAC/B~~,oBAAC,~~oBAAU~~,~~IAAC~~,OAAO,EAAE,OAAO,EAAE,OAAO,~~UAClC~~,YAAY,~~CACF~~,~~CACd~~,~~CACS~~,CACN,~~CACT~~,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
1	+ {"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/InputField.tsx"],"names":[],"mappings":";;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,uDAQgC;AAEhC,mCAAqC;AACrC,+FAA+D;AAC/D,oIAAkG;AAElG,MAAM,UAAU,GAGZ,KAAK,CAAC,UAAU,CAClB,CACE,EAcC,EACD,GAAgC,EAChC,EAAE;QAhBF,EACE,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,gBAAgB,GAAG,IAAI,OAExB,EADI,KAAK,sBAbV,wKAcC,CADS;IAIV,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QAC3C,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACzF,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS;QAEnB,WAAW,IAAI,CACd,oBAAC,uBAAU;YACT,oBAAC,2BAAc,IAAC,OAAO,EAAC,eAAe,IAAE,WAAW,CAAkB,CAC3D,CACd;QACD,oBAAC,kBAAK;YACJ,oBAAC,sBAAS,IAAC,QAAQ;gBACjB,oBAAC,sBAAS,oBACJ,KAAK,EACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,UAAU,EAAE,UAAU,sBACJ,GAAG,OAAO,SAAS,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;4BACrB,CAAC,iBAAiB,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;4BAC5C,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;yBAC7B;oBACH,CAAC,IACD,CACQ;YACZ,oBAAC,sBAAS,QAAE,QAAQ,CAAa,CAC3B;QACP,CAAC,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CACjD,oBAAC,2BAAc;YACb,oBAAC,uBAAU;gBACT,oBAAC,2BAAc,IACb,IAAI,EAAE,YAAY,IAAI,oBAAC,iCAAqB,OAAG,EAC/C,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC/C,EAAE,EAAE,gBAAgB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,IAEjF,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAC9B,CACN,CACE,CAClB,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/build/cjs/common/components/ui/formik/LabelField.css CHANGED Viewed

@@ -1,5 +1,5 @@
 .label-field__value {
-  margin: 0 var(--pf-global--spacer--sm) 0 0;
+  margin: 0 var(--pf-v5-global--spacer--sm) 0 0;
 }
 .label-field__input {
@@ -10,13 +10,13 @@
 }
 .label-field__input::placeholder {
-  color: var(--pf-c-form-control--placeholder--Color);
+  color: var(--pf-v5-c-form-control--m-placeholder--Color);
 }
 .label-field .react-autosuggest__suggestions-list {
-  margin-left: var(--pf-global--spacer-xs);
-  margin-right: var(--pf-global--spacer-xs);
-  box-shadow: var(--pf-global--BoxShadow--lg);
+  margin-left: var(--pf-v5-global--spacer-xs);
+  margin-right: var(--pf-v5-global--spacer-xs);
+  box-shadow: var(--pf-v5-global--BoxShadow--lg);
   max-height: 10rem;
   overflow: auto;
@@ -29,13 +29,13 @@
 .label-field .react-autosuggest__suggestion--highlighted {
   /* TODO(mlibra): maybe a lighter color would be better */
-  background-color: var(--pf-global--primary-color--light-100);
+  background-color: var(--pf-v5-global--primary-color--light-100);
 }
 .label-field .react-autosuggest__section-title {
   padding: 10px 0 0 10px;
-  font-size: var(--pf-global--FontSize--sm);
-  color: var(--pf-global--Color--200);
+  font-size: var(--pf-v5-global--FontSize--sm);
+  color: var(--pf-v5-global--Color--200);
 }
 .label-field .react-tagsinput {

package/build/cjs/common/components/ui/formik/LabelField.js CHANGED Viewed

@@ -7,9 +7,9 @@ const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const react_tagsinput_1 = tslib_1.__importDefault(require("react-tagsinput"));
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 require("./LabelField.css");
 const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 const LabelValue = ({ value, onClose }) => (React.createElement(react_core_1.Label, { className: "label-field__value", variant: "outline", onClose: onClose }, value));
 exports.LabelValue = LabelValue;
 const LabelField = (_a) => {
@@ -24,30 +24,29 @@ const LabelField = (_a) => {
     const fieldId = (0, utils_1.getFieldId)(props.name, 'input', idPostfix);
     const isValid = !(touched && error);
     const errorMessage = !isValid ? error : '';
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                t("ai:Enter key=value and then press 'enter' or 'space' or use a ',' to input the label."),
-                React.createElement("div", { className: "co-search-input pf-c-form-control" },
-                    React.createElement(react_tagsinput_1.default, Object.assign({}, field, { onChange: (tags) => {
-                            setValue(tags);
-                            setInput('');
-                            onChange && onChange(tags);
-                            !touched && setTouched(true);
-                        }, addKeys: [13, 32, 188], renderTag: ({ tag, key, onRemove, getTagDisplayValue }) => (React.createElement(exports.LabelValue, { key: key, onClose: () => onRemove(key), value: getTagDisplayValue(tag) })), addOnBlur: true, inputProps: {
-                            autoFocus: false,
-                            className: 'label-field__input',
-                            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-                            placeholder: ((_b = field.value) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'app=frontend',
-                            spellCheck: 'false',
-                            id: 'tags-input',
-                            value: input,
-                            // eslint-disable-next-line
-                            onChange: (e) => setInput(e.target.value),
-                            ['data-test']: 'tags-input',
-                        } }))))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
+        t("ai:Enter key=value and then press 'enter' or 'space' or use a ',' to input the label."),
+        React.createElement("div", { className: "co-search-input pf-v5-c-form-control" },
+            React.createElement(react_tagsinput_1.default, Object.assign({}, field, { onChange: (tags) => {
+                    setValue(tags);
+                    setInput('');
+                    onChange && onChange(tags);
+                    !touched && setTouched(true);
+                }, addKeys: [13, 32, 188], renderTag: ({ tag, key, onRemove, getTagDisplayValue }) => (React.createElement(exports.LabelValue, { key: key, onClose: () => onRemove(key), value: getTagDisplayValue(tag) })), addOnBlur: true, inputProps: {
+                    autoFocus: false,
+                    className: 'label-field__input',
+                    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+                    placeholder: ((_b = field.value) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'app=frontend',
+                    spellCheck: 'false',
+                    id: 'tags-input',
+                    value: input,
+                    // eslint-disable-next-line
+                    onChange: (e) => setInput(e.target.value),
+                    ['data-test']: 'tags-input',
+                } }))),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 };
 exports.LabelField = LabelField;
 //# sourceMappingURL=LabelField.js.map

package/build/cjs/common/components/ui/formik/LabelField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/LabelField.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,mCAAkC;AAClC,~~uDAA4E~~;~~AAC5E~~,8EAAwC;AAExC,mCAAqC;~~AACrC~~,~~sEAAsC;AAEtC,~~4BAA0B;AAC1B,oFAAwE;~~AAOjE~~,MAAM,UAAU,GAA8B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC3E,oBAAC,kBAAK,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,IACrE,KAAK,CACA,CACT,CAAC;AAJW,QAAA,UAAU,cAIrB;AAOK,MAAM,UAAU,GAA8B,CAAC,EASrD,EAAE,EAAE;;QATiD,EACpD,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,OAEV,EADI,KAAK,sBAR4C,uFASrD,CADS;IAER,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACrE,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;IACpC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;~~IAC3C~~,~~MAAM,eAAe,GAAG,oBAAC,oBAAU,IAAC,~~OAAO,~~EAAE,OAAO,IAAG,UAAU,CAAc,CAAC;IAEhF,OAAO,~~CACL,oBAAC,~~kBAAK;QACJ,oBAAC,~~sBAAS~~;YACR~~,~~oBAAC~~,~~sBAAS,IACR,~~OAAO,EAAE,OAAO,~~EAChB~~,KAAK,EAAE,KAAK,~~EACZ~~,UAAU,EAAE,~~eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,~~UAAU,EAAE,~~UAAU,EACtB,~~SAAS,EAAE,SAAS;~~gBAEnB~~,CAAC,~~CACA~~,uFAAuF,~~CACxF~~;~~gBACD~~,6BAAK,SAAS,EAAC,~~mCAAmC~~;~~oBAChD~~,oBAAC,yBAAS,oBACJ,KAAK,IACT,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;~~4BACjB~~,QAAQ,CAAC,IAAI,CAAC,CAAC;~~4BACf~~,QAAQ,CAAC,EAAE,CAAC,CAAC;~~4BACb~~,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;~~4BAC3B~~,CAAC,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;~~wBAC~~/B,CAAC,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,EACtB,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE,CAAC,CACzD,oBAAC,kBAAU,~~IACT~~,GAAG,EAAE,~~GAAa~~,~~EAClB~~,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,~~GAAa~~,CAAC,~~EACtC~~,KAAK,EAAE,kBAAkB,CAAC,GAAG,CAAC,~~GAC9B~~,~~CACH~~,EACD,SAAS,QACT,UAAU,EAAE;~~4BACV~~,SAAS,EAAE,KAAK;~~4BAChB~~,SAAS,EAAE,oBAAoB;~~4BAC~~/B,sEAAsE;~~4BACtE~~,WAAW,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,MAAM,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;~~4BACtD~~,UAAU,EAAE,OAAO;~~4BACnB~~,EAAE,EAAE,YAAY;~~4BAChB~~,KAAK,EAAE,KAAK;~~4BACZ~~,2BAA2B;~~4BAC3B~~,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;~~4BAC9C~~,CAAC,WAAW,CAAC,EAAE,YAAY;~~yBAC5B~~,IACD,CACE,~~CACI~~,~~CACF~~;~~QACZ~~,oBAAC,~~sBAAS~~,~~QACP~~,YAAY,IAAI,~~CACf,~~oBAAC,~~oBAAU~~,~~IAAC~~,OAAO,EAAE,OAAO,EAAE,OAAO,~~UAClC~~,YAAY,~~CACF~~,~~CACd~~,~~CACS~~,CACN,~~CACT~~,CAAC;AACJ,CAAC,CAAC;~~AA/EW~~,QAAA,UAAU,~~cA+ErB~~"}
1	+ {"version":3,"file":"LabelField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/LabelField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/MultiSelectField.js CHANGED Viewed

@@ -5,9 +5,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const formik_1 = require("formik");
 const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
 const react_core_1 = require("@patternfly/react-core");
+const deprecated_1 = require("@patternfly/react-core/deprecated");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
 const use_translation_wrapper_1 = require("../../../hooks/use-translation-wrapper");
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 // Field value is a string[]
 const MultiSelectField = (_a) => {
     var _b;
@@ -53,24 +54,23 @@ const MultiSelectField = (_a) => {
     });
     const children = options
         .filter((option) => !(field.value || []).includes(option.value.toString()))
-        .map((option) => (react_1.default.createElement(react_core_1.SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
+        .map((option) => (react_1.default.createElement(deprecated_1.SelectOption, { key: option.id, id: option.id, value: option.value }, option.displayName)));
     const fuse = new fuse_js_1.default(options, {
         ignoreLocation: true,
         keys: ['displayName'],
     });
     const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const fieldHelperText = react_1.default.createElement(HelperText_1.default, { fieldId: fieldId }, hText);
-    return (react_1.default.createElement(react_core_1.Stack, null,
-        react_1.default.createElement(react_core_1.StackItem, null,
-            react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                react_1.default.createElement(react_core_1.Select, Object.assign({}, field, props, { id: fieldId, variant: react_core_1.SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('ai:Select a state'), validated: isValid ? 'default' : 'error', "aria-describedby": `${fieldId}-helper`, isCreatable: false, placeholderText: placeholderText, isOpen: isOpen, onToggle: onToggle, onSelect: onSelect, onClear: onClearSelection, selections: selections, onFilter: (e, val) => {
-                        if (!val || val === '') {
-                            return children;
-                        }
-                        const results = fuse.search(val).map((result) => result.item.id);
-                        return react_1.default.Children.toArray(children).filter(({ props }) => results.includes(props.id));
-                    } }), children))),
-        react_1.default.createElement(react_core_1.StackItem, null, errorMessage && (react_1.default.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
+        react_1.default.createElement(deprecated_1.Select, Object.assign({}, field, props, { id: fieldId, variant: deprecated_1.SelectVariant.typeaheadMulti, typeAheadAriaLabel: t('ai:Select a state'), validated: isValid ? 'default' : 'error', "aria-describedby": `${fieldId}-helper`, isCreatable: false, placeholderText: placeholderText, isOpen: isOpen, onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onSelect, onClear: onClearSelection, selections: selections, onFilter: (e, val) => {
+                if (!val || val === '') {
+                    return children;
+                }
+                const results = fuse.search(val).map((result) => result.item.id);
+                return react_1.default.Children.toArray(children).filter(({ props }) => results.includes(props.id));
+            } }), children),
+        (errorMessage || hText) && (react_1.default.createElement(react_core_1.FormHelperText, null,
+            react_1.default.createElement(react_core_1.HelperText, null,
+                react_1.default.createElement(react_core_1.HelperTextItem, { icon: react_1.default.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : hText))))));
 };
 exports.default = MultiSelectField;
 //# sourceMappingURL=MultiSelectField.js.map

package/build/cjs/common/components/ui/formik/MultiSelectField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/MultiSelectField.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,mCAAkC;AAClC,8DAA2B;AAC3B,~~uDAUgC~~;~~AAEhC~~,mCAAqC;AACrC,~~sEAAsC~~;~~AACtC~~,~~oFAAwE~~;~~AAExE~~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~~IAC~~/B,~~MAAM,eAAe,GAAG,8BAAC,oBAAU,IAAC,~~OAAO,~~EAAE,OAAO,IAAG,KAAK,CAAc,CAAC;IAE3E,OAAO,~~CACL,8BAAC,~~kBAAK;QACJ,8BAAC,~~sBAAS~~;YACR~~,~~8BAAC~~,~~sBAAS,IACR,~~OAAO,EAAE,OAAO,~~EAChB~~,KAAK,EAAE,KAAK,~~EACZ~~,UAAU,EAAE,~~eAAe,EAC3B,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACxC,~~UAAU,EAAE,~~UAAU,EACtB,~~SAAS,EAAE,SAAS;~~gBAEpB~~,8BAAC,mBAAM,oBACD,KAAK,EACL,KAAK,IACT,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,0BAAa,CAAC,cAAc,EACrC,kBAAkB,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAC1C,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,sBACtB,GAAG,OAAO,SAAS,EACrC,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,~~EAClB~~,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,EACzB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;~~wBACnB~~,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,EAAE,EAAE;~~4BACtB~~,OAAO,QAAQ,CAAC;~~yBACjB~~;~~wBACD~~,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAoB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;~~wBACpF~~,OACE,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAChC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAY,CAAC,CAAC,CAAC;~~oBAChE~~,CAAC,KAEA,QAAQ,CACF,~~CACC~~,~~CACF~~;~~QACZ~~,8BAAC,~~sBAAS~~,~~QACP~~,~~YAAY~~,IAAI,~~CACf~~,8BAAC,~~oBAAU~~,~~IAAC~~,OAAO,EAAE,OAAO,EAAE,OAAO,~~UAClC~~,YAAY,~~CACF~~,~~CACd~~,~~CACS~~,CACN,~~CACT~~,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"MultiSelectField.js","sourceRoot":"","sources":["../../../../../../lib/common/components/ui/formik/MultiSelectField.tsx"],"names":[],"mappings":"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"}

package/build/cjs/common/components/ui/formik/NumberInputField.js CHANGED Viewed

@@ -5,7 +5,7 @@ const React = tslib_1.__importStar(require("react"));
 const formik_1 = require("formik");
 const react_core_1 = require("@patternfly/react-core");
 const utils_1 = require("./utils");
-const HelperText_1 = tslib_1.__importDefault(require("./HelperText"));
+const exclamation_circle_icon_1 = tslib_1.__importDefault(require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon"));
 // eslint-disable-next-line react/display-name
 const NumberInputField = React.forwardRef((_a, ref) => {
     var { label, labelIcon, helperText, isRequired, validate, idPostfix, minValue = 0, maxValue, children, formatValue, onChange } = _a, props = tslib_1.__rest(_a, ["label", "labelIcon", "helperText", "isRequired", "validate", "idPostfix", "minValue", "maxValue", "children", "formatValue", "onChange"]);
@@ -33,15 +33,14 @@ const NumberInputField = React.forwardRef((_a, ref) => {
         const targetValue = event.target.value;
         doChange(isNaN(targetValue) ? 0 : Number(targetValue));
     };
-    const fieldHelperText = React.createElement(HelperText_1.default, { fieldId: fieldId }, helperText);
-    return (React.createElement(react_core_1.Stack, null,
-        React.createElement(react_core_1.StackItem, null,
-            React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, helperText: fieldHelperText, helperTextInvalid: fieldHelperText, validated: isValid ? 'default' : 'error', isRequired: isRequired, labelIcon: labelIcon },
-                React.createElement(react_core_1.Split, null,
-                    React.createElement(react_core_1.SplitItem, { isFilled: true },
-                        React.createElement(react_core_1.NumberInput, Object.assign({}, props, { value: field.value, onMinus: onMinus, onChange: handleChange, onPlus: onPlus, min: minValue, max: maxValue, ref: ref, id: fieldId, "aria-describedby": `${fieldId}-helper` }))),
-                    React.createElement(react_core_1.SplitItem, null, children)))),
-        React.createElement(react_core_1.StackItem, null, errorMessage && (React.createElement(HelperText_1.default, { fieldId: fieldId, isError: true }, errorMessage)))));
+    return (React.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: label, isRequired: isRequired, labelIcon: labelIcon },
+        React.createElement(react_core_1.Split, null,
+            React.createElement(react_core_1.SplitItem, { isFilled: true },
+                React.createElement(react_core_1.NumberInput, Object.assign({}, props, { value: field.value, onMinus: onMinus, onChange: handleChange, onPlus: onPlus, min: minValue, max: maxValue, ref: ref, id: fieldId, "aria-describedby": `${fieldId}-helper` }))),
+            React.createElement(react_core_1.SplitItem, null, children)),
+        (errorMessage || helperText) && (React.createElement(react_core_1.FormHelperText, null,
+            React.createElement(react_core_1.HelperText, null,
+                React.createElement(react_core_1.HelperTextItem, { icon: errorMessage && React.createElement(exclamation_circle_icon_1.default, null), variant: errorMessage ? 'error' : 'default', id: errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper` }, errorMessage ? errorMessage : helperText))))));
 });
 exports.default = NumberInputField;
 //# sourceMappingURL=NumberInputField.js.map