@rh-support/react-context 0.2.54 → 0.2.55

package/lib/esm/components/SharedModals/CloseCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseCaseModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SharedModals/CloseCaseModal.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAUD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eAyJ3C"}
+{"version":3,"file":"CloseCaseModal.d.ts","sourceRoot":"","sources":["../../../../src/components/SharedModals/CloseCaseModal.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAUD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eA4J3C"}

package/lib/esm/components/SharedModals/CloseCaseModal.js

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button, ButtonVariant, Form, FormGroup, Modal, ModalVariant, Select, SelectOption, TextArea, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { isEmpty } from 'lodash';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 const resolutionsWithDescription = ['Other'];
@@ -22,7 +23,7 @@ export function CloseCaseModal(props) {
     const { t } = useTranslation();
     const [showTextArea, setShowTextArea] = useState(false);
     const [selectedResolution, setSelectedResolution] = useState('');
-    const [resolutionDescripton, setResolutionDescription] = useState('');
+    const [resolutionDescription, setResolutionDescription] = useState('');
     const [showDropdown, setShowDropdown] = useState(false);
     const onDropdownToggle = (toggle) => setShowDropdown(toggle);
     const [showValidationError, setShowValidationError] = useState(false);
@@ -34,13 +35,13 @@ export function CloseCaseModal(props) {
         onDropdownToggle(false);
     };
     const getCommentBody = () => {
-        return `**Reason for closing case:** \n${selectedResolution}${resolutionsWithDescription.includes(selectedResolution) ? `. ${resolutionDescripton}` : ''}`;
+        return `**Reason for closing case:** \n${selectedResolution}${resolutionsWithDescription.includes(selectedResolution) ? `. ${resolutionDescription}` : ''}`;
     };
     const checkForRequiredFields = () => {
         let isValid = false;
         if (selectedResolution) {
             isValid = resolutionsWithDescription.includes(selectedResolution)
-                ? resolutionDescripton
+                ? resolutionDescription
                     ? true
                     : false
                 : true;
@@ -57,8 +58,9 @@ export function CloseCaseModal(props) {
         setShowValidationError(false);
         setResolutionDescription(description);
     };
+    const isResolutionDescEmpty = showTextArea && isEmpty(resolutionDescription === null || resolutionDescription === void 0 ? void 0 : resolutionDescription.trim());
     return (React.createElement(Modal, { id: "case-close-modal", title: t(isCaseListPage ? 'Do you want to close the selected cases?' : 'Do you want to close this case?'), "aria-describedby": "case-close-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
-            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: showValidationError || props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
+            React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isResolutionDescEmpty || showValidationError || props.isUpdating, "data-tracking-id": "close-case-description-modal-submit" },
                 React.createElement(Trans, null, "Close case")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "close-case-description-modal-cancel" },
                 React.createElement(Trans, null, "Cancel")),
@@ -80,5 +82,5 @@ export function CloseCaseModal(props) {
                 React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "case-resolution", selections: selectedResolution, onSelect: onResolutionChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedResolution ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle }, resolutionOptions.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
                     React.createElement(Trans, null, option)))))),
             showTextArea && (React.createElement(FormGroup, { label: t('Please describe your resolution'), type: "text", isRequired: true, fieldId: "close-case-description" },
-                React.createElement(TextArea, { validated: showValidationError && !resolutionDescripton ? 'error' : 'default', isRequired: true, id: "close-case-description", name: "close-case-description", "aria-describedby": "close-case-description", value: resolutionDescripton, placeholder: t('Please describe your resolution to help us better understand.'), onChange: onDescriptionChange, isDisabled: props.isUpdating }))))));
+                React.createElement(TextArea, { validated: showValidationError && !resolutionDescription ? 'error' : 'default', isRequired: true, id: "close-case-description", name: "close-case-description", "aria-describedby": "close-case-description", value: resolutionDescription, placeholder: t('Please describe your resolution to help us better understand.'), onChange: onDescriptionChange, isDisabled: props.isUpdating }))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/react-context",
-    "version": "0.2.54",
+    "version": "0.2.55",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -46,7 +46,7 @@
         "@patternfly/react-core": "4.194.0",
         "@patternfly/react-icons": "4.45.0",
         "@rh-support/api": "0.3.13",
-        "@rh-support/components": "1.1.54",
+        "@rh-support/components": "1.1.55",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.44",
         "@rh-support/utils": "0.2.33",
@@ -89,5 +89,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "5797cf1fd9b2d2406fa93933f91fcc0b0729e7a8"
+    "gitHead": "a3df00d1fcf2e999400a0b17f5ac00f2a32d878d"
 }