@rh-support/components 1.1.60 → 1.1.61-beta.0

package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":";AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAuM1C;kBAvMQ,oBAAoB;;;AA0M7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":";AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA6M1C;kBA7MQ,oBAAoB;;;AAgN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/cjs/SupportFeedbackForm/SupportFeedbackModal.js

@@ -119,7 +119,8 @@ function SupportFeedbackModal(props) {
     };
     var _c = __read(react_1.useState(formInitState), 2), values = _c[0], setValues = _c[1];
     var _d = useFetch_1.useFetch(hydrajs_1.pcm.sendFeedbackForm, { propgateErrors: true }), request = _d.request, isFetching = _d.isFetching;
-    var _e = __read(react_1.useState(true), 2), isSubmitDisabled = _e[0], setSubmitDisabled = _e[1];
+    var _e = __read(react_1.useState(false), 2), isSubmitDisabled = _e[0], setIsSubmitDisabled = _e[1];
+    var _f = __read(react_1.useState(true), 2), isSubmitButtonValid = _f[0], setSubmitButtonValid = _f[1];
     react_1.useEffect(function () {
         var valid = true;
         Object.keys(values).forEach(function (key) {
@@ -127,11 +128,12 @@ function SupportFeedbackModal(props) {
                 valid = valid && !isEmpty_1.default(values[key]);
             }
         });
-        setSubmitDisabled(!valid);
+        setSubmitButtonValid(!valid);
     }, [values]);
     // To Handle the Feedback Satisfaction values
     var handleSentimentChange = function (event) {
         var _a;
+        setIsSubmitDisabled(false);
         setValues(__assign(__assign({}, values), (_a = {}, _a[event.target.name] = event.target.value, _a)));
     };
     // To Handle the Text Area Input (Feedback Description)
@@ -145,6 +147,7 @@ function SupportFeedbackModal(props) {
             switch (_a.label) {
                 case 0:
                     event.preventDefault();
+                    if (!!isSubmitButtonValid) return [3 /*break*/, 5];
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, , 4]);
@@ -159,7 +162,11 @@ function SupportFeedbackModal(props) {
                     error_1 = _a.sent();
                     ToastNotification_1.ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
                     return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    setIsSubmitDisabled(true);
+                    _a.label = 6;
+                case 6: return [2 /*return*/];
             }
         });
     }); };
