@rh-support/components 2.4.10-beta.6 → 2.5.0

package/lib/cjs/hooks/index.js

@@ -1,25 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useFetch"), exports);
-__exportStar(require("./useIsMounted"), exports);
-__exportStar(require("./useDebounce"), exports);
-__exportStar(require("./usePrevious"), exports);
-__exportStar(require("./useTitle"), exports);
-__exportStar(require("./useUndo"), exports);
-__exportStar(require("./usePolling"), exports);
-__exportStar(require("./useCopyToClipboard"), exports);
-__exportStar(require("./useForkRef"), exports);
-__exportStar(require("./useForceUpdate"), exports);
-__exportStar(require("./useLRUCache"), exports);
-__exportStar(require("./useBreakpoint"), exports);
-__exportStar(require("./useOnScreen"), exports);

package/lib/cjs/hooks/useBreakpoint.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-export declare type Config = {
-    readonly [key: string]: string;
-};
-declare function BreakpointProvider({ children, queries }: React.PropsWithChildren<{
-    queries?: Config;
-}>): JSX.Element;
-declare function useBreakpoint(): {
-    readonly [key: string]: boolean;
-};
-export { useBreakpoint, BreakpointProvider };
-//# sourceMappingURL=useBreakpoint.d.ts.map

package/lib/cjs/hooks/useBreakpoint.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,oBAAY,MAAM,GAAG;IACjB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AAYF,iBAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAwB,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,eA+ChH;AAED,iBAAS,aAAa;;EAMrB;AACD,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/cjs/hooks/useBreakpoint.js

@@ -1,86 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreakpointProvider = exports.useBreakpoint = void 0;
-const react_1 = __importStar(require("react"));
-// https://medium.com/better-programming/how-to-use-media-queries-programmatically-in-react-4d6562c3bc97
-const defaultValue = {};
-const BreakpointContext = react_1.default.createContext(defaultValue);
-const defaultQueries = {
-    xs: `(min-width: 0px)`,
-    sm: `(min-width: 576px)`,
-    md: `(min-width: 768px)`,
-    lg: `(min-width: 992px)`,
-    xl: `(min-width: 1300px)`,
-};
-function BreakpointProvider({ children, queries = defaultQueries }) {
-    const [queryMatch, setQueryMatch] = react_1.useState({});
-    react_1.useEffect(() => {
-        const mediaQueryLists = {};
-        const keys = Object.keys(queries);
-        let isAttached = false;
-        const handleQueryListener = () => {
-            const updatedMatches = keys.reduce((acc, media) => {
-                acc[media] = !!(mediaQueryLists[media] && mediaQueryLists[media].matches);
-                return acc;
-            }, {});
-            setQueryMatch(updatedMatches);
-        };
-        if (window && window.matchMedia) {
-            const matches = {};
-            keys.forEach((media) => {
-                if (typeof queries[media] === 'string') {
-                    mediaQueryLists[media] = window.matchMedia(queries[media]);
-                    matches[media] = mediaQueryLists[media].matches;
-                }
-                else {
-                    matches[media] = false;
-                }
-            });
-            setQueryMatch(matches);
-            isAttached = true;
-            keys.forEach((media) => {
-                if (typeof queries[media] === 'string') {
-                    mediaQueryLists[media].addListener(handleQueryListener);
-                }
-            });
-        }
-        return () => {
-            if (isAttached) {
-                keys.forEach((media) => {
-                    if (typeof queries[media] === 'string') {
-                        mediaQueryLists[media].removeListener(handleQueryListener);
-                    }
-                });
-            }
-        };
-    }, [queries]);
-    return react_1.default.createElement(BreakpointContext.Provider, { value: queryMatch }, children);
-}
-exports.BreakpointProvider = BreakpointProvider;
-function useBreakpoint() {
-    const context = react_1.useContext(BreakpointContext);
-    if (context === defaultValue) {
-        throw new Error('useBreakpoint must be used within a BreakpointProvider');
-    }
-    return context;
-}
-exports.useBreakpoint = useBreakpoint;

