@webiny/app 6.4.12-beta.5 → 6.5.0-beta.0

package/hooks/useDataList/useDataList.js

@@ -1,142 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useQuery } from "@apollo/react-hooks";
-import get from "lodash/get.js";
-import isEqual from "lodash/isEqual.js";
-import { prepareLoadListParams } from "./utils/index.js";
-import { getData, getError, getMeta } from "./functions/index.js";
-const useDataList = (params)=>{
-    const [multiSelectedItems, multiSelect] = useState([]);
-    const getQueryOptions = useCallback(()=>{
-        let variables = params.variables;
-        if ("function" == typeof variables) variables = variables(params);
-        return {
-            client: params.client,
-            variables: {
-                ...variables,
-                ...prepareLoadListParams()
-            }
-        };
-    }, []);
-    const queryData = useQuery(params.query, getQueryOptions());
-    const prevLoadParamsRef = useRef({});
-    const dataListProps = {
-        data: get(params, "getData", getData)(queryData.data),
-        meta: get(params, "getMeta", getMeta)(queryData.data),
-        error: get(params, "getError", getError)(queryData.data),
-        loading: queryData.loading,
-        init () {
-            this.refresh();
-        },
-        refresh (params = null) {
-            multiSelect([]);
-            if (!params) return void queryData.refetch(dataListProps.__loadParams);
-            queryData.refetch(params);
-        },
-        setPerPage (perPage) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                limit: parseInt("" + perPage),
-                after: void 0,
-                before: void 0
-            };
-            this.refresh(preparedParams);
-        },
-        setNextPage (cursor) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                after: cursor,
-                before: void 0
-            };
-            this.refresh(preparedParams);
-        },
-        setPreviousPage (cursor) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                after: void 0,
-                before: cursor
-            };
-            this.refresh(preparedParams);
-        },
-        setSearch (search) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                search,
-                after: void 0,
-                before: void 0
-            };
-            this.refresh(preparedParams);
-        },
-        setWhere (where) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                where,
-                after: void 0,
-                before: void 0
-            };
-            this.refresh(preparedParams);
-        },
-        setSorters (sort) {
-            const preparedParams = {
-                ...dataListProps.__loadParams,
-                sort,
-                after: void 0,
-                before: void 0
-            };
-            this.refresh(preparedParams);
-        },
-        multiSelect (items, value) {
-            if (!Array.isArray(items)) items = [
-                items
-            ];
-            const returnItems = [
-                ...multiSelectedItems
-            ];
-            items.forEach((item)=>{
-                if (void 0 === value) returnItems.includes(item) ? returnItems.splice(returnItems.indexOf(item), 1) : returnItems.push(item);
-                else if (true === value) returnItems.includes(item) || returnItems.push(item);
-                else returnItems.includes(item) && returnItems.splice(returnItems.indexOf(item), 1);
-            });
-            multiSelect(returnItems);
-        },
-        isSelected (item) {
-            const query = new URLSearchParams(location.search);
-            return query.get("id") === item.id;
-        },
-        select (item) {
-            const query = new URLSearchParams(location.search);
-            query.set("id", item.id);
-        },
-        isMultiSelected (item) {
-            if (!Array.isArray(multiSelectedItems)) return false;
-            return multiSelectedItems.includes(item);
-        },
-        isNoneMultiSelected () {
-            return 0 === multiSelectedItems.length;
-        },
-        getMultiSelected () {
-            return multiSelectedItems;
-        },
-        multiSelectAll (value) {
-            const { data } = dataListProps;
-            if (Array.isArray(data)) dataListProps.multiSelect(data, value);
-            else dataListProps.multiSelect([], value);
-        },
-        isAllMultiSelected () {
-            const { data } = dataListProps;
-            return Array.isArray(data) && multiSelectedItems.length === data.length;
-        },
-        __loadParams: prepareLoadListParams(location)
-    };
-    useEffect(()=>{
-        const params = {
-            prev: prevLoadParamsRef.current,
-            current: dataListProps.__loadParams
-        };
-        if (!isEqual(params.prev, params.current)) dataListProps.init();
-        prevLoadParamsRef.current = params.current;
-    });
-    return dataListProps;
-};
-export { useDataList };
-
-//# sourceMappingURL=useDataList.js.map