@@ -198,7 +205,7 @@ function SupportFeedbackModal(props) {
     ];
     function renderModalBody() {
         return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("form", { action: "", onSubmit: handleSubmit },
+            react_1.default.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
                 react_1.default.createElement("fieldset", { className: "form-group radios feedback-satisfaction", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
                     react_1.default.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
                         react_1.default.createElement(react_i18next_1.Trans, null, "How satisfied are you with customer support\u2019s web experience?"),

package/lib/cjs/TextAreaResizable/TextAreaResizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}
+{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}

package/lib/cjs/TextAreaResizable/TextAreaResizable.js

@@ -1,35 +1,68 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextAreaResizable = void 0;
 var react_core_1 = require("@patternfly/react-core");
 var lodash_1 = require("lodash");
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var TextAreaResizable = function (props) {
     // To set defaultProps
     var _a = props.rowsMin, rowsMin = _a === void 0 ? 2 : _a, _b = props.autoResize, autoResize = _b === void 0 ? false : _b, onChange = props.onChange, rows = props.rows, id = props.id, className = props.className, isRequired = props.isRequired, maxLength = props.maxLength, name = props.name, value = props.value, isDisabled = props.isDisabled, _c = props.isSpaceAllowed, isSpaceAllowed = _c === void 0 ? true : _c;
-    var isValidated = 'default';
+    var _d = __read(react_1.useState(false), 2), isTextAreaEmpty = _d[0], setIsTextAreaEmpty = _d[1];
     // Function to handle onChange event
     var onTextAreaChange = function (value, event) {
         onChange(value, event);
+        setIsTextAreaEmpty(lodash_1.isEmpty(value === null || value === void 0 ? void 0 : value.trim()));
         event.preventDefault();
         return [];
     };
     // Function to check for validity
     var validatedCheck = function () {
-        if (isValidated === 'error') {
-            return 'error';
-        }
-        else if (isSpaceAllowed) {
-            return isValidated;
-        }
-        else if (!isSpaceAllowed) {
-            return lodash_1.isEmpty(value.trim()) ? 'error' : 'default';
+        var isValidated = 'default';
+        if (isRequired) {
+            if (isSpaceAllowed) {
+                return isValidated;
+            }
+            else {
+                return isTextAreaEmpty ? 'error' : 'default';
+            }
         }
         else
-            return isValidated;
+            return 'default';
     };
     return (react_1.default.createElement(react_core_1.TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: onTextAreaChange, disabled: isDisabled }));
 };

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":";AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAuM1C;kBAvMQ,oBAAoB;;;AA0M7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"SupportFeedbackModal.d.ts","sourceRoot":"","sources":["../../../src/SupportFeedbackForm/SupportFeedbackModal.tsx"],"names":[],"mappings":";AAuBA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAMD,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,eA6M1C;kBA7MQ,oBAAoB;;;AAgN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/SupportFeedbackForm/SupportFeedbackModal.js

@@ -39,7 +39,8 @@ function SupportFeedbackModal(props) {
     };
     const [values, setValues] = useState(formInitState);
     const { request, isFetching } = useFetch(pcm.sendFeedbackForm, { propgateErrors: true });
-    const [isSubmitDisabled, setSubmitDisabled] = useState(true);
+    const [isSubmitDisabled, setIsSubmitDisabled] = useState(false);
+    const [isSubmitButtonValid, setSubmitButtonValid] = useState(true);
     useEffect(() => {
         let valid = true;
         Object.keys(values).forEach((key) => {
@@ -47,10 +48,11 @@ function SupportFeedbackModal(props) {
                 valid = valid && !isEmpty(values[key]);
             }
         });
-        setSubmitDisabled(!valid);
+        setSubmitButtonValid(!valid);
     }, [values]);
     // To Handle the Feedback Satisfaction values
     const handleSentimentChange = (event) => {
+        setIsSubmitDisabled(false);
         setValues(Object.assign(Object.assign({}, values), { [event.target.name]: event.target.value }));
     };
     // To Handle the Text Area Input (Feedback Description)
@@ -59,15 +61,19 @@ function SupportFeedbackModal(props) {
     };
     const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
         event.preventDefault();
-        try {
-            yield request(values, window.sessionjs, window.location.href, seSessionId);
-            setValues(formInitState);
-            ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
-            handleModalToggle();
-        }
-        catch (error) {
-            ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
+        if (!isSubmitButtonValid) {
+            try {
+                yield request(values, window.sessionjs, window.location.href, seSessionId);
+                setValues(formInitState);
+                ToastNotification.addSuccessMessage(t(`Thank you. We've received your feedback.`), t('Have a great day!'));
+                handleModalToggle();
+            }
+            catch (error) {
+                ToastNotification.addDangerMessage(t('Failed to submit feedback.'));
+            }
         }
+        else
+            setIsSubmitDisabled(true);
     });
     // Function for Toggling the Modal when Provide feedback button is clicked
     const handleModalToggle = () => {
@@ -104,7 +110,7 @@ function SupportFeedbackModal(props) {
     ];
     function renderModalBody() {
         return (React.createElement(React.Fragment, null,
-            React.createElement("form", { action: "", onSubmit: handleSubmit },
+            React.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
                 React.createElement("fieldset", { className: "form-group radios feedback-satisfaction", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
                     React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
                         React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?"),

package/lib/esm/TextAreaResizable/TextAreaResizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}
+{"version":3,"file":"TextAreaResizable.d.ts","sourceRoot":"","sources":["../../../src/TextAreaResizable/TextAreaResizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAO,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACpG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACpF;AACD,eAAO,MAAM,iBAAiB,UAAW,MAAM,gBAoD9C,CAAC"}

package/lib/esm/TextAreaResizable/TextAreaResizable.js

@@ -1,29 +1,30 @@
 import { TextArea } from '@patternfly/react-core';
 import { isEmpty } from 'lodash';
-import React from 'react';
+import React, { useState } from 'react';
 export const TextAreaResizable = (props) => {
     // To set defaultProps
     const { rowsMin = 2, autoResize = false, onChange, rows, id, className, isRequired, maxLength, name, value, isDisabled, isSpaceAllowed = true, } = props;
-    let isValidated = 'default';
+    const [isTextAreaEmpty, setIsTextAreaEmpty] = useState(false);
     // Function to handle onChange event
     const onTextAreaChange = (value, event) => {
         onChange(value, event);
+        setIsTextAreaEmpty(isEmpty(value === null || value === void 0 ? void 0 : value.trim()));
         event.preventDefault();
         return [];
     };
     // Function to check for validity
     const validatedCheck = () => {
-        if (isValidated === 'error') {
-            return 'error';
-        }
-        else if (isSpaceAllowed) {
-            return isValidated;
-        }
-        else if (!isSpaceAllowed) {
-            return isEmpty(value.trim()) ? 'error' : 'default';
+        let isValidated = 'default';
+        if (isRequired) {
+            if (isSpaceAllowed) {
+                return isValidated;
+            }
+            else {
+                return isTextAreaEmpty ? 'error' : 'default';
+            }
         }
         else
-            return isValidated;
+            return 'default';
     };
     return (React.createElement(TextArea, { id: id, rows: rows || rowsMin, className: className, "aria-required": props['aria-required'], isRequired: isRequired, maxLength: maxLength, name: name, value: value, autoResize: autoResize, validated: validatedCheck(), onChange: onTextAreaChange, disabled: isDisabled }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "1.1.60",
+    "version": "1.1.61-beta.0",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -85,10 +85,10 @@
         "@patternfly/patternfly": "4.185.1",
         "@patternfly/react-core": "4.202.16",
         "@patternfly/react-table": "4.71.16",
-        "@rh-support/api": "0.3.16",
+        "@rh-support/api": "0.3.16-beta.0",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.48",
-        "@rh-support/utils": "0.2.37",
+        "@rh-support/user-permissions": "0.2.49-beta.0",
+        "@rh-support/utils": "0.2.37-beta.0",
         "@storybook/addon-a11y": "^5.3.19",
         "@storybook/addon-actions": "^5.3.19",
         "@storybook/addon-docs": "^5.3.19",
@@ -128,5 +128,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "16a9ab39fc63d39d0816ee2ef890c2f0ff2282e4"
+    "gitHead": "66b9e765df2035e24ee6ae3ee02289ca5a4eed09"
 }