@rh-support/components 1.1.61 → 1.1.68

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.
@@ -1 +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,eA6M1C;kBA7MQ,oBAAoB;;;AAgN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
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,eAqN1C;kBArNQ,oBAAoB;;;AAwN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
@@ -173,6 +173,7 @@ function SupportFeedbackModal(props) {
173
173
  // Function for Toggling the Modal when Provide feedback button is clicked
174
174
  var handleModalToggle = function () {
175
175
  props.onClose();
176
+ setIsSubmitDisabled(false);
176
177
  setValues({ levelOfSatisfied: null, moreInfo: '' });
177
178
  };
178
179
  // Feedback Satisfaction Values
@@ -206,7 +207,7 @@ function SupportFeedbackModal(props) {
206
207
  function renderModalBody() {
207
208
  return (react_1.default.createElement(react_1.default.Fragment, null,
208
209
  react_1.default.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
209
- react_1.default.createElement("fieldset", { className: "form-group radios feedback-satisfaction", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
210
+ react_1.default.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
210
211
  react_1.default.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
211
212
  react_1.default.createElement(react_i18next_1.Trans, null, "How satisfied are you with customer support\u2019s web experience?"),
212
213
  react_1.default.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
@@ -217,8 +218,11 @@ function SupportFeedbackModal(props) {
217
218
  ' ',
218
219
  sentiment.icon,
219
220
  react_1.default.createElement(react_i18next_1.Trans, null, sentiment.label)));
220
- }))),
221
- react_1.default.createElement("div", { className: "form-group" },
221
+ })),
222
+ isSubmitDisabled && (react_1.default.createElement("div", null,
223
+ react_1.default.createElement("p", { className: "form-instructions form-invalid" },
224
+ react_1.default.createElement(react_i18next_1.Trans, null, "Please select a value"))))),
225
+ react_1.default.createElement("div", { className: "form-group pf-u-mb-md" },
222
226
  react_1.default.createElement("label", { htmlFor: "moreFeedback" },
223
227
  react_1.default.createElement(react_i18next_1.Trans, null, "How can we improve?")),
224
228
  react_1.default.createElement(TextAreaAutosize_1.TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), disabled: isFetching, value: values.moreInfo, className: "form-control", onChange: handleFeedbackTextChange, rowsMin: 3 })),
@@ -1 +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,eA6M1C;kBA7MQ,oBAAoB;;;AAgN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
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,eAqN1C;kBArNQ,oBAAoB;;;AAwN7B,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
@@ -78,6 +78,7 @@ function SupportFeedbackModal(props) {
78
78
  // Function for Toggling the Modal when Provide feedback button is clicked
79
79
  const handleModalToggle = () => {
80
80
  props.onClose();
81
+ setIsSubmitDisabled(false);
81
82
  setValues({ levelOfSatisfied: null, moreInfo: '' });
82
83
  };
83
84
  // Feedback Satisfaction Values
@@ -111,7 +112,7 @@ function SupportFeedbackModal(props) {
111
112
  function renderModalBody() {
112
113
  return (React.createElement(React.Fragment, null,
113
114
  React.createElement("form", { className: "support-feedback-form", action: "", onSubmit: handleSubmit },
114
- React.createElement("fieldset", { className: "form-group radios feedback-satisfaction", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
115
+ React.createElement("fieldset", { className: "form-group radios feedback-satisfaction pf-u-mb-sm", role: "radiogroup", "aria-labelledby": "feedback-satisfaction-label" },
115
116
  React.createElement("legend", { id: "feedback-satisfaction-label", className: "pf-u-mb-md" },
116
117
  React.createElement(Trans, null, "How satisfied are you with customer support\u2019s web experience?"),
117
118
  React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*"),
@@ -122,8 +123,11 @@ function SupportFeedbackModal(props) {
122
123
  ' ',
123
124
  sentiment.icon,
124
125
  React.createElement(Trans, null, sentiment.label)));
125
- }))),
126
- React.createElement("div", { className: "form-group" },
126
+ })),
127
+ isSubmitDisabled && (React.createElement("div", null,
128
+ React.createElement("p", { className: "form-instructions form-invalid" },
129
+ React.createElement(Trans, null, "Please select a value"))))),
130
+ React.createElement("div", { className: "form-group pf-u-mb-md" },
127
131
  React.createElement("label", { htmlFor: "moreFeedback" },
128
132
  React.createElement(Trans, null, "How can we improve?")),
129
133
  React.createElement(TextAreaAutosize, { name: "moreInfo", id: "moreFeedback", placeholder: t('i18nDescribeSuggestionDetail', 'Describe your suggestion in detail'), disabled: isFetching, value: values.moreInfo, className: "form-control", onChange: handleFeedbackTextChange, rowsMin: 3 })),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rh-support/components",
3
- "version": "1.1.61",
3
+ "version": "1.1.68",
4
4
  "description": "Contains all reusabel components for support app",
5
5
  "author": "Vikas Rathee <vrathee@redhat.com>",
6
6
  "license": "ISC",
@@ -52,7 +52,7 @@
52
52
  "prepublishOnly": "npm run build"
53
53
  },
54
54
  "peerDependencies": {
55
- "@cee-eng/hydrajs": "4.9.1",
55
+ "@cee-eng/hydrajs": "4.10.2",
56
56
  "@cee-eng/ui-toolkit": "1.1.6",
57
57
  "@patternfly/patternfly": "4.185.1",
58
58
  "@patternfly/react-core": "4.202.16",
@@ -80,15 +80,15 @@
80
80
  "use-deep-compare-effect": "^1.6.1"
81
81
  },
82
82
  "dependencies": {
83
- "@cee-eng/hydrajs": "4.9.1",
83
+ "@cee-eng/hydrajs": "4.10.2",
84
84
  "@cee-eng/ui-toolkit": "1.1.6",
85
85
  "@patternfly/patternfly": "4.185.1",
86
86
  "@patternfly/react-core": "4.202.16",
87
87
  "@patternfly/react-table": "4.71.16",
88
- "@rh-support/api": "0.3.16",
88
+ "@rh-support/api": "0.3.21",
89
89
  "@rh-support/types": "0.2.0",
90
- "@rh-support/user-permissions": "0.2.49",
91
- "@rh-support/utils": "0.2.37",
90
+ "@rh-support/user-permissions": "0.2.57",
91
+ "@rh-support/utils": "0.2.43",
92
92
  "@storybook/addon-a11y": "^5.3.19",
93
93
  "@storybook/addon-actions": "^5.3.19",
94
94
  "@storybook/addon-docs": "^5.3.19",
@@ -128,5 +128,5 @@
128
128
  "not ie <= 11",
129
129
  "not op_mini all"
130
130
  ],
131
- "gitHead": "db6de819479468586b86d6d8a6f0fe6713baddd8"
131
+ "gitHead": "73a794e268a7f0b885f92949131a7a2c1b84454b"
132
132
  }