package/lib/cjs/hooks/useCopyToClipboard.d.ts

@@ -1,6 +0,0 @@
-export declare const selectText: (elem: HTMLElement) => void;
-export declare function useCopyToClipboard(ref: any): {
-    clipboardText: string;
-    copyToClipboard: () => void;
-};
-//# sourceMappingURL=useCopyToClipboard.d.ts.map

package/lib/cjs/hooks/useCopyToClipboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCopyToClipboard.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,SAAU,WAAW,SAK3C,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,GAAG,KAAA;;;EAyBrC"}

package/lib/cjs/hooks/useCopyToClipboard.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCopyToClipboard = exports.selectText = void 0;
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const selectText = (elem) => {
-    var range = document.createRange();
-    range.selectNode(elem);
-    window.getSelection().removeAllRanges();
-    window.getSelection().addRange(range);
-};
-exports.selectText = selectText;
-function useCopyToClipboard(ref) {
-    const [clipboardText, setClipboardText] = react_1.useState('');
-    const { t } = react_i18next_1.useTranslation();
-    const copyToClipboard = () => {
-        exports.selectText(ref.current);
-        try {
-            document.execCommand('copy');
-            setClipboardText(t('Copied!'));
-        }
-        catch (error) {
-            if (/iPhone|iPad/i.test(navigator.userAgent)) {
-                setClipboardText(t('Not supported'));
-            }
-            else if (/Mac/i.test(navigator.userAgent)) {
-                setClipboardText(t('Press ⌘ + C to copy'));
-            }
-            else {
-                setClipboardText(t('Press Ctrl + C to copy'));
-            }
-        }
-    };
-    return {
-        clipboardText,
-        copyToClipboard,
-    };
-}
-exports.useCopyToClipboard = useCopyToClipboard;

package/lib/cjs/hooks/useDebounce.d.ts

@@ -1,9 +0,0 @@
-interface DebounceSettings {
-    leading?: boolean;
-    maxWait?: number;
-    trailing?: boolean;
-}
-export declare function useDebounce(callback: () => void, dependencies: ReadonlyArray<any>, wait?: number, options?: DebounceSettings): void;
-export declare function useDeepCompareDebounce(callback: () => void, dependencies: ReadonlyArray<any>, wait?: number, options?: DebounceSettings): void;
-export {};
-//# sourceMappingURL=useDebounce.d.ts.map

package/lib/cjs/hooks/useDebounce.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,WAAW,CACvB,QAAQ,EAAE,MAAM,IAAI,EACpB,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,EAChC,IAAI,GAAE,MAAU,EAChB,OAAO,GAAE,gBAAqB,QAiBjC;AAED,wBAAgB,sBAAsB,CAClC,QAAQ,EAAE,MAAM,IAAI,EACpB,YAAY,EAAE,aAAa,CAAC,GAAG,CAAC,EAChC,IAAI,GAAE,MAAU,EAChB,OAAO,GAAE,gBAAqB,QAkBjC"}

package/lib/cjs/hooks/useDebounce.js

