@trackunit/react-graphql-hooks 0.0.172 → 0.0.174

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 require('react/jsx-runtime');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
 var sharedUtils = require('@trackunit/shared-utils');
@@ -10,10 +8,7 @@ var reactTablePagination = require('@trackunit/react-table-pagination');
 var isEqual = require('lodash/isEqual');
 var react = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -26,12 +21,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var ApolloClient__namespace = /*#__PURE__*/_interopNamespace(ApolloClient);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+var ApolloClient__namespace = /*#__PURE__*/_interopNamespaceDefault(ApolloClient);
 
 var defaultTranslations = {
 	
@@ -98,38 +92,6 @@ const unionEdgesByNodeKey = (key, previousEdges, newEdges) => {
         .filter(sharedUtils.truthy);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * This hook is used to fetch data from a GraphQL query and support pagination, it will help maintain the data and the pagination.
  *
@@ -171,8 +133,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * @param {PaginationQueryProps<TData, TVariables>} props - The properties for configuring the query. This includes the `updateQuery` function for merging new and existing data, and options for pagination such as `pageSize`. Also includes other lazy query hook options from Apollo Client.
  * @returns {*}  {PaginationQuery}
  */
-const usePaginationQuery = (document, _a) => {
-    var props = __rest(_a, []);
+const usePaginationQuery = (document, { ...props }) => {
     const [lastFetchedData, setLastFetchedData] = react.useState();
     const [resetTrigger, setResetTrigger] = react.useState(0);
     // Makes **sure** query variables are stable.
@@ -181,21 +142,29 @@ const usePaginationQuery = (document, _a) => {
     // If ever a better solution is found, please remove this ugliness.
     const stableVariables = react.useRef(props.variables);
     const internalProps = react.useMemo(() => {
-        if (!isEqual__default["default"](props.variables, stableVariables.current)) {
+        if (!isEqual(props.variables, stableVariables.current)) {
             stableVariables.current = props.variables;
         }
-        return Object.assign(Object.assign({}, props), { variables: stableVariables.current });
+        return {
+            ...props,
+            variables: stableVariables.current,
+        };
     }, [props]);
-    const [, { fetchMore, networkStatus }] = ApolloClient__namespace.useLazyQuery(document, Object.assign(Object.assign({}, internalProps), { notifyOnNetworkStatusChange: true, onCompleted: () => {
+    const [, { fetchMore, networkStatus }] = ApolloClient__namespace.useLazyQuery(document, {
+        ...internalProps,
+        notifyOnNetworkStatusChange: true, // Needed to update networkStatus
+        onCompleted: () => {
             if (networkStatus === ApolloClient__namespace.NetworkStatus.refetch) {
                 // trigger reset for refetchQueries for the provided document.
                 setResetTrigger(prev => prev + 1);
             }
-        }, 
+        },
         // This is safe since we have no cache
         // and without it it will make a magic extra call to the query check this
         // https://stackoverflow.com/questions/66441463/fetchmore-request-executed-twice-every-time
-        nextFetchPolicy: "network-only", initialFetchPolicy: "network-only" }));
+        nextFetchPolicy: "network-only",
+        initialFetchPolicy: "network-only",
+    });
     const [data, setData] = react.useState();
     const onReset = react.useCallback(() => {
         setResetTrigger(prev => prev + 1);
@@ -210,22 +179,31 @@ const usePaginationQuery = (document, _a) => {
         /**
          * To support pagination with page and pageSize, we need to convert the variables from first and after.
          */
-        let fetchMoreVariables = Object.assign(Object.assign({}, internalProps.variables), (internalProps.variables && "page" in internalProps.variables && "pageSize" in internalProps.variables
-            ? // eslint-disable-next-line local-rules/no-typescript-assertion
-                {
-                    pageSize: variables.first,
-                    page: Number(variables.after) || 0,
-                }
-            : Object.assign({}, variables)));
+        let fetchMoreVariables = {
+            ...internalProps.variables,
+            ...(internalProps.variables && "page" in internalProps.variables && "pageSize" in internalProps.variables
+                ? // eslint-disable-next-line local-rules/no-typescript-assertion
+                    {
+                        pageSize: variables.first,
+                        page: Number(variables.after) || 0,
+                    }
+                : { ...variables }),
+        };
         // To support "pageable" queries we do it here! REMOVE once the serviceplans are updated to use the new pagination.
-        fetchMoreVariables = Object.assign({}, ("pageable" in fetchMoreVariables
-            ? Object.assign(Object.assign({}, fetchMoreVariables), { pageable: {
-                    first: fetchMoreVariables.first,
-                    last: fetchMoreVariables.last,
-                    before: fetchMoreVariables.before,
-                    after: fetchMoreVariables.after,
-                    pageSize: fetchMoreVariables.pageSize,
-                } }) : Object.assign({}, fetchMoreVariables)));
+        fetchMoreVariables = {
+            ...("pageable" in fetchMoreVariables
+                ? {
+                    ...fetchMoreVariables,
+                    pageable: {
+                        first: fetchMoreVariables.first,
+                        last: fetchMoreVariables.last,
+                        before: fetchMoreVariables.before,
+                        after: fetchMoreVariables.after,
+                        pageSize: fetchMoreVariables.pageSize,
+                    },
+                }
+                : { ...fetchMoreVariables }),
+        };
         fetchMore({
             variables: fetchMoreVariables,
             updateQuery: (_, { fetchMoreResult }) => {

package/index.esm.js

@@ -71,38 +71,6 @@ const unionEdgesByNodeKey = (key, previousEdges, newEdges) => {
         .filter(truthy);
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
 /**
  * This hook is used to fetch data from a GraphQL query and support pagination, it will help maintain the data and the pagination.
  *
@@ -144,8 +112,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
  * @param {PaginationQueryProps<TData, TVariables>} props - The properties for configuring the query. This includes the `updateQuery` function for merging new and existing data, and options for pagination such as `pageSize`. Also includes other lazy query hook options from Apollo Client.
  * @returns {*}  {PaginationQuery}
  */
-const usePaginationQuery = (document, _a) => {
-    var props = __rest(_a, []);
+const usePaginationQuery = (document, { ...props }) => {
     const [lastFetchedData, setLastFetchedData] = useState();
     const [resetTrigger, setResetTrigger] = useState(0);
     // Makes **sure** query variables are stable.
@@ -157,18 +124,26 @@ const usePaginationQuery = (document, _a) => {
         if (!isEqual(props.variables, stableVariables.current)) {
             stableVariables.current = props.variables;
         }
-        return Object.assign(Object.assign({}, props), { variables: stableVariables.current });
+        return {
+            ...props,
+            variables: stableVariables.current,
+        };
     }, [props]);
-    const [, { fetchMore, networkStatus }] = ApolloClient.useLazyQuery(document, Object.assign(Object.assign({}, internalProps), { notifyOnNetworkStatusChange: true, onCompleted: () => {
+    const [, { fetchMore, networkStatus }] = ApolloClient.useLazyQuery(document, {
+        ...internalProps,
+        notifyOnNetworkStatusChange: true, // Needed to update networkStatus
+        onCompleted: () => {
             if (networkStatus === ApolloClient.NetworkStatus.refetch) {
                 // trigger reset for refetchQueries for the provided document.
                 setResetTrigger(prev => prev + 1);
             }
-        }, 
+        },
         // This is safe since we have no cache
         // and without it it will make a magic extra call to the query check this
         // https://stackoverflow.com/questions/66441463/fetchmore-request-executed-twice-every-time
-        nextFetchPolicy: "network-only", initialFetchPolicy: "network-only" }));
+        nextFetchPolicy: "network-only",
+        initialFetchPolicy: "network-only",
+    });
     const [data, setData] = useState();
     const onReset = useCallback(() => {
         setResetTrigger(prev => prev + 1);
@@ -183,22 +158,31 @@ const usePaginationQuery = (document, _a) => {
         /**
          * To support pagination with page and pageSize, we need to convert the variables from first and after.
          */
-        let fetchMoreVariables = Object.assign(Object.assign({}, internalProps.variables), (internalProps.variables && "page" in internalProps.variables && "pageSize" in internalProps.variables
-            ? // eslint-disable-next-line local-rules/no-typescript-assertion
-                {
-                    pageSize: variables.first,
-                    page: Number(variables.after) || 0,
-                }
-            : Object.assign({}, variables)));
+        let fetchMoreVariables = {
+            ...internalProps.variables,
+            ...(internalProps.variables && "page" in internalProps.variables && "pageSize" in internalProps.variables
+                ? // eslint-disable-next-line local-rules/no-typescript-assertion
+                    {
+                        pageSize: variables.first,
+                        page: Number(variables.after) || 0,
+                    }
+                : { ...variables }),
+        };
         // To support "pageable" queries we do it here! REMOVE once the serviceplans are updated to use the new pagination.
-        fetchMoreVariables = Object.assign({}, ("pageable" in fetchMoreVariables
-            ? Object.assign(Object.assign({}, fetchMoreVariables), { pageable: {
-                    first: fetchMoreVariables.first,
-                    last: fetchMoreVariables.last,
-                    before: fetchMoreVariables.before,
-                    after: fetchMoreVariables.after,
-                    pageSize: fetchMoreVariables.pageSize,
-                } }) : Object.assign({}, fetchMoreVariables)));
+        fetchMoreVariables = {
+            ...("pageable" in fetchMoreVariables
+                ? {
+                    ...fetchMoreVariables,
+                    pageable: {
+                        first: fetchMoreVariables.first,
+                        last: fetchMoreVariables.last,
+                        before: fetchMoreVariables.before,
+                        after: fetchMoreVariables.after,
+                        pageSize: fetchMoreVariables.pageSize,
+                    },
+                }
+                : { ...fetchMoreVariables }),
+        };
         fetchMore({
             variables: fetchMoreVariables,
             updateQuery: (_, { fetchMoreResult }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-graphql-hooks",
-  "version": "0.0.172",
+  "version": "0.0.174",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,12 +8,13 @@
   },
   "dependencies": {
     "@apollo/client": "3.10.4",
-    "react": "^18.2.0",
+    "react": "18.3.1",
     "@trackunit/i18n-library-translation": "*",
     "@trackunit/shared-utils": "*",
     "@trackunit/react-table-pagination": "*",
     "lodash": "4.17.21"
   },
   "module": "./index.esm.js",
-  "main": "./index.cjs.js"
-}
+  "main": "./index.cjs.js",
+  "types": "./index.esm.d.ts"
+}

package/src/translation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
 import defaultTranslations from "./locales/en/translation.json";
 /** A type for all available translation keys in this library */
@@ -27,7 +26,7 @@ export type TranslationFunction = TransForLibs<TranslationKeys>;
 /**
  * Trans for this specific library.
  */
-export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Registers the translations for this library
  */

package/src/usePaginationQuery.demo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as ApolloClient from "@apollo/client";
 import { PaginationQueryProps } from "./usePaginationQuery";
 export interface UsePaginationQueryDemoComponentProps<TData, TVariables extends ApolloClient.OperationVariables> extends PaginationQueryProps<TData, TVariables> {
@@ -9,4 +8,4 @@ export interface UsePaginationQueryDemoComponentProps<TData, TVariables extends
  *
  * It returns an object containing methods and values related to pagination.
  */
-export declare const UsePaginationQueryDemoComponent: <TData, TVariables extends ApolloClient.OperationVariables>({ document, variables, pageSize, updateQuery, }: UsePaginationQueryDemoComponentProps<TData, TVariables>) => JSX.Element;
+export declare const UsePaginationQueryDemoComponent: <TData, TVariables extends ApolloClient.OperationVariables>({ document, variables, pageSize, updateQuery, }: UsePaginationQueryDemoComponentProps<TData, TVariables>) => import("react/jsx-runtime").JSX.Element;

package/src/usePaginationQuery.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { Meta, StoryObj } from "@storybook/react";
 import { UsePaginationQueryDemoComponent } from "./usePaginationQuery.demo";
 type Story = StoryObj<typeof UsePaginationQueryDemoComponent>;
 declare const meta: Meta<typeof UsePaginationQueryDemoComponent>;
 export default meta;
-export declare const packageName: () => JSX.Element;
+export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
 export declare const Default: Story;

package/translation.cjs.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs10.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs11.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs12.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs13.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs14.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs15.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs16.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs17.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs2.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs3.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs4.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs5.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs6.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs7.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs8.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;

package/translation.cjs9.js

@@ -4,4 +4,4 @@ var translation = {
 	
 };
 
-exports["default"] = translation;
+exports.default = translation;