@inventreedb/ui 0.8.0 → 0.8.1

package/dist/hooks/MonitorDataOutput.d.ts

@@ -1,9 +1,11 @@
+import { QueryClient } from '@tanstack/react-query';
 import { AxiosInstance } from 'axios';
 /**
  * Hook for monitoring a data output process running on the server
  */
-export default function monitorDataOutput({ api, title, hostname, id }: {
+export default function monitorDataOutput({ api, queryClient, title, hostname, id }: {
     api: AxiosInstance;
+    queryClient?: QueryClient;
     title: string;
     hostname?: string;
     id?: number;

package/dist/hooks/MonitorDataOutput.js

@@ -13,6 +13,7 @@ const useEffect = window["React"].useEffect;
 const useState = window["React"].useState;
 function monitorDataOutput({
   api,
+  queryClient,
   title,
   hostname,
   id
@@ -104,7 +105,7 @@ function monitorDataOutput({
       });
       return {};
     })
-  });
+  }, queryClient);
 }
 export {
   monitorDataOutput as default

package/dist/hooks/MonitorDataOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonitorDataOutput.js","sources":["../../lib/hooks/MonitorDataOutput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport { IconCircleCheck, IconExclamationCircle } from '@tabler/icons-react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ProgressBar } from '../components/ProgressBar';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\n/**\n * Hook for monitoring a data output process running on the server\n */\nexport default function monitorDataOutput({\n  api,\n  title,\n  hostname,\n  id\n}: {\n  api: AxiosInstance;\n  title: string;\n  hostname?: string;\n  id?: number;\n}) {\n  const visibility = useDocumentVisibility();\n\n  const [loading, setLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!id) {\n      setLoading(true);\n      showNotification({\n        id: `data-output-${id}`,\n        title: title,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false,\n        message: <ProgressBar size='lg' value={0} progressLabel />\n      });\n    } else setLoading(false);\n  }, [id, title]);\n\n  useQuery({\n    enabled: !!id && loading && visibility === 'visible',\n    refetchInterval: 500,\n    queryKey: ['data-output', id, title],\n    queryFn: () =>\n      api\n        .get(apiUrl(ApiEndpoints.data_output, id))\n        .then((response) => {\n          const data = response?.data ?? {};\n\n          if (!!data.errors || !!data.error) {\n            setLoading(false);\n\n            const error: string =\n              data?.error ?? data?.errors?.error ?? t`Process failed`;\n\n            notifications.update({\n              id: `data-output-${id}`,\n              loading: false,\n              icon: <IconExclamationCircle />,\n              autoClose: 2500,\n              title: title,\n              message: error,\n              color: 'red'\n            });\n          } else if (data.complete) {\n            setLoading(false);\n            notifications.update({\n              id: `data-output-${id}`,\n              loading: false,\n              autoClose: 2500,\n              title: title,\n              message: t`Process completed successfully`,\n              color: 'green',\n              icon: <IconCircleCheck />\n            });\n\n            if (data.output) {\n              const url = data.output;\n              const base = hostname ?? window.location.hostname;\n\n              const downloadUrl = new URL(url, base);\n\n              window.open(downloadUrl.toString(), '_blank');\n            }\n          } else {\n            notifications.update({\n              id: `data-output-${id}`,\n              loading: true,\n              autoClose: false,\n              withCloseButton: false,\n              message: (\n                <ProgressBar\n                  size='lg'\n                  maximum={data.total}\n                  value={data.progress}\n                  progressLabel={data.total > 0}\n                  animated\n                />\n              )\n            });\n          }\n\n          return data;\n        })\n        .catch(() => {\n          setLoading(false);\n          notifications.update({\n            id: `data-output-${id}`,\n            loading: false,\n            autoClose: 2500,\n            title: title,\n            message: t`Process failed`,\n            color: 'red'\n          });\n          return {};\n        })\n  });\n}\n"],"names":["monitorDataOutput","api","title","hostname","id","visibility","useDocumentVisibility","loading","setLoading","useState","useEffect","showNotification","autoClose","withCloseButton","message","useQuery","enabled","refetchInterval","queryKey","queryFn","get","apiUrl","ApiEndpoints","data_output","then","response","data","errors","error","_i18n","_","notifications","update","icon","color","complete","output","url","base","window","location","downloadUrl","URL","open","toString","jsx","total","progress","catch"],"mappings":"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"}
+{"version":3,"file":"MonitorDataOutput.js","sources":["../../lib/hooks/MonitorDataOutput.tsx"],"sourcesContent":["import { t } from '@lingui/core/macro';\nimport { useDocumentVisibility } from '@mantine/hooks';\nimport { notifications, showNotification } from '@mantine/notifications';\nimport { IconCircleCheck, IconExclamationCircle } from '@tabler/icons-react';\nimport { type QueryClient, useQuery } from '@tanstack/react-query';\nimport type { AxiosInstance } from 'axios';\nimport { useEffect, useState } from 'react';\nimport { ProgressBar } from '../components/ProgressBar';\nimport { ApiEndpoints } from '../enums/ApiEndpoints';\nimport { apiUrl } from '../functions/Api';\n\n/**\n * Hook for monitoring a data output process running on the server\n */\nexport default function monitorDataOutput({\n  api,\n  queryClient,\n  title,\n  hostname,\n  id\n}: {\n  api: AxiosInstance;\n  queryClient?: QueryClient;\n  title: string;\n  hostname?: string;\n  id?: number;\n}) {\n  const visibility = useDocumentVisibility();\n\n  const [loading, setLoading] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (!!id) {\n      setLoading(true);\n      showNotification({\n        id: `data-output-${id}`,\n        title: title,\n        loading: true,\n        autoClose: false,\n        withCloseButton: false,\n        message: <ProgressBar size='lg' value={0} progressLabel />\n      });\n    } else setLoading(false);\n  }, [id, title]);\n\n  useQuery(\n    {\n      enabled: !!id && loading && visibility === 'visible',\n      refetchInterval: 500,\n      queryKey: ['data-output', id, title],\n      queryFn: () =>\n        api\n          .get(apiUrl(ApiEndpoints.data_output, id))\n          .then((response) => {\n            const data = response?.data ?? {};\n\n            if (!!data.errors || !!data.error) {\n              setLoading(false);\n\n              const error: string =\n                data?.error ?? data?.errors?.error ?? t`Process failed`;\n\n              notifications.update({\n                id: `data-output-${id}`,\n                loading: false,\n                icon: <IconExclamationCircle />,\n                autoClose: 2500,\n                title: title,\n                message: error,\n                color: 'red'\n              });\n            } else if (data.complete) {\n              setLoading(false);\n              notifications.update({\n                id: `data-output-${id}`,\n                loading: false,\n                autoClose: 2500,\n                title: title,\n                message: t`Process completed successfully`,\n                color: 'green',\n                icon: <IconCircleCheck />\n              });\n\n              if (data.output) {\n                const url = data.output;\n                const base = hostname ?? window.location.hostname;\n\n                const downloadUrl = new URL(url, base);\n\n                window.open(downloadUrl.toString(), '_blank');\n              }\n            } else {\n              notifications.update({\n                id: `data-output-${id}`,\n                loading: true,\n                autoClose: false,\n                withCloseButton: false,\n                message: (\n                  <ProgressBar\n                    size='lg'\n                    maximum={data.total}\n                    value={data.progress}\n                    progressLabel={data.total > 0}\n                    animated\n                  />\n                )\n              });\n            }\n\n            return data;\n          })\n          .catch(() => {\n            setLoading(false);\n            notifications.update({\n              id: `data-output-${id}`,\n              loading: false,\n              autoClose: 2500,\n              title: title,\n              message: t`Process failed`,\n              color: 'red'\n            });\n            return {};\n          })\n    },\n    queryClient\n  );\n}\n"],"names":["monitorDataOutput","api","queryClient","title","hostname","id","visibility","useDocumentVisibility","loading","setLoading","useState","useEffect","showNotification","autoClose","withCloseButton","message","useQuery","enabled","refetchInterval","queryKey","queryFn","get","apiUrl","ApiEndpoints","data_output","then","response","data","errors","error","_i18n","_","notifications","update","icon","color","complete","output","url","base","window","location","downloadUrl","URL","open","toString","jsx","total","progress","catch"],"mappings":"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"}

package/dist/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js

@@ -5,6 +5,9 @@ var QueryClientContext = React.createContext(
 );
 var useQueryClient = (queryClient) => {
   const client = React.useContext(QueryClientContext);
+  if (queryClient) {
+    return queryClient;
+  }
   if (!client) {
     throw new Error("No QueryClient set, use QueryClientProvider to set one");
   }

package/dist/node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryClientProvider.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js"],"sourcesContent":["\"use client\";\n\n// src/QueryClientProvider.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nvar QueryClientContext = React.createContext(\n  void 0\n);\nvar useQueryClient = (queryClient) => {\n  const client = React.useContext(QueryClientContext);\n  if (queryClient) {\n    return queryClient;\n  }\n  if (!client) {\n    throw new Error(\"No QueryClient set, use QueryClientProvider to set one\");\n  }\n  return client;\n};\nvar QueryClientProvider = ({\n  client,\n  children\n}) => {\n  React.useEffect(() => {\n    client.mount();\n    return () => {\n      client.unmount();\n    };\n  }, [client]);\n  return /* @__PURE__ */ jsx(QueryClientContext.Provider, { value: client, children });\n};\nexport {\n  QueryClientContext,\n  QueryClientProvider,\n  useQueryClient\n};\n//# sourceMappingURL=QueryClientProvider.js.map"],"names":[],"mappings":";AAGA,MAAA,QAAA,OAAA,OAAA;AAEG,IAAC,qBAAqB,MAAM;AAAA,EAC7B;AACF;AACG,IAAC,iBAAiB,CAAC,gBAAgB;AACpC,QAAM,SAAS,MAAM,WAAW,kBAAkB;AAIlD,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"QueryClientProvider.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js"],"sourcesContent":["\"use client\";\n\n// src/QueryClientProvider.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nvar QueryClientContext = React.createContext(\n  void 0\n);\nvar useQueryClient = (queryClient) => {\n  const client = React.useContext(QueryClientContext);\n  if (queryClient) {\n    return queryClient;\n  }\n  if (!client) {\n    throw new Error(\"No QueryClient set, use QueryClientProvider to set one\");\n  }\n  return client;\n};\nvar QueryClientProvider = ({\n  client,\n  children\n}) => {\n  React.useEffect(() => {\n    client.mount();\n    return () => {\n      client.unmount();\n    };\n  }, [client]);\n  return /* @__PURE__ */ jsx(QueryClientContext.Provider, { value: client, children });\n};\nexport {\n  QueryClientContext,\n  QueryClientProvider,\n  useQueryClient\n};\n//# sourceMappingURL=QueryClientProvider.js.map"],"names":[],"mappings":";AAGA,MAAA,QAAA,OAAA,OAAA;AAEG,IAAC,qBAAqB,MAAM;AAAA,EAC7B;AACF;AACG,IAAC,iBAAiB,CAAC,gBAAgB;AACpC,QAAM,SAAS,MAAM,WAAW,kBAAkB;AAClD,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AACA,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,wDAAwD;AAAA,EAC1E;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@tanstack/react-query/build/modern/useBaseQuery.js