@@ -1,40 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeepCompareDebounce = exports.useDebounce = void 0;
-const debounce_1 = __importDefault(require("lodash/debounce"));
-const react_1 = require("react");
-const use_deep_compare_effect_1 = __importDefault(require("use-deep-compare-effect"));
-// Takes a callback that is called after a debounce delay based on the dependencies array
-// Its just a wrapper over useEffect and debounce function which cancels previous callback each time
-function useDebounce(callback, dependencies, wait = 0, options = {}) {
-    react_1.useEffect(() => {
-        const handler = debounce_1.default(() => {
-            callback();
-        }, wait, options);
-        handler();
-        // Clears the previous callback
-        return () => {
-            handler.cancel();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [wait, ...dependencies]);
-}
-exports.useDebounce = useDebounce;
-function useDeepCompareDebounce(callback, dependencies, wait = 0, options = {}) {
-    use_deep_compare_effect_1.default(() => {
-        //instead of useeffect use the deepcompare libary
-        const handler = debounce_1.default(() => {
-            callback();
-        }, wait, options);
-        handler();
-        // Clears the previous callback
-        return () => {
-            handler.cancel();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [wait, ...dependencies]);
-}
-exports.useDeepCompareDebounce = useDeepCompareDebounce;

package/lib/cjs/hooks/useFetch.d.ts

@@ -1,20 +0,0 @@
-interface IFetchState<T> {
-    data?: T;
-    isFetching?: boolean;
-    error?: Error | DOMException;
-}
-export interface IUseFetch<T, A extends any[]> extends IFetchState<T> {
-    request?: (...args: A) => Promise<T>;
-    clearResponse?: () => void;
-}
-export interface IUseFetchOptions<T> {
-    initialData?: any;
-    resolve?: boolean;
-    resolveCondition?: string[];
-    isAbortable?: boolean;
-    propgateErrors?: boolean;
-    postProcessor?: (data: T) => T;
-}
-export declare function useFetch<T, A extends any[]>(fn: (...args: A) => Promise<T>, { initialData, resolve, resolveCondition, isAbortable, propgateErrors, postProcessor, }?: IUseFetchOptions<T>): IUseFetch<T, A>;
-export {};
-//# sourceMappingURL=useFetch.d.ts.map

package/lib/cjs/hooks/useFetch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFetch.tsx"],"names":[],"mappings":"AAMA,UAAU,WAAW,CAAC,CAAC;IACnB,IAAI,CAAC,EAAE,CAAC,CAAC;IAGT,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,KAAK,CAAC,EAAE,KAAK,GAAG,YAAY,CAAC;CAChC;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC;IAC/B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;CAClC;AAID,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,EAAE,EACvC,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,EAC9B,EACI,WAAkB,EAClB,OAAe,EACf,gBAAqB,EACrB,WAAmB,EACnB,cAAsB,EACtB,aAAyB,GAC5B,GAAE,gBAAgB,CAAC,CAAC,CAAM,GAC5B,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAwDjB"}

package/lib/cjs/hooks/useFetch.js

@@ -1,71 +0,0 @@
-"use strict";
-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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFetch = void 0;
-const react_1 = require("react");
-const useIsMounted_1 = require("./useIsMounted");
-const usePrevious_1 = require("./usePrevious");
-// type IUseFetchFn = <T,A extends any[]>(fn: (...args:) => Promise<T>, options?: IUseFetchOptions<T>) => IUseFetch<T,A>;
-function useFetch(fn, { initialData = null, resolve = false, resolveCondition = [], isAbortable = false, propgateErrors = false, postProcessor = undefined, } = {}) {
-    const isMounted = useIsMounted_1.useIsMounted();
-    const [{ data, isFetching, error }, setState] = react_1.useReducer((s, a) => (Object.assign(Object.assign({}, s), a)), { data: initialData, isFetching: resolve, error: null });
-    const [abortSignal, setAbortSignal] = react_1.useState(null);
-    const prevAbortSignal = usePrevious_1.usePrevious(abortSignal);
-    const clearResponse = () => setState({ data: initialData });
-    const request = (...args) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        try {
-            if (isAbortable && 'AbortController' in window) {
-                if (prevAbortSignal) {
-                    prevAbortSignal.abort();
-                }
-                const controller = new AbortController();
-                setAbortSignal(controller);
-                args.push(controller.signal);
-            }
-            isMounted && setState({ isFetching: true, error: null });
-            let response = yield fn(...args);
-            response = postProcessor ? postProcessor(response) : response;
-            isMounted && setState({ data: response, isFetching: false });
-            return response;
-        }
-        catch (err) {
-            const isAbortError = ((_a = err) === null || _a === void 0 ? void 0 : _a.code) === 20;
-            if (isAbortError) {
-                // TODO handle abort error and loader behaviour
-            }
-            else {
-                if (!propgateErrors) {
-                    // AlertUtil.addErrorMessage(err);
-                }
-            }
-            // Don
-            isMounted && !isAbortError && setState({ error: err, data: null, isFetching: false });
-            if (propgateErrors && !isAbortError) {
-                throw err;
-            }
-        }
-    });
-    react_1.useEffect(() => {
-        // if (resolve) {
-        //     request();
-        // }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, resolveCondition);
-    return {
-        clearResponse,
-        data,
-        isFetching,
-        request,
-        error,
-    };
-}
-exports.useFetch = useFetch;

package/lib/cjs/hooks/useForceUpdate.d.ts

@@ -1,18 +0,0 @@
-/**
- * Returns a function that triggers a component update. the hook equivalent to
- * `this.forceUpdate()` in a class component. In most cases using a state value directly
- * is preferable but may be required in some advanced usages of refs for interop or
- * when direct DOM manipulation is required.
- *
- * ```ts
- * const forceUpdate = useForceUpdate();
- *
- * const updateOnClick = useCallback(() => {
- *  forceUpdate()
- * }, [forceUpdate])
- *
- * return <button type="button" onClick={updateOnClick}>Hi there</button>
- * ```
- */
-export declare function useForceUpdate(): () => void;
-//# sourceMappingURL=useForceUpdate.d.ts.map

package/lib/cjs/hooks/useForceUpdate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,cAAc,IAAI,MAAM,IAAI,CAK3C"}

package/lib/cjs/hooks/useForceUpdate.js

@@ -1,28 +0,0 @@
-"use strict";
-// Copied from https://github.com/react-restart/hooks/blob/master/src/useForceUpdate.ts
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForceUpdate = void 0;
-const react_1 = require("react");
-/**
- * Returns a function that triggers a component update. the hook equivalent to
- * `this.forceUpdate()` in a class component. In most cases using a state value directly
- * is preferable but may be required in some advanced usages of refs for interop or
- * when direct DOM manipulation is required.
- *
- * ```ts
- * const forceUpdate = useForceUpdate();
- *
- * const updateOnClick = useCallback(() => {
- *  forceUpdate()
- * }, [forceUpdate])
- *
- * return <button type="button" onClick={updateOnClick}>Hi there</button>
- * ```
- */
-function useForceUpdate() {
-    // The toggling state value is designed to defeat React optimizations for skipping
-    // updates when they are stricting equal to the last state value
-    const [, dispatch] = react_1.useReducer((state) => !state, false);
-    return dispatch;
-}
-exports.useForceUpdate = useForceUpdate;

package/lib/cjs/hooks/useForkRef.d.ts

@@ -1,2 +0,0 @@
-export declare function useForkRef(refA: any, refB: any): (refValue: any) => void;
-//# sourceMappingURL=useForkRef.d.ts.map

package/lib/cjs/hooks/useForkRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useForkRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useForkRef.ts"],"names":[],"mappings":"AAUA,wBAAgB,UAAU,CAAC,IAAI,KAAA,EAAE,IAAI,KAAA,2BAepC"}

package/lib/cjs/hooks/useForkRef.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useForkRef = void 0;
-const react_1 = require("react");
-function setRef(ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    }
-    else if (ref) {
-        ref.current = value;
-    }
-}
-function useForkRef(refA, refB) {
-    /**
-     * This will create a new function if the ref props change and are defined.
-     * This means react will call the old forkRef with `null` and the new forkRef
-     * with the ref. Cleanup naturally emerges from this behavior
-     */
-    return react_1.useMemo(() => {
-        if (refA == null && refB == null) {
-            return null;
-        }
-        return (refValue) => {
-            setRef(refA, refValue);
-            setRef(refB, refValue);
-        };
-    }, [refA, refB]);
-}
-exports.useForkRef = useForkRef;

package/lib/cjs/hooks/useIsMounted.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function useIsMounted(): React.MutableRefObject<boolean>;
-//# sourceMappingURL=useIsMounted.d.ts.map

package/lib/cjs/hooks/useIsMounted.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsMounted.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,YAAY,oCAS3B"}

package/lib/cjs/hooks/useIsMounted.js

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsMounted = void 0;
-const react_1 = __importDefault(require("react"));
-function useIsMounted() {
-    const mounted = react_1.default.useRef(false);
-    react_1.default.useLayoutEffect(() => {
-        mounted.current = true;
-        return () => {
-            mounted.current = false;
-        };
-    }, []);
-    return mounted;
-}
-exports.useIsMounted = useIsMounted;

package/lib/cjs/hooks/useLRUCache.d.ts

@@ -1,8 +0,0 @@
-import { LRUCache } from '@rh-support/utils';
-export declare function useLRUCache<K, V>(maxSize: number): {
-    setInCache: (key: K, value: V) => void;
-    getFromCache: (key: K) => V;
-    clearCache: () => void;
-    cache: LRUCache<K, V>;
-};
-//# sourceMappingURL=useLRUCache.d.ts.map

package/lib/cjs/hooks/useLRUCache.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLRUCache.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLRUCache.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM;sBAIpB,CAAC,SAAS,CAAC;wBAKT,CAAC;;;EAc/B"}

package/lib/cjs/hooks/useLRUCache.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLRUCache = void 0;
-const utils_1 = require("@rh-support/utils");
-const react_1 = require("react");
-const useForceUpdate_1 = require("./useForceUpdate");
-function useLRUCache(maxSize) {
-    const lruCacheRef = react_1.useRef(new utils_1.LRUCache(maxSize));
-    const forceUpdate = useForceUpdate_1.useForceUpdate();
-    const setInCache = (key, value) => {
-        lruCacheRef.current.set(key, value);
-        forceUpdate();
-    };
-    const getFromCache = (key) => {
-        return lruCacheRef.current.get(key);
-    };
-    const clearCache = () => {
-        lruCacheRef.current.clear();
-        forceUpdate();
-    };
-    return {
-        setInCache,
-        getFromCache,
-        clearCache,
-        cache: lruCacheRef.current,
-    };
-}
-exports.useLRUCache = useLRUCache;

package/lib/cjs/hooks/useLocalStorage.d.ts

@@ -1,5 +0,0 @@
-declare type Dispatch<A> = (value: A) => void;
-declare type SetStateAction<S> = S | ((prevState: S) => S);
-declare const useLocalStorage: <T>(key: string, initialValue?: T, raw?: boolean) => [T, Dispatch<SetStateAction<T>>];
-export { useLocalStorage };
-//# sourceMappingURL=useLocalStorage.d.ts.map

package/lib/cjs/hooks/useLocalStorage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,aAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AACtC,aAAK,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAKnD,QAAA,MAAM,eAAe,WAAY,MAAM,0BAA0B,OAAO,qCA8BvE,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/cjs/hooks/useLocalStorage.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLocalStorage = void 0;
-const react_1 = require("react");
-// For usage please refer
-// https://github.com/streamich/react-use/blob/master/docs/useLocalStorage.md
-const useLocalStorage = (key, initialValue, raw) => {
-    const [state, setState] = react_1.useState(() => {
-        try {
-            const localStorageValue = localStorage.getItem(key);
-            if (typeof localStorageValue !== 'string') {
-                localStorage.setItem(key, raw ? String(initialValue) : JSON.stringify(initialValue));
-                return initialValue;
-            }
-            else {
-                return raw ? localStorageValue : JSON.parse(localStorageValue || 'null');
-            }
-        }
-        catch (_a) {
-            // If user is in private mode or has storage restriction
-            // localStorage can throw. JSON.parse and JSON.stringify
-            // can throw, too.
-            return initialValue;
-        }
-    });
-    react_1.useEffect(() => {
-        try {
-            const serializedState = raw ? String(state) : JSON.stringify(state);
-            localStorage.setItem(key, serializedState);
-        }
-        catch (_a) {
-            // If user is in private mode or has storage restriction
-            // localStorage can throw. Also JSON.stringify can throw.
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [state]);
-    return [state, setState];
-};
-exports.useLocalStorage = useLocalStorage;

package/lib/cjs/hooks/useOnScreen.d.ts

@@ -1,2 +0,0 @@
-export declare function useOnScreen(ref: any): boolean;
-//# sourceMappingURL=useOnScreen.d.ts.map

package/lib/cjs/hooks/useOnScreen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOnScreen.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnScreen.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,GAAG,KAAA,WAe9B"}

package/lib/cjs/hooks/useOnScreen.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOnScreen = void 0;
-const react_1 = require("react");
-function useOnScreen(ref) {
-    const [isIntersecting, setIntersecting] = react_1.useState(false);
-    const observer = new IntersectionObserver(([entry]) => setIntersecting(entry.isIntersecting));
-    react_1.useEffect(() => {
-        observer.observe(ref.current);
-        // Remove the observer as soon as the component is unmounted
-        return () => {
-            observer.disconnect();
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return isIntersecting;
-}
-exports.useOnScreen = useOnScreen;

package/lib/cjs/hooks/usePolling.d.ts

@@ -1,2 +0,0 @@
-export declare function usePolling(intervalCb: (...args: any[]) => void | Promise<void>, dependencies?: any[]): void;
-//# sourceMappingURL=usePolling.d.ts.map

package/lib/cjs/hooks/usePolling.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePolling.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePolling.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,UAAU,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,YAAY,GAAE,GAAG,EAAO,QAajG"}

package/lib/cjs/hooks/usePolling.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePolling = void 0;
-const react_1 = require("react");
-const refreshInterval = 120 * 1000;
-function usePolling(intervalCb, dependencies = []) {
-    const depsRef = react_1.useRef(dependencies);
-    const fetch = () => !document.hidden && intervalCb(...depsRef.current);
-    depsRef.current = dependencies;
-    react_1.useEffect(() => {
-        const id = setInterval(fetch, refreshInterval);
-        return () => {
-            clearInterval(id);
-        };
-        // setInterval should only be called once and cleared on unmount
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-}
-exports.usePolling = usePolling;

package/lib/cjs/hooks/usePrevious.d.ts

@@ -1,2 +0,0 @@
-export declare function usePrevious<T>(value: T): T;
-//# sourceMappingURL=usePrevious.d.ts.map

package/lib/cjs/hooks/usePrevious.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAMtC"}

package/lib/cjs/hooks/usePrevious.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = void 0;
-const react_1 = require("react");
-function usePrevious(value) {
-    const ref = react_1.useRef();
-    react_1.useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-}
-exports.usePrevious = usePrevious;

package/lib/cjs/hooks/useTitle.d.ts

@@ -1,2 +0,0 @@
-export declare function useDocumentTitle(title: any): void;
-//# sourceMappingURL=useTitle.d.ts.map

package/lib/cjs/hooks/useTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTitle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTitle.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,KAAK,KAAA,QASrC"}

package/lib/cjs/hooks/useTitle.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDocumentTitle = void 0;
-const react_1 = require("react");
-function useDocumentTitle(title) {
-    const originalTitle = document.title;
-    react_1.useEffect(() => {
-        document.title = title;
-        return () => {
-            document.title = originalTitle;
-        };
-    }, [title, originalTitle]);
-}
-exports.useDocumentTitle = useDocumentTitle;