@constructive-io/graphql-react 2.14.10

package/use-table-rows.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTableRowsPaginated = useTableRowsPaginated;
+exports.useTableRowsInfinite = useTableRowsInfinite;
+exports.useCreateTableRow = useCreateTableRow;
+exports.useDeleteTableRow = useDeleteTableRow;
+// @ts-nocheck
+const react_1 = require("react");
+const react_query_1 = require("react-query");
+const use_graphql_client_1 = require("./use-graphql-client");
+const use_constructive_client_1 = require("./use-constructive-client");
+const noop = () => { };
+function useTableRowsPaginated(options = {}) {
+    const { tableName, first, after, last, before, condition, filter, orderBy, onSuccess = noop, onError, skip = false, select, ...restOptions } = options;
+    const graphqlClient = (0, use_graphql_client_1.useGraphqlClient)();
+    const queryBuilder = (0, use_constructive_client_1.useConstructiveQuery)();
+    const graphqlQuery = (0, react_1.useMemo)(() => {
+        if (!queryBuilder)
+            return null;
+        const result = queryBuilder.query(tableName).getMany({ select }).print();
+        return {
+            hash: result._hash,
+            key: result._key
+        };
+    }, [queryBuilder, select, tableName]);
+    const params = (0, react_1.useMemo)(() => ({
+        skip,
+        first,
+        after,
+        last,
+        before,
+        condition,
+        filter,
+        orderBy,
+        graphqlQuery
+    }), [after, before, condition, filter, first, graphqlQuery, last, orderBy, skip]);
+    const query = (0, react_query_1.useQuery)([tableName, params], async ({ queryKey }) => {
+        const [, params] = queryKey;
+        const { skip, first, last, after, before, condition, filter, orderBy, graphqlQuery } = normalize(params);
+        if (skip || !graphqlQuery)
+            return null;
+        const result = await graphqlClient.request(graphqlQuery.hash, {
+            first,
+            last,
+            after,
+            before,
+            condition,
+            filter,
+            orderBy
+        });
+        return result[graphqlQuery.key];
+    }, {
+        onError,
+        onSuccess,
+        enabled: !!graphqlClient && !!graphqlQuery,
+        ...restOptions
+        // Read more what this does at:
+        // https://react-query.tanstack.com/guides/paginated-queries#better-paginated-queries-with-keeppreviousdata
+        // keepPreviousData: true
+    });
+    return query;
+}
+function useTableRowsInfinite(options = {}) {
+    const { tableName, condition, filter, orderBy, onSuccess = noop, onError, select, ...restOptions } = options;
+    const graphqlClient = (0, use_graphql_client_1.useGraphqlClient)();
+    const queryBuilder = (0, use_constructive_client_1.useConstructiveQuery)();
+    const graphqlQuery = (0, react_1.useMemo)(() => {
+        if (!queryBuilder)
+            return null;
+        const result = queryBuilder.query(tableName).getMany({ select }).print();
+        return {
+            hash: result._hash,
+            key: result._key
+        };
+    }, [queryBuilder, select, tableName]);
+    const params = (0, react_1.useMemo)(() => ({
+        graphqlQuery,
+        condition,
+        filter,
+        orderBy
+    }), [condition, filter, graphqlQuery, orderBy]);
+    const infiniteQuery = (0, react_query_1.useInfiniteQuery)([tableName, params], async ({ queryKey, pageParam = null }) => {
+        const [, params] = queryKey;
+        const { condition, filter, orderBy, graphqlQuery } = normalize(params);
+        if (!graphqlQuery)
+            return null;
+        const result = await graphqlClient.request(graphqlQuery.hash, {
+            first: 50,
+            after: pageParam,
+            condition,
+            filter,
+            orderBy
+        });
+        return result[graphqlQuery.key];
+    }, {
+        onError,
+        onSuccess,
+        enabled: !!graphqlClient && !!graphqlQuery,
+        getNextPageParam: (lastPage) => lastPage.pageInfo.endCursor,
+        ...restOptions
+    });
+    return infiniteQuery;
+}
+function useCreateTableRow(options = {}) {
+    const { tableName, onSuccess, onError } = options;
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const graphqlClient = (0, use_graphql_client_1.useGraphqlClient)();
+    const queryBuilder = (0, use_constructive_client_1.useConstructiveQuery)();
+    const graphqlMutation = (0, react_1.useMemo)(() => {
+        if (!queryBuilder)
+            return null;
+        const result = queryBuilder.query(tableName).create().print();
+        return {
+            hash: result._hash,
+            key: result._key
+        };
+    }, [queryBuilder, tableName]);
+    const mutation = (0, react_query_1.useMutation)(async (variables) => {
+        const result = await graphqlClient.request(graphqlMutation.hash, variables);
+        return result[graphqlMutation.key];
+    }, {
+        onSuccess: (...args) => {
+            // Will invalidate every query that has query key starting with tableName
+            // ex: ['Action'] and ['Action', params] will both be invalidated
+            queryClient.invalidateQueries(tableName);
+            if (typeof onSuccess === 'function')
+                onSuccess(args);
+        },
+        onError
+    });
+    return mutation;
+}
+function useDeleteTableRow(options = {}) {
+    const { tableName, onSuccess, onError } = options;
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const graphqlClient = (0, use_graphql_client_1.useGraphqlClient)();
+    const queryBuilder = (0, use_constructive_client_1.useConstructiveQuery)();
+    const graphqlMutation = (0, react_1.useMemo)(() => {
+        if (!queryBuilder)
+            return null;
+        const result = queryBuilder.query(tableName).delete().print();
+        return {
+            hash: result._hash,
+            key: result._key
+        };
+    }, [queryBuilder, tableName]);
+    const mutation = (0, react_query_1.useMutation)(async (variables) => {
+        const result = await graphqlClient.request(graphqlMutation.hash, variables);
+        return result[graphqlMutation.key];
+    }, {
+        onSuccess: (...args) => {
+            // Will invalidate every query that has query key starting with tableName
+            // ex: ['Action'] and ['Action', params] will both be invalidated
+            queryClient.invalidateQueries(tableName);
+            if (typeof onSuccess === 'function')
+                onSuccess(args);
+        },
+        onError
+    });
+    return mutation;
+}
+function normalize(params) {
+    return {
+        ...params,
+        after: params.after ? String(params.after) : null,
+        before: params.before ? String(params.before) : null,
+        first: isValidPageSize(params.first) ? undefined : Number(params.first),
+        last: isValidPageSize(params.last) ? undefined : Number(params.last)
+    };
+}
+function isValidPageSize(size) {
+    return isNaN(size) || size == null;
+}