package/hooks/useDataList/useDataList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks/useDataList/useDataList.js","sources":["../../../src/hooks/useDataList/useDataList.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport get from \"lodash/get.js\";\nimport isEqual from \"lodash/isEqual.js\";\nimport { prepareLoadListParams } from \"./utils/index.js\";\nimport { getData, getError, getMeta } from \"./functions/index.js\";\n\nimport type { DocumentNode } from \"graphql\";\nimport type { ApolloClient } from \"apollo-client\";\n\nexport interface UseDataListParams {\n    variables?: ((params: UseDataListParams) => any) | object;\n    client?: ApolloClient<any>;\n    query: DocumentNode;\n    getData?: (data: any) => any;\n    getMeta?: (data: any) => any;\n    getError?: (data: any) => any;\n}\n\nexport interface DataListProps {\n    __loadParams: any;\n    refresh: (params?: any) => void;\n    data: any[];\n    meta: any;\n    error: any;\n    loading: boolean;\n    isSelected: (item: any) => boolean;\n    select: (item: any) => void;\n    isMultiSelected: (item: any) => boolean;\n    isNoneMultiSelected: () => boolean;\n    isAllMultiSelected: () => boolean;\n    multiSelectAll: (value: boolean) => void;\n    getMultiSelected: () => any[];\n    setSearch: (search: any) => void;\n    setWhere: (where: any) => void;\n    setSorters: (sort: any) => void;\n    setPerPage: (perPage: number) => void;\n    setPreviousPage: (cursor: string) => void;\n    setNextPage: (cursor: string) => void;\n    multiSelect: (items: string | string[], value?: boolean) => void;\n    init: () => void;\n}\n\nconst useDataList = (params: UseDataListParams) => {\n    const [multiSelectedItems, multiSelect] = useState<string[]>([]);\n\n    const getQueryOptions = useCallback(() => {\n        let variables = params.variables;\n        if (typeof variables === \"function\") {\n            variables = variables(params);\n        }\n\n        return {\n            client: params.client,\n            variables: {\n                ...variables,\n                ...prepareLoadListParams()\n            }\n        };\n    }, []);\n\n    const queryData = useQuery(params.query, getQueryOptions());\n    const prevLoadParamsRef = useRef({});\n\n    const dataListProps: DataListProps = {\n        data: get(params, \"getData\", getData)(queryData.data),\n        meta: get(params, \"getMeta\", getMeta)(queryData.data),\n        error: get(params, \"getError\", getError)(queryData.data),\n\n        loading: queryData.loading,\n        init() {\n            this.refresh();\n        },\n        refresh(params = null): void {\n            // Refresh multi select first.\n            multiSelect([]);\n\n            if (!params) {\n                queryData.refetch(dataListProps.__loadParams);\n                return;\n            }\n\n            queryData.refetch(params);\n        },\n        setPerPage(perPage: number): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                limit: parseInt(\"\" + perPage),\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setNextPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: cursor,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setPreviousPage(cursor: string): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                after: undefined,\n                before: cursor\n            };\n            this.refresh(preparedParams);\n        },\n        setSearch(search): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                search,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setWhere(where): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                where,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        setSorters(sort): void {\n            const preparedParams = {\n                ...dataListProps.__loadParams,\n                sort,\n                after: undefined,\n                before: undefined\n            };\n            this.refresh(preparedParams);\n        },\n        multiSelect(items, value): void {\n            if (!Array.isArray(items)) {\n                items = [items];\n            }\n\n            const returnItems = [...multiSelectedItems];\n\n            items.forEach(item => {\n                if (value === undefined) {\n                    returnItems.includes(item)\n                        ? returnItems.splice(returnItems.indexOf(item), 1)\n                        : returnItems.push(item);\n                } else {\n                    if (value === true) {\n                        !returnItems.includes(item) && returnItems.push(item);\n                    } else {\n                        returnItems.includes(item) &&\n                            returnItems.splice(returnItems.indexOf(item), 1);\n                    }\n                }\n            });\n\n            multiSelect(returnItems);\n        },\n        isSelected(item) {\n            const query = new URLSearchParams(location.search);\n            return query.get(\"id\") === item.id;\n        },\n        select(item) {\n            const query = new URLSearchParams(location.search);\n            query.set(\"id\", item.id);\n        },\n        isMultiSelected(item) {\n            if (!Array.isArray(multiSelectedItems)) {\n                return false;\n            }\n\n            return multiSelectedItems.includes(item);\n        },\n        isNoneMultiSelected() {\n            return multiSelectedItems.length === 0;\n        },\n        getMultiSelected() {\n            return multiSelectedItems;\n        },\n        multiSelectAll(value: boolean): void {\n            const { data } = dataListProps;\n            if (Array.isArray(data)) {\n                dataListProps.multiSelect(data, value);\n            } else {\n                dataListProps.multiSelect([], value);\n            }\n        },\n        isAllMultiSelected(): boolean {\n            const { data } = dataListProps;\n\n            return Array.isArray(data) && multiSelectedItems.length === data.length;\n        },\n\n        __loadParams: prepareLoadListParams(location)\n    };\n\n    useEffect(() => {\n        const params = {\n            prev: prevLoadParamsRef.current,\n            current: dataListProps.__loadParams\n        };\n\n        if (!isEqual(params.prev, params.current)) {\n            dataListProps.init();\n        }\n\n        prevLoadParamsRef.current = params.current;\n    });\n\n    return dataListProps;\n};\n\nexport { useDataList };\n"],"names":["useDataList","params","multiSelectedItems","multiSelect","useState","getQueryOptions","useCallback","variables","prepareLoadListParams","queryData","useQuery","prevLoadParamsRef","useRef","dataListProps","get","getData","getMeta","getError","perPage","preparedParams","parseInt","undefined","cursor","search","where","sort","items","value","Array","returnItems","item","query","URLSearchParams","location","data","useEffect","isEqual"],"mappings":"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"}