@@ -16,7 +16,7 @@ function useBaseQuery(options, Observer, queryClient) {
   }
   const isRestoring = useIsRestoring();
   const errorResetBoundary = useQueryErrorResetBoundary();
-  const client = useQueryClient();
+  const client = useQueryClient(queryClient);
   const defaultedOptions = client.defaultQueryOptions(options);
   client.getDefaultOptions().queries?._experimental_beforeQuery?.(
     defaultedOptions

package/dist/node_modules/@tanstack/react-query/build/modern/useBaseQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBaseQuery.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js"],"sourcesContent":["\"use client\";\n\n// src/useBaseQuery.ts\nimport * as React from \"react\";\nimport { isServer, noop, notifyManager } from \"@tanstack/query-core\";\nimport { useQueryClient } from \"./QueryClientProvider.js\";\nimport { useQueryErrorResetBoundary } from \"./QueryErrorResetBoundary.js\";\nimport {\n  ensurePreventErrorBoundaryRetry,\n  getHasError,\n  useClearResetErrorBoundary\n} from \"./errorBoundaryUtils.js\";\nimport { useIsRestoring } from \"./IsRestoringProvider.js\";\nimport {\n  ensureSuspenseTimers,\n  fetchOptimistic,\n  shouldSuspend,\n  willFetch\n} from \"./suspense.js\";\nfunction useBaseQuery(options, Observer, queryClient) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (typeof options !== \"object\" || Array.isArray(options)) {\n      throw new Error(\n        'Bad argument type. Starting with v5, only the \"Object\" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'\n      );\n    }\n  }\n  const isRestoring = useIsRestoring();\n  const errorResetBoundary = useQueryErrorResetBoundary();\n  const client = useQueryClient(queryClient);\n  const defaultedOptions = client.defaultQueryOptions(options);\n  client.getDefaultOptions().queries?._experimental_beforeQuery?.(\n    defaultedOptions\n  );\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!defaultedOptions.queryFn) {\n      console.error(\n        `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`\n      );\n    }\n  }\n  defaultedOptions._optimisticResults = isRestoring ? \"isRestoring\" : \"optimistic\";\n  ensureSuspenseTimers(defaultedOptions);\n  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);\n  useClearResetErrorBoundary(errorResetBoundary);\n  const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);\n  const [observer] = React.useState(\n    () => new Observer(\n      client,\n      defaultedOptions\n    )\n  );\n  const result = observer.getOptimisticResult(defaultedOptions);\n  const shouldSubscribe = !isRestoring && options.subscribed !== false;\n  React.useSyncExternalStore(\n    React.useCallback(\n      (onStoreChange) => {\n        const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop;\n        observer.updateResult();\n        return unsubscribe;\n      },\n      [observer, shouldSubscribe]\n    ),\n    () => observer.getCurrentResult(),\n    () => observer.getCurrentResult()\n  );\n  React.useEffect(() => {\n    observer.setOptions(defaultedOptions);\n  }, [defaultedOptions, observer]);\n  if (shouldSuspend(defaultedOptions, result)) {\n    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);\n  }\n  if (getHasError({\n    result,\n    errorResetBoundary,\n    throwOnError: defaultedOptions.throwOnError,\n    query: client.getQueryCache().get(defaultedOptions.queryHash),\n    suspense: defaultedOptions.suspense\n  })) {\n    throw result.error;\n  }\n  ;\n  client.getDefaultOptions().queries?._experimental_afterQuery?.(\n    defaultedOptions,\n    result\n  );\n  if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) {\n    const promise = isNewCacheEntry ? (\n      // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted\n      fetchOptimistic(defaultedOptions, observer, errorResetBoundary)\n    ) : (\n      // subscribe to the \"cache promise\" so that we can finalize the currentThenable once data comes in\n      client.getQueryCache().get(defaultedOptions.queryHash)?.promise\n    );\n    promise?.catch(noop).finally(() => {\n      observer.updateResult();\n    });\n  }\n  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;\n}\nexport {\n  useBaseQuery\n};\n//# sourceMappingURL=useBaseQuery.js.map"],"names":[],"mappings":";;;;;;;AAGA,MAAA,QAAA,OAAA,OAAA;AAgBA,SAAS,aAAa,SAAS,UAAU,aAAa;AACpD,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,OAAO,YAAY,YAAY,MAAM,QAAQ,OAAO,GAAG;AACzD,YAAM,IAAI;AAAA,QACR;AAAA,MACR;AAAA,IACI;AAAA,EACF;AACA,QAAM,cAAc,eAAc;AAClC,QAAM,qBAAqB,2BAA0B;AACrD,QAAM,SAAS,eAA0B;AACzC,QAAM,mBAAmB,OAAO,oBAAoB,OAAO;AAC3D,SAAO,oBAAoB,SAAS;AAAA,IAClC;AAAA,EACJ;AACE,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,CAAC,iBAAiB,SAAS;AAC7B,cAAQ;AAAA,QACN,IAAI,iBAAiB,SAAS;AAAA,MACtC;AAAA,IACI;AAAA,EACF;AACA,mBAAiB,qBAAqB,cAAc,gBAAgB;AACpE,uBAAqB,gBAAgB;AACrC,kCAAgC,kBAAkB,kBAAkB;AACpE,6BAA2B,kBAAkB;AAC7C,QAAM,kBAAkB,CAAC,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS;AAC9E,QAAM,CAAC,QAAQ,IAAI,MAAM;AAAA,IACvB,MAAM,IAAI;AAAA,MACR;AAAA,MACA;AAAA,IACN;AAAA,EACA;AACE,QAAM,SAAS,SAAS,oBAAoB,gBAAgB;AAC5D,QAAM,kBAAkB,CAAC,eAAe,QAAQ,eAAe;AAC/D,QAAM;AAAA,IACJ,MAAM;AAAA,MACJ,CAAC,kBAAkB;AACjB,cAAM,cAAc,kBAAkB,SAAS,UAAU,cAAc,WAAW,aAAa,CAAC,IAAI;AACpG,iBAAS,aAAY;AACrB,eAAO;AAAA,MACT;AAAA,MACA,CAAC,UAAU,eAAe;AAAA,IAChC;AAAA,IACI,MAAM,SAAS,iBAAgB;AAAA,IAC/B,MAAM,SAAS,iBAAgB;AAAA,EACnC;AACE,QAAM,UAAU,MAAM;AACpB,aAAS,WAAW,gBAAgB;AAAA,EACtC,GAAG,CAAC,kBAAkB,QAAQ,CAAC;AAC/B,MAAI,cAAc,kBAAkB,MAAM,GAAG;AAC3C,UAAM,gBAAgB,kBAAkB,UAAU,kBAAkB;AAAA,EACtE;AACA,MAAI,YAAY;AAAA,IACd;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,OAAO,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS;AAAA,IAC5D,UAAU,iBAAiB;AAAA,EAC/B,CAAG,GAAG;AACF,UAAM,OAAO;AAAA,EACf;AAEA,SAAO,oBAAoB,SAAS;AAAA,IAClC;AAAA,IACA;AAAA,EACJ;AACE,MAAI,iBAAiB,iCAAiC,CAAC,YAAY,UAAU,QAAQ,WAAW,GAAG;AACjG,UAAM,UAAU;AAAA;AAAA,MAEd,gBAAgB,kBAAkB,UAAU,kBAAkB;AAAA;AAAA;AAAA,MAG9D,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS,GAAG;AAAA;AAE1D,aAAS,MAAM,IAAI,EAAE,QAAQ,MAAM;AACjC,eAAS,aAAY;AAAA,IACvB,CAAC;AAAA,EACH;AACA,SAAO,CAAC,iBAAiB,sBAAsB,SAAS,YAAY,MAAM,IAAI;AAChF;","x_google_ignoreList":[0]}
+{"version":3,"file":"useBaseQuery.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js"],"sourcesContent":["\"use client\";\n\n// src/useBaseQuery.ts\nimport * as React from \"react\";\nimport { isServer, noop, notifyManager } from \"@tanstack/query-core\";\nimport { useQueryClient } from \"./QueryClientProvider.js\";\nimport { useQueryErrorResetBoundary } from \"./QueryErrorResetBoundary.js\";\nimport {\n  ensurePreventErrorBoundaryRetry,\n  getHasError,\n  useClearResetErrorBoundary\n} from \"./errorBoundaryUtils.js\";\nimport { useIsRestoring } from \"./IsRestoringProvider.js\";\nimport {\n  ensureSuspenseTimers,\n  fetchOptimistic,\n  shouldSuspend,\n  willFetch\n} from \"./suspense.js\";\nfunction useBaseQuery(options, Observer, queryClient) {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (typeof options !== \"object\" || Array.isArray(options)) {\n      throw new Error(\n        'Bad argument type. Starting with v5, only the \"Object\" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'\n      );\n    }\n  }\n  const isRestoring = useIsRestoring();\n  const errorResetBoundary = useQueryErrorResetBoundary();\n  const client = useQueryClient(queryClient);\n  const defaultedOptions = client.defaultQueryOptions(options);\n  client.getDefaultOptions().queries?._experimental_beforeQuery?.(\n    defaultedOptions\n  );\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!defaultedOptions.queryFn) {\n      console.error(\n        `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`\n      );\n    }\n  }\n  defaultedOptions._optimisticResults = isRestoring ? \"isRestoring\" : \"optimistic\";\n  ensureSuspenseTimers(defaultedOptions);\n  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);\n  useClearResetErrorBoundary(errorResetBoundary);\n  const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);\n  const [observer] = React.useState(\n    () => new Observer(\n      client,\n      defaultedOptions\n    )\n  );\n  const result = observer.getOptimisticResult(defaultedOptions);\n  const shouldSubscribe = !isRestoring && options.subscribed !== false;\n  React.useSyncExternalStore(\n    React.useCallback(\n      (onStoreChange) => {\n        const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop;\n        observer.updateResult();\n        return unsubscribe;\n      },\n      [observer, shouldSubscribe]\n    ),\n    () => observer.getCurrentResult(),\n    () => observer.getCurrentResult()\n  );\n  React.useEffect(() => {\n    observer.setOptions(defaultedOptions);\n  }, [defaultedOptions, observer]);\n  if (shouldSuspend(defaultedOptions, result)) {\n    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);\n  }\n  if (getHasError({\n    result,\n    errorResetBoundary,\n    throwOnError: defaultedOptions.throwOnError,\n    query: client.getQueryCache().get(defaultedOptions.queryHash),\n    suspense: defaultedOptions.suspense\n  })) {\n    throw result.error;\n  }\n  ;\n  client.getDefaultOptions().queries?._experimental_afterQuery?.(\n    defaultedOptions,\n    result\n  );\n  if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) {\n    const promise = isNewCacheEntry ? (\n      // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted\n      fetchOptimistic(defaultedOptions, observer, errorResetBoundary)\n    ) : (\n      // subscribe to the \"cache promise\" so that we can finalize the currentThenable once data comes in\n      client.getQueryCache().get(defaultedOptions.queryHash)?.promise\n    );\n    promise?.catch(noop).finally(() => {\n      observer.updateResult();\n    });\n  }\n  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;\n}\nexport {\n  useBaseQuery\n};\n//# sourceMappingURL=useBaseQuery.js.map"],"names":[],"mappings":";;;;;;;AAGA,MAAA,QAAA,OAAA,OAAA;AAgBA,SAAS,aAAa,SAAS,UAAU,aAAa;AACpD,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,OAAO,YAAY,YAAY,MAAM,QAAQ,OAAO,GAAG;AACzD,YAAM,IAAI;AAAA,QACR;AAAA,MACR;AAAA,IACI;AAAA,EACF;AACA,QAAM,cAAc,eAAc;AAClC,QAAM,qBAAqB,2BAA0B;AACrD,QAAM,SAAS,eAAe,WAAW;AACzC,QAAM,mBAAmB,OAAO,oBAAoB,OAAO;AAC3D,SAAO,oBAAoB,SAAS;AAAA,IAClC;AAAA,EACJ;AACE,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAI,CAAC,iBAAiB,SAAS;AAC7B,cAAQ;AAAA,QACN,IAAI,iBAAiB,SAAS;AAAA,MACtC;AAAA,IACI;AAAA,EACF;AACA,mBAAiB,qBAAqB,cAAc,gBAAgB;AACpE,uBAAqB,gBAAgB;AACrC,kCAAgC,kBAAkB,kBAAkB;AACpE,6BAA2B,kBAAkB;AAC7C,QAAM,kBAAkB,CAAC,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS;AAC9E,QAAM,CAAC,QAAQ,IAAI,MAAM;AAAA,IACvB,MAAM,IAAI;AAAA,MACR;AAAA,MACA;AAAA,IACN;AAAA,EACA;AACE,QAAM,SAAS,SAAS,oBAAoB,gBAAgB;AAC5D,QAAM,kBAAkB,CAAC,eAAe,QAAQ,eAAe;AAC/D,QAAM;AAAA,IACJ,MAAM;AAAA,MACJ,CAAC,kBAAkB;AACjB,cAAM,cAAc,kBAAkB,SAAS,UAAU,cAAc,WAAW,aAAa,CAAC,IAAI;AACpG,iBAAS,aAAY;AACrB,eAAO;AAAA,MACT;AAAA,MACA,CAAC,UAAU,eAAe;AAAA,IAChC;AAAA,IACI,MAAM,SAAS,iBAAgB;AAAA,IAC/B,MAAM,SAAS,iBAAgB;AAAA,EACnC;AACE,QAAM,UAAU,MAAM;AACpB,aAAS,WAAW,gBAAgB;AAAA,EACtC,GAAG,CAAC,kBAAkB,QAAQ,CAAC;AAC/B,MAAI,cAAc,kBAAkB,MAAM,GAAG;AAC3C,UAAM,gBAAgB,kBAAkB,UAAU,kBAAkB;AAAA,EACtE;AACA,MAAI,YAAY;AAAA,IACd;AAAA,IACA;AAAA,IACA,cAAc,iBAAiB;AAAA,IAC/B,OAAO,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS;AAAA,IAC5D,UAAU,iBAAiB;AAAA,EAC/B,CAAG,GAAG;AACF,UAAM,OAAO;AAAA,EACf;AAEA,SAAO,oBAAoB,SAAS;AAAA,IAClC;AAAA,IACA;AAAA,EACJ;AACE,MAAI,iBAAiB,iCAAiC,CAAC,YAAY,UAAU,QAAQ,WAAW,GAAG;AACjG,UAAM,UAAU;AAAA;AAAA,MAEd,gBAAgB,kBAAkB,UAAU,kBAAkB;AAAA;AAAA;AAAA,MAG9D,OAAO,cAAa,EAAG,IAAI,iBAAiB,SAAS,GAAG;AAAA;AAE1D,aAAS,MAAM,IAAI,EAAE,QAAQ,MAAM;AACjC,eAAS,aAAY;AAAA,IACvB,CAAC;AAAA,EACH;AACA,SAAO,CAAC,iBAAiB,sBAAsB,SAAS,YAAY,MAAM,IAAI;AAChF;","x_google_ignoreList":[0]}

