@rh-support/components 2.1.61-beta.2 → 2.1.62

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

@@ -1 +1 @@
-{"version":3,"file":"TopContentSearch.d.ts","sourceRoot":"","sources":["../../../src/TopContentSearch/TopContentSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAQ5F,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,2BAA2B,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAC7B,cAAmB,EACnB,2BAA6C,EAC7C,QAAQ,EACR,cAAc,EACd,mBAA2B,EAC3B,WAAgB,EAChB,cAAc,GACjB,EAAE,MAAM,qBAwHR"}
+{"version":3,"file":"TopContentSearch.d.ts","sourceRoot":"","sources":["../../../src/TopContentSearch/TopContentSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AAQ5F,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,2BAA2B,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,eAAgB,MAAM,WASlD,CAAC;AAOF,wBAAgB,gBAAgB,CAAC,EAC7B,cAAmB,EACnB,2BAA6C,EAC7C,QAAQ,EACR,cAAc,EACd,mBAA2B,EAC3B,WAAgB,EAChB,cAAc,GACjB,EAAE,MAAM,qBAyHR"}

package/lib/esm/TopContentSearch/TopContentSearch.js

@@ -70,6 +70,7 @@ export function TopContentSearch({ topContentData = [], topContentResultsWrapper
     }, [topContentResultsWrapperRef]);
     const onSearchInputClear = useCallback((event) => {
         setSearchText('');
+        setSearchQuery && setSearchQuery('');
         onSearch('', topContentData);
         logCustomEvent(CustomEvents.inputClear, event);
         highlightSearchResults('');

package/lib/esm/hooks/index.d.ts

@@ -13,4 +13,5 @@ export * from './useBreakpoint';
 export * from './useOnScreen';
 export * from './useSelectKeyboardNavigator';
 export * from './useSessionStorage';
+export * from './useSearchDocument';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/lib/esm/hooks/index.js

@@ -13,3 +13,4 @@ export * from './useBreakpoint';
 export * from './useOnScreen';
 export * from './useSelectKeyboardNavigator';
 export * from './useSessionStorage';
+export * from './useSearchDocument';

package/lib/esm/hooks/useSearchDocument.d.ts

@@ -0,0 +1,7 @@
+interface IIndexStrategy<T> {
+    indexKey: keyof T;
+    strategy: (doc: T) => string;
+}
+export declare function useSearchDocument<T>(documents: T[], searchQuery: string, indexStrategy: IIndexStrategy<T>): T[];
+export {};
+//# sourceMappingURL=useSearchDocument.d.ts.map

package/lib/esm/hooks/useSearchDocument.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchDocument.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSearchDocument.ts"],"names":[],"mappings":"AAMA,UAAU,cAAc,CAAC,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC,CAAC;IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC,OAwCzG"}

package/lib/esm/hooks/useSearchDocument.js

@@ -0,0 +1,42 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import SearchApi, { INDEX_MODES } from 'js-worker-search';
+import isEmpty from 'lodash/isEmpty';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useDeepCompareDebounce } from './useDebounce';
+export function useSearchDocument(documents, searchQuery, indexStrategy) {
+    const [filteredDocs, setFilteredDocs] = useState(documents);
+    const searchWorkerRef = useRef(new SearchApi({
+        indexMode: INDEX_MODES.ALL_SUBSTRINGS,
+        caseSensitive: false,
+        matchAnyToken: true,
+    }));
+    const handleSearch = useCallback((query) => __awaiter(this, void 0, void 0, function* () {
+        if (isEmpty(query)) {
+            setFilteredDocs(documents);
+            return;
+        }
+        const indexedVals = yield searchWorkerRef.current.search(query);
+        setFilteredDocs(documents.filter((d) => indexedVals.includes(d[indexStrategy.indexKey])));
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [documents]);
+    useEffect(() => {
+        documents.forEach((doc) => {
+            const indexedString = indexStrategy.strategy(doc);
+            searchWorkerRef.current.indexDocument(doc[indexStrategy.indexKey], indexedString);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [documents]);
+    useDeepCompareDebounce(() => {
+        handleSearch(searchQuery);
+    }, [searchQuery, documents], 500);
+    return filteredDocs;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.1.61-beta.2",
+    "version": "2.1.62",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -67,9 +67,9 @@
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-table": "5.1.1",
-        "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.44",
-        "@rh-support/utils": "2.1.33",
+        "@rh-support/types": "2.0.4",
+        "@rh-support/user-permissions": "2.1.45",
+        "@rh-support/utils": "2.1.34",
         "dompurify": "^2.2.6",
         "downshift": "^6.0.5",
         "js-worker-search": "^1.4.1",
@@ -109,5 +109,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "44114faf180716de0facd2c78ad8c42671c1acde"
+    "gitHead": "ecb9820a2fe40793e79c0f9f4786ec657070fe64"
 }