package/hooks/useDataList/utils/index.d.ts

@@ -1 +0,0 @@
-export { default as prepareLoadListParams } from "./prepareLoadListParams.js";

package/hooks/useDataList/utils/index.js

@@ -1 +0,0 @@
-export { default as prepareLoadListParams } from "./prepareLoadListParams.js";

package/hooks/useDataList/utils/prepareLoadListParams.d.ts

@@ -1,10 +0,0 @@
-interface Params {
-    after?: string;
-    before?: string;
-    limit?: number;
-    sort?: string;
-    where?: Record<string, any>;
-    search?: string;
-}
-declare const _default: (location?: Location) => Params;
-export default _default;

package/hooks/useDataList/utils/prepareLoadListParams.js

@@ -1,29 +0,0 @@
-const keys = [
-    "sort",
-    "where",
-    "search"
-];
-const prepareLoadListParams = (location)=>{
-    const params = {};
-    if (!location) return params;
-    const query = new URLSearchParams(location.search);
-    const after = query.get("after");
-    const before = query.get("before");
-    const limit = query.get("limit");
-    if (after) params.after = after;
-    if (before) params.before = before;
-    if (limit) params.limit = parseInt(limit);
-    keys.forEach((key)=>{
-        const value = query.get(key);
-        if ("string" != typeof value) return;
-        try {
-            params[key] = JSON.parse(value);
-        } catch  {
-            params[key] = value;
-        }
-    });
-    return params;
-};
-export default prepareLoadListParams;
-
-//# sourceMappingURL=prepareLoadListParams.js.map

package/hooks/useDataList/utils/prepareLoadListParams.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks/useDataList/utils/prepareLoadListParams.js","sources":["../../../../src/hooks/useDataList/utils/prepareLoadListParams.ts"],"sourcesContent":["interface Params {\n    after?: string;\n    before?: string;\n    limit?: number;\n    sort?: string;\n    where?: Record<string, any>;\n    search?: string;\n}\n\nconst keys: (keyof Params)[] = [\"sort\", \"where\", \"search\"];\n\nexport default (location?: Location): Params => {\n    const params: Params = {};\n    if (!location) {\n        return params;\n    }\n\n    const query = new URLSearchParams(location.search);\n\n    const after = query.get(\"after\");\n    const before = query.get(\"before\");\n    const limit = query.get(\"limit\");\n\n    if (after) {\n        params.after = after;\n    }\n\n    if (before) {\n        params.before = before;\n    }\n\n    if (limit) {\n        params.limit = parseInt(limit);\n    }\n\n    keys.forEach(key => {\n        const value = query.get(key);\n        if (typeof value !== \"string\") {\n            return;\n        }\n        try {\n            params[key] = JSON.parse(value);\n        } catch {\n            /**\n             * If we can't parse the value, it means it's a string.\n             */\n            // @ts-expect-error\n            params[key] = value;\n        }\n    });\n    return params;\n};\n"],"names":["keys","location","params","query","URLSearchParams","after","before","limit","parseInt","key","value","JSON"],"mappings":"AASA,MAAMA,OAAyB;IAAC;IAAQ;IAAS;CAAS;AAE1D,8BAAgB,CAAAC;IACZ,MAAMC,SAAiB,CAAC;IACxB,IAAI,CAACD,UACD,OAAOC;IAGX,MAAMC,QAAQ,IAAIC,gBAAgBH,SAAS,MAAM;IAEjD,MAAMI,QAAQF,MAAM,GAAG,CAAC;IACxB,MAAMG,SAASH,MAAM,GAAG,CAAC;IACzB,MAAMI,QAAQJ,MAAM,GAAG,CAAC;IAExB,IAAIE,OACAH,OAAO,KAAK,GAAGG;IAGnB,IAAIC,QACAJ,OAAO,MAAM,GAAGI;IAGpB,IAAIC,OACAL,OAAO,KAAK,GAAGM,SAASD;IAG5BP,KAAK,OAAO,CAACS,CAAAA;QACT,MAAMC,QAAQP,MAAM,GAAG,CAACM;QACxB,IAAI,AAAiB,YAAjB,OAAOC,OACP;QAEJ,IAAI;YACAR,MAAM,CAACO,IAAI,GAAGE,KAAK,KAAK,CAACD;QAC7B,EAAE,OAAM;YAKJR,MAAM,CAACO,IAAI,GAAGC;QAClB;IACJ;IACA,OAAOR;AACX"}