package/dist/node_modules/@tanstack/react-query/build/modern/useQuery.js

@@ -1,7 +1,7 @@
 import { QueryObserver } from "../../../query-core/build/modern/queryObserver.js";
 import { useBaseQuery } from "./useBaseQuery.js";
 function useQuery(options, queryClient) {
-  return useBaseQuery(options, QueryObserver);
+  return useBaseQuery(options, QueryObserver, queryClient);
 }
 export {
   useQuery

package/dist/node_modules/@tanstack/react-query/build/modern/useQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuery.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/useQuery.js"],"sourcesContent":["\"use client\";\n\n// src/useQuery.ts\nimport { QueryObserver } from \"@tanstack/query-core\";\nimport { useBaseQuery } from \"./useBaseQuery.js\";\nfunction useQuery(options, queryClient) {\n  return useBaseQuery(options, QueryObserver, queryClient);\n}\nexport {\n  useQuery\n};\n//# sourceMappingURL=useQuery.js.map"],"names":[],"mappings":";;AAKA,SAAS,SAAS,SAAS,aAAa;AACtC,SAAO,aAAa,SAAS,aAA0B;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"useQuery.js","sources":["../../../../../../node_modules/@tanstack/react-query/build/modern/useQuery.js"],"sourcesContent":["\"use client\";\n\n// src/useQuery.ts\nimport { QueryObserver } from \"@tanstack/query-core\";\nimport { useBaseQuery } from \"./useBaseQuery.js\";\nfunction useQuery(options, queryClient) {\n  return useBaseQuery(options, QueryObserver, queryClient);\n}\nexport {\n  useQuery\n};\n//# sourceMappingURL=useQuery.js.map"],"names":[],"mappings":";;AAKA,SAAS,SAAS,SAAS,aAAa;AACtC,SAAO,aAAa,SAAS,eAAe,WAAW;AACzD;","x_google_ignoreList":[0]}

