@ansible/ansible-ui-framework 0.0.258 → 0.0.260

package/mjs/useTableItems.js

@@ -1,378 +0,0 @@
-import debounce from 'debounce';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-export function useTableItems(items, keyFn, defaults) {
-    const { selectedItems, selectItem, unselectItem, isSelected, selectItems, unselectAll, allSelected, } = useSelected(items, keyFn);
-    const { sorted, sort, setSort } = useSorted(items);
-    const { filtered, setFilterFn } = useFiltered(sorted, keyFn);
-    const { searched, search, setSearch, setSearchFn } = useSearched(filtered, keyFn, defaults?.search);
-    const { paged, page, setPage, perPage, setPerPage } = usePaged(searched);
-    const selectPage = useCallback(() => selectItems(paged), [paged, selectItems]);
-    const selectAll = useCallback(() => selectItems(searched), [searched, selectItems]);
-    return useMemo(() => ({
-        allSelected,
-        filtered,
-        isSelected,
-        page,
-        paged,
-        perPage,
-        search,
-        searched,
-        selectAll,
-        selectItem,
-        selectPage,
-        selectedItems,
-        setFilterFn,
-        setPage,
-        setPerPage,
-        setSearch,
-        setSearchFn,
-        setSort,
-        sort,
-        sorted,
-        unselectAll,
-        unselectItem,
-    }), [
-        allSelected,
-        filtered,
-        isSelected,
-        page,
-        paged,
-        perPage,
-        search,
-        searched,
-        selectAll,
-        selectItem,
-        selectPage,
-        selectedItems,
-        setFilterFn,
-        setPage,
-        setPerPage,
-        setSearch,
-        setSearchFn,
-        setSort,
-        sort,
-        sorted,
-        unselectAll,
-        unselectItem,
-    ]);
-}
-export function useSelected(items, keyFn) {
-    const [selectedMap, setSelectedMap] = useState({});
-    useEffect(() => {
-        setSelectedMap((selectedMap) => {
-            let changed = false;
-            items.forEach((item) => {
-                const key = keyFn(item);
-                if (selectedMap[key] && selectedMap[key] !== item) {
-                    changed = true;
-                    selectedMap[key] = item;
-                }
-            });
-            return changed ? { ...selectedMap } : selectedMap;
-        });
-    }, [items, keyFn]);
-    const selectItem = useCallback((item) => {
-        setSelectedMap((selectedMap) => {
-            const itemKey = keyFn(item);
-            const existing = selectedMap[itemKey];
-            if (existing !== item) {
-                selectedMap = { ...selectedMap };
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const unselectItem = useCallback((item) => {
-        setSelectedMap((selectedMap) => {
-            const itemKey = keyFn(item);
-            const existing = selectedMap[itemKey];
-            if (existing) {
-                selectedMap = { ...selectedMap };
-                delete selectedMap[itemKey];
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const isSelected = useCallback((item) => {
-        const itemKey = keyFn(item);
-        return selectedMap[itemKey] !== undefined;
-    }, [keyFn, selectedMap]);
-    const selectItems = useCallback((items) => {
-        setSelectedMap((selectedMap) => {
-            selectedMap = { ...selectedMap };
-            for (const item of items) {
-                const itemKey = keyFn(item);
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const selectAll = useCallback(() => selectItems(items), [items, selectItems]);
-    const unselectItems = useCallback((items) => {
-        for (const item of items) {
-            unselectItem(item);
-        }
-    }, [unselectItem]);
-    const unselectAll = useCallback(() => {
-        setSelectedMap((selectedMap) => {
-            if (Object.keys(selectedMap).length > 0) {
-                return {};
-            }
-            return selectedMap;
-        });
-    }, []);
-    const selectedItems = useMemo(() => Object.values(selectedMap), [selectedMap]);
-    const allSelected = useMemo(() => selectedItems.length === items.length, [items.length, selectedItems.length]);
-    return useMemo(() => ({
-        selectedItems,
-        selectItem,
-        unselectItem,
-        isSelected,
-        selectItems,
-        selectAll,
-        unselectAll,
-        allSelected,
-        keyFn,
-        unselectItems,
-    }), [
-        allSelected,
-        isSelected,
-        keyFn,
-        selectAll,
-        selectItem,
-        selectItems,
-        selectedItems,
-        unselectAll,
-        unselectItem,
-        unselectItems,
-    ]);
-}
-export function useSelectedInMemory(items, keyFn) {
-    const [selectedMap, setSelectedMap] = useState({});
-    useEffect(() => {
-        setSelectedMap((selectedMap) => {
-            let changed = false;
-            const itemsKeys = items.reduce((itemsKeys, item) => {
-                const key = keyFn(item);
-                itemsKeys[key] = item;
-                if (selectedMap[key] && selectedMap[key] !== item) {
-                    changed = true;
-                    selectedMap[key] = item;
-                }
-                return itemsKeys;
-            }, {});
-            const removeKeyMap = {};
-            for (const key in selectedMap) {
-                if (!itemsKeys[key]) {
-                    removeKeyMap[key] = true;
-                }
-            }
-            const removeKeys = Object.keys(removeKeyMap);
-            if (removeKeys.length) {
-                changed = true;
-                for (const key of removeKeys) {
-                    delete selectedMap[key];
-                }
-            }
-            return changed ? { ...selectedMap } : selectedMap;
-        });
-    }, [items, keyFn]);
-    const selectItem = useCallback((item) => {
-        setSelectedMap((selectedMap) => {
-            const itemKey = keyFn(item);
-            const existing = selectedMap[itemKey];
-            if (existing !== item) {
-                selectedMap = { ...selectedMap };
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const unselectItem = useCallback((item) => {
-        setSelectedMap((selectedMap) => {
-            const itemKey = keyFn(item);
-            const existing = selectedMap[itemKey];
-            if (existing) {
-                selectedMap = { ...selectedMap };
-                delete selectedMap[itemKey];
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const unselectItems = useCallback((items) => {
-        for (const item of items) {
-            unselectItem(item);
-        }
-    }, [unselectItem]);
-    const isSelected = useCallback((item) => {
-        const itemKey = keyFn(item);
-        return selectedMap[itemKey] !== undefined;
-    }, [keyFn, selectedMap]);
-    const selectItems = useCallback((items) => {
-        setSelectedMap((selectedMap) => {
-            selectedMap = { ...selectedMap };
-            for (const item of items) {
-                const itemKey = keyFn(item);
-                selectedMap[itemKey] = item;
-            }
-            return selectedMap;
-        });
-    }, [keyFn]);
-    const selectAll = useCallback(() => {
-        selectItems(items);
-    }, [items, selectItems]);
-    const unselectAll = useCallback(() => {
-        setSelectedMap((selectedMap) => {
-            if (Object.keys(selectedMap).length > 0) {
-                return {};
-            }
-            return selectedMap;
-        });
-    }, []);
-    const selectedItems = useMemo(() => Object.values(selectedMap), [selectedMap]);
-    const allSelected = useMemo(() => selectedItems.length === items.length, [items.length, selectedItems.length]);
-    return useMemo(() => ({
-        selectedItems,
-        selectItem,
-        unselectItem,
-        isSelected,
-        selectItems,
-        selectAll,
-        unselectAll,
-        allSelected,
-        keyFn,
-        unselectItems,
-    }), [
-        allSelected,
-        isSelected,
-        keyFn,
-        selectAll,
-        selectItem,
-        selectItems,
-        selectedItems,
-        unselectAll,
-        unselectItem,
-        unselectItems,
-    ]);
-}
-export function useSorted(items) {
-    const [sort, setSort] = useState();
-    const { direction, sortFn } = sort ?? {};
-    const sorted = useMemo(() => {
-        if (sortFn) {
-            if (direction === 'asc') {
-                return [...items.sort(sortFn)];
-            }
-            else {
-                return [...items.sort(sortFn).reverse()];
-            }
-        }
-        else {
-            return items;
-        }
-    }, [direction, items, sortFn]);
-    return useMemo(() => ({ sorted, sort, setSort }), [sort, sorted]);
-}
-export function useFiltered(items, keyFn) {
-    const filterMapRef = useRef({
-        map: {},
-    });
-    const [filterFn, setFilterFnState] = useState();
-    const setFilterFn = useCallback((filterFn) => setFilterFnState(() => filterFn), []);
-    const [filtered, setFiltered] = useState([]);
-    useEffect(() => {
-        filterMapRef.current.map = {};
-    }, [filterFn]);
-    const cachedFilterFn = useCallback((item) => {
-        const key = keyFn(item);
-        let cached = filterMapRef.current.map[key];
-        if (!cached) {
-            cached = { item, passes: filterFn ? filterFn(item) : true };
-            filterMapRef.current.map[key] = cached;
-        }
-        else if (cached.item !== item) {
-            cached.item = item;
-            cached.passes = filterFn ? filterFn(item) : true;
-        }
-        return cached.passes;
-    }, [filterFn, keyFn]);
-    useEffect(() => {
-        if (filterFn) {
-            setFiltered(items.filter(cachedFilterFn));
-        }
-        else {
-            setFiltered(items);
-        }
-    }, [items, filterFn, cachedFilterFn]);
-    return useMemo(function memoFiltered() {
-        return { filtered, setFilterFn };
-    }, [filtered, setFilterFn]);
-}
-function useSearched(items, keyFn, defaultSearch) {
-    const searchMapRef = useRef({
-        map: {},
-    });
-    const [searchFn, setSearchFnState] = useState();
-    const setSearchFn = useCallback((searchFn) => setSearchFnState(() => searchFn), []);
-    const [searched, setSearched] = useState([]);
-    const [search, setSearchState] = useState(defaultSearch ?? '');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const setSearch = useCallback(debounce((search) => setSearchState(search), 200), []);
-    useEffect(() => {
-        searchMapRef.current.map = {};
-    }, [search, searchFn]);
-    const cachedSearchFn = useCallback((item) => {
-        const key = keyFn(item);
-        let cached = searchMapRef.current.map[key];
-        if (!cached) {
-            cached = { item, score: searchFn ? searchFn(item, search) : 0 };
-            searchMapRef.current.map[key] = cached;
-        }
-        else if (cached.item !== item) {
-            cached.item = item;
-            cached.score = searchFn ? searchFn(item, search) : 0;
-        }
-        return cached;
-    }, [keyFn, searchFn, search]);
-    useEffect(() => {
-        if (searchFn && search) {
-            setSearched(items
-                .map(cachedSearchFn)
-                .filter((cached) => cached.score < 0.5)
-                .sort((l, r) => l.score - r.score)
-                .map((cached) => cached.item));
-        }
-        else {
-            setSearched(items);
-        }
-    }, [search, items, searchFn, cachedSearchFn]);
-    return useMemo(function memoFiltered() {
-        return { searched, search, setSearch, setSearchFn };
-    }, [searched, search, setSearch, setSearchFn]);
-}
-export function usePaged(source) {
-    const [paged, setPaged] = useState([]);
-    const [page, setPage] = useState(1);
-    const [perPage, setPerPage] = useState(10);
-    useEffect(() => {
-        setPaged((paged) => {
-            const newPaged = source.slice((page - 1) * perPage, page * perPage);
-            if (paged.length !== newPaged.length) {
-                return newPaged;
-            }
-            let index = 0;
-            for (const item of newPaged) {
-                if (paged[index++] !== item) {
-                    return newPaged;
-                }
-            }
-            return paged;
-        });
-    }, [page, perPage, source]);
-    useEffect(() => {
-        if (page > Math.ceil(source.length / perPage)) {
-            setPage(1);
-        }
-    }, [page, perPage, source.length]);
-    return useMemo(() => ({ paged, page, setPage, perPage, setPerPage }), [page, paged, perPage]);
-}

package/mjs/useView.js

@@ -1,108 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useSearchParams } from 'react-router-dom';
-export function useView(view, disableQueryString) {
-    const [searchParams, setSearchParams] = useSearchParams();
-    const [page, setPage] = useState(() => {
-        if (!disableQueryString) {
-            const queryPage = searchParams.get('page');
-            if (queryPage) {
-                const page = Number(queryPage);
-                if (Number.isInteger(page)) {
-                    return page;
-                }
-            }
-        }
-        return view?.page ?? 1;
-    });
-    const [perPage, setPerPage] = useState(() => {
-        if (!disableQueryString) {
-            const queryPerPage = searchParams.get('perPage');
-            if (queryPerPage) {
-                const perPage = Number(queryPerPage);
-                if (Number.isInteger(perPage)) {
-                    return perPage;
-                }
-            }
-        }
-        const localPerPage = localStorage.getItem('perPage');
-        if (localPerPage) {
-            const perPage = Number(localPerPage);
-            if (Number.isInteger(perPage)) {
-                return perPage;
-            }
-        }
-        return view?.perPage ?? 10;
-    });
-    const [sort, setSort] = useState(() => {
-        if (!disableQueryString) {
-            const querySort = searchParams.get('sort');
-            if (querySort) {
-                if (querySort.startsWith('-'))
-                    return querySort.slice(1);
-                return querySort;
-            }
-        }
-        return view?.sort ?? '';
-    });
-    const [sortDirection, setSortDirection] = useState(() => {
-        if (!disableQueryString) {
-            const querySort = searchParams.get('sort');
-            if (querySort) {
-                if (querySort.startsWith('-'))
-                    return 'desc';
-                return 'asc';
-            }
-        }
-        return view?.sortDirection ?? 'asc';
-    });
-    const [filters, setFilters] = useState(() => {
-        const filters = {};
-        for (const key of searchParams.keys()) {
-            switch (key) {
-                case 'sort':
-                case 'page':
-                case 'perPage':
-                    break;
-                default: {
-                    const value = searchParams.get(key);
-                    if (value) {
-                        const values = value.split(',');
-                        filters[key] = values;
-                    }
-                }
-            }
-        }
-        if (Object.keys(filters))
-            return filters;
-        return view?.filters ?? {};
-    });
-    const clearAllFilters = useCallback(() => setFilters({}), [setFilters]);
-    useEffect(() => {
-        if (disableQueryString)
-            return;
-        const newSearchParams = new URLSearchParams();
-        sortDirection === 'asc'
-            ? newSearchParams.set('sort', sort)
-            : newSearchParams.set('sort', `-${sort}`);
-        newSearchParams.set('page', page.toString());
-        newSearchParams.set('perPage', perPage.toString());
-        for (const filter in filters) {
-            newSearchParams.set(filter, filters[filter].join(','));
-        }
-        localStorage.setItem('perPage', perPage.toString());
-        setSearchParams(newSearchParams, { replace: true });
-    }, [sort, sortDirection, setSearchParams, disableQueryString, page, perPage, filters]);
-    return useMemo(() => ({
-        page,
-        setPage,
-        perPage,
-        setPerPage,
-        sort,
-        setSort,
-        sortDirection,
-        setSortDirection,
-        filters,
-        setFilters,
-        clearAllFilters,
-    }), [clearAllFilters, filters, page, perPage, sort, sortDirection]);
-}

package/mjs/utils/compare.js

@@ -1,53 +0,0 @@
-/* istanbul ignore file */
-export function compareUnknowns(a, b) {
-    /* istanbul ignore next */
-    if (a == undefined && b == undefined)
-        return 0;
-    /* istanbul ignore next */
-    if (a == undefined)
-        return 1;
-    /* istanbul ignore next */
-    if (b == undefined)
-        return -1;
-    /* istanbul ignore else */
-    if (typeof a === 'string') {
-        /* istanbul ignore else */
-        if (typeof b === 'string') {
-            return compareStrings(a, b);
-        }
-        else if (typeof b === 'number') {
-            return compareStrings(a, b.toString());
-        }
-    }
-    else if (typeof a === 'number') {
-        /* istanbul ignore else */
-        if (typeof b === 'number') {
-            return compareNumbers(a, b);
-        }
-        else if (typeof b === 'string') {
-            return compareStrings(a.toString(), b);
-        }
-    }
-    /* istanbul ignore next */
-    return 0;
-}
-/* istanbul ignore next */
-export function compareStrings(a, b) {
-    if (a == undefined && b == undefined)
-        return 0;
-    if (a == undefined)
-        return 1;
-    if (b == undefined)
-        return -1;
-    return a < b ? -1 : a > b ? 1 : 0;
-}
-/* istanbul ignore next */
-export function compareNumbers(a, b) {
-    if (a == undefined && b == undefined)
-        return 0;
-    if (a == undefined)
-        return 1;
-    if (b == undefined)
-        return -1;
-    return a < b ? -1 : a > b ? 1 : 0;
-}

package/mjs/utils/download-file.js

@@ -1,18 +0,0 @@
-export function downloadTextFile(name, content) {
-    const file = new Blob(content.split('/n'), { type: 'text/plain' });
-    const element = document.createElement('a');
-    element.href = URL.createObjectURL(file);
-    element.download = name + '.txt';
-    document.body.appendChild(element);
-    element.click();
-    document.body.removeChild(element);
-}
-export function downloadCvsFile(name, content) {
-    const file = new Blob(content, { type: 'text/csv' });
-    const element = document.createElement('a');
-    element.href = URL.createObjectURL(file);
-    element.download = name + '.csv';
-    document.body.appendChild(element);
-    element.click();
-    document.body.removeChild(element);
-}

package/mjs/utils/random-string.js

@@ -1,12 +0,0 @@
-/* istanbul ignore file */
-const randomCharacters = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
-export function randomString(length, base = randomCharacters.length) {
-    if (base > randomCharacters.length || base <= 0)
-        base = randomCharacters.length;
-    let text = '';
-    for (let i = 0; i < length; i++) {
-        const index = Math.floor(Math.random() * base) % base;
-        text += randomCharacters.charAt(index);
-    }
-    return text;
-}