@rh-support/cases 0.2.18 → 0.2.19

package/lib/esm/components/case-list/case-search/CaseSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/CaseSearch.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,gBAkIzB"}
+{"version":3,"file":"CaseSearch.d.ts","sourceRoot":"","sources":["../../../../../src/components/case-list/case-search/CaseSearch.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,gBA8IzB"}

package/lib/esm/components/case-list/case-search/CaseSearch.js

@@ -34,11 +34,11 @@ export function CaseSearch() {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filterQueryInfo.type]);
     const onSearchValChange = (value) => {
-        if (isEmpty(value)) {
+        if (isEmpty(value.trim())) {
             clearSearchVal();
         }
         else {
-            setSearchVal(value);
+            setSearchVal(value.trim());
         }
     };
     const clearSearchVal = () => {
@@ -64,6 +64,16 @@ export function CaseSearch() {
         }
         setSearchType(newType);
     };
+    // To check is Search Button is disabled or not
+    const isSearchButtonDisabled = isEmpty(filterQueryInfo.queryString) && isEmpty(searchVal.trim());
+    // To handle return or enter keydown event when search button is disabled
+    const handleSearchInputKeyDown = (e) => {
+        const key = e.which;
+        if (key === 13 && isSearchButtonDisabled) {
+            e.preventDefault();
+            return;
+        }
+    };
     const handleSubmit = (ev) => {
         ev.preventDefault();
         // for advance search submit should only happen on btn click or ctrl+enter which will be handled manually
@@ -73,7 +83,7 @@ export function CaseSearch() {
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "case-search-input-container" },
                 React.createElement(SearchInput, { className: "pf-u-w-100", placeholder: t('Search by keyword or case ID'), value: searchVal.trim(), "data-tracking-id": "search-cases-text-input", id: "case-search-basic", "aria-label": t('Search by keyword or case ID'), onChange: onSearchValChange, onClear: clearSearchVal }),
-                React.createElement(Button, { variant: "primary", type: "submit", className: "search-btn", "data-tracking-id": "case-list-search-button", isDisabled: isEmpty(filterQueryInfo.queryString) && isEmpty(searchVal.trim()) },
+                React.createElement(Button, { variant: "primary", type: "submit", className: "search-btn", "data-tracking-id": "case-list-search-button", isDisabled: isSearchButtonDisabled },
                     React.createElement(Trans, null, "Search")),
                 canUseAdvancedSearch && (React.createElement(Button, { variant: "link", onClick: () => onSearchTypeChange(CaseSearchQueryType.ADVANCED), isDisabled: isFetching, "data-tracking-id": "case-list-adv-toggle-button" },
                     React.createElement(Trans, null, "Advanced"))))));
@@ -83,7 +93,7 @@ export function CaseSearch() {
             React.createElement(AdvanceSearch, { onSearchValChange: onSearchValChange, onSearchClear: clearSearchVal, onSearchSubmit: onCaseSearch, onSearchTypeChange: onSearchTypeChange }))) : (React.createElement(React.Fragment, null));
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement("form", { onSubmit: handleSubmit },
+        React.createElement("form", { onSubmit: handleSubmit, onKeyDown: handleSearchInputKeyDown },
             React.createElement("div", { className: "form-group case-search-form-group" }, CaseSearchQueryType.BASIC === searchType ? renderBasicSearch() : renderAdvanceSearch())),
         React.createElement(BookmarkedSearchesSelector, { currentCaseSearchString: searchVal, currentSearchType: searchType })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/cases",
-    "version": "0.2.18",
+    "version": "0.2.19",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.6.0",
+        "@cee-eng/hydrajs": "4.7.3",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-collapse": "1.1.0",
         "@patternfly/react-core": "4.128.2",
@@ -47,17 +47,17 @@
         "solr-query-builder": "1.0.1"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.6.0",
+        "@cee-eng/hydrajs": "4.7.3",
         "@patternfly/patternfly": "4.102.2",
         "@patternfly/pfe-collapse": "1.1.0",
         "@patternfly/react-core": "4.128.2",
         "@patternfly/react-table": "4.26.7",
-        "@rh-support/api": "0.3.7",
-        "@rh-support/components": "1.1.13",
-        "@rh-support/react-context": "0.2.15",
+        "@rh-support/api": "0.3.8",
+        "@rh-support/components": "1.1.14",
+        "@rh-support/react-context": "0.2.16",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.9",
-        "@rh-support/utils": "0.2.9",
+        "@rh-support/user-permissions": "0.2.10",
+        "@rh-support/utils": "0.2.10",
         "i18next": "^19.0.1",
         "localforage": "^1.7.3",
         "lodash": "^4.17.15",
@@ -101,5 +101,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "27d99ec0d559c7d397aced2ef8e7de0ac93b1b7f"
+    "gitHead": "9a2829fecfe0e5755eacfb6f27b67271edb56e33"
 }