package/dist/types/Plugins.js

@@ -1,4 +1,4 @@
-const INVENTREE_PLUGIN_VERSION = "0.8.0";
+const INVENTREE_PLUGIN_VERSION = "0.8.1";
 const INVENTREE_REACT_VERSION = "19.1.2";
 const INVENTREE_REACT_DOM_VERSION = (
   // @ts-ignore

package/lib/hooks/MonitorDataOutput.tsx

@@ -2,7 +2,7 @@ import { t } from '@lingui/core/macro';
 import { useDocumentVisibility } from '@mantine/hooks';
 import { notifications, showNotification } from '@mantine/notifications';
 import { IconCircleCheck, IconExclamationCircle } from '@tabler/icons-react';
-import { useQuery } from '@tanstack/react-query';
+import { type QueryClient, useQuery } from '@tanstack/react-query';
 import type { AxiosInstance } from 'axios';
 import { useEffect, useState } from 'react';
 import { ProgressBar } from '../components/ProgressBar';
@@ -14,11 +14,13 @@ import { apiUrl } from '../functions/Api';
  */
 export default function monitorDataOutput({
   api,
+  queryClient,
   title,
   hostname,
   id
 }: {
   api: AxiosInstance;
+  queryClient?: QueryClient;
   title: string;
   hostname?: string;
   id?: number;
@@ -41,82 +43,85 @@ export default function monitorDataOutput({
     } else setLoading(false);
   }, [id, title]);
 
-  useQuery({
-    enabled: !!id && loading && visibility === 'visible',
-    refetchInterval: 500,
-    queryKey: ['data-output', id, title],
-    queryFn: () =>
-      api
-        .get(apiUrl(ApiEndpoints.data_output, id))
-        .then((response) => {
-          const data = response?.data ?? {};
+  useQuery(
+    {
+      enabled: !!id && loading && visibility === 'visible',
+      refetchInterval: 500,
+      queryKey: ['data-output', id, title],
+      queryFn: () =>
+        api
+          .get(apiUrl(ApiEndpoints.data_output, id))
+          .then((response) => {
+            const data = response?.data ?? {};
 
-          if (!!data.errors || !!data.error) {
-            setLoading(false);
+            if (!!data.errors || !!data.error) {
+              setLoading(false);
 
-            const error: string =
-              data?.error ?? data?.errors?.error ?? t`Process failed`;
+              const error: string =
+                data?.error ?? data?.errors?.error ?? t`Process failed`;
 
-            notifications.update({
-              id: `data-output-${id}`,
-              loading: false,
-              icon: <IconExclamationCircle />,
-              autoClose: 2500,
-              title: title,
-              message: error,
-              color: 'red'
-            });
-          } else if (data.complete) {
-            setLoading(false);
-            notifications.update({
-              id: `data-output-${id}`,
-              loading: false,
-              autoClose: 2500,
-              title: title,
-              message: t`Process completed successfully`,
-              color: 'green',
-              icon: <IconCircleCheck />
-            });
+              notifications.update({
+                id: `data-output-${id}`,
+                loading: false,
+                icon: <IconExclamationCircle />,
+                autoClose: 2500,
+                title: title,
+                message: error,
+                color: 'red'
+              });
+            } else if (data.complete) {
+              setLoading(false);
+              notifications.update({
+                id: `data-output-${id}`,
+                loading: false,
+                autoClose: 2500,
+                title: title,
+                message: t`Process completed successfully`,
+                color: 'green',
+                icon: <IconCircleCheck />
+              });
 
-            if (data.output) {
-              const url = data.output;
-              const base = hostname ?? window.location.hostname;
+              if (data.output) {
+                const url = data.output;
+                const base = hostname ?? window.location.hostname;
 
-              const downloadUrl = new URL(url, base);
+                const downloadUrl = new URL(url, base);
 
-              window.open(downloadUrl.toString(), '_blank');
+                window.open(downloadUrl.toString(), '_blank');
+              }
+            } else {
+              notifications.update({
+                id: `data-output-${id}`,
+                loading: true,
+                autoClose: false,
+                withCloseButton: false,
+                message: (
+                  <ProgressBar
+                    size='lg'
+                    maximum={data.total}
+                    value={data.progress}
+                    progressLabel={data.total > 0}
+                    animated
+                  />
+                )
+              });
             }
-          } else {
+
+            return data;
+          })
+          .catch(() => {
+            setLoading(false);
             notifications.update({
               id: `data-output-${id}`,
-              loading: true,
-              autoClose: false,
-              withCloseButton: false,
-              message: (
-                <ProgressBar
-                  size='lg'
-                  maximum={data.total}
-                  value={data.progress}
-                  progressLabel={data.total > 0}
-                  animated
-                />
-              )
+              loading: false,
+              autoClose: 2500,
+              title: title,
+              message: t`Process failed`,
+              color: 'red'
             });
-          }
-
-          return data;
-        })
-        .catch(() => {
-          setLoading(false);
-          notifications.update({
-            id: `data-output-${id}`,
-            loading: false,
-            autoClose: 2500,
-            title: title,
-            message: t`Process failed`,
-            color: 'red'
-          });
-          return {};
-        })
-  });
+            return {};
+          })
+    },
+    queryClient
+  );
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@inventreedb/ui",
     "description": "UI components for the InvenTree project",
-    "version": "0.8.0",
+    "version": "0.8.1",
     "private": false,
     "type": "module",
     "license": "MIT",