@keboola/api-client-react 2.0.0 → 4.0.0

package/dist/index.cjs

@@ -24,21 +24,10 @@ var useStack = () => {
   if (client === null) throw new Error(MISSING_STACK_ERROR);
   return client.stack;
 };
-var ApiClientProvider = ({
-  client,
-  children,
-  fallback = null,
-  onError,
-  onSuccess,
-  onSettled,
-  ...rest
-}) => {
+var ApiClientProvider = ({ client, children, fallback = null, ...rest }) => {
   const [isInitializing, setIsInitializing] = react.useState(true);
   react.useEffect(() => {
-    client.init({
-      ...rest,
-      callbacks: { onSuccess, onError, onSettled }
-    }).finally(() => {
+    client.init(rest).finally(() => {
       setIsInitializing(false);
     });
   }, []);

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context.ts","../src/ApiClientProvider.tsx","../src/devContext.ts","../src/DevApiClientProvider.tsx"],"names":["createContext","use","useState","useEffect","jsx","Context","Provider"],"mappings":";;;;;;AAIA,IAAM,wBAAA,GAA2B,wDAAA;AACjC,IAAM,qBAAA,GAAwB,sDAAA;AAC9B,IAAM,mBAAA,GAAsB,oDAAA;AAE5B,IAAM,OAAA,GAAUA,oBAAgC,IAAI,CAAA;AAE7C,IAAM,QAAA,GAAW,OAAA;AAEjB,IAAM,eAAe,MAAM;AAChC,EAAA,MAAM,MAAA,GAASC,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAC7D,EAAA,OAAO,MAAA;AACT;AAEO,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,MAAA,GAASA,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,OAAA;AAChB;AAEO,IAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,MAAA,GAASA,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,mBAAmB,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB;ACVO,IAAM,oBAAoB,CAAC;AAAA,EAChC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EAEX,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIC,eAAkB,IAAI,CAAA;AAElE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAA,CACG,IAAA,CAAK;AAAA,MACJ,GAAG,IAAA;AAAA,MACH,SAAA,EAAW,EAAE,SAAA,EAAW,OAAA,EAAS,SAAA;AAAU,KAC5C,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IACzB,CAAC,CAAA;AAAA,EAGL,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,iBAAiB,QAAA,mBAAWC,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AACxE;ACxCA,IAAM,0BAAA,GAA6B,8DAAA;AAEnC,IAAMC,QAAAA,GAAUL,oBAA4D,IAAI,CAAA;AAEzE,IAAMM,SAAAA,GAAWD,QAAAA;AAEjB,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,YAAA,GAAeJ,UAAII,QAAO,CAAA;AAChC,EAAA,IAAI,YAAA,KAAiB,IAAA,EAAM,MAAM,IAAI,MAAM,0BAA0B,CAAA;AACrE,EAAA,OAAO,YAAA;AACT;ACDO,IAAM,oBAAA,GAAuB,CAAC,EAAE,MAAA,EAAQ,QAAA,EAAS,qBACtDD,cAAAA,CAACE,SAAAA,EAAA,EAAS,KAAA,EAAO,MAAA,EAAS,QAAA,EAAS","file":"index.cjs","sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ApiClient } from '@keboola/api-client';\n\nconst MISSING_API_CLIENT_ERROR = 'useApiClient must be used within <ApiClientProvider />';\nconst MISSING_PROJECT_ERROR = 'useProject must be used within <ApiClientProvider />';\nconst MISSING_STACK_ERROR = 'useStack must be used within <ApiClientProvider />';\n\nconst Context = createContext<ApiClient | null>(null);\n\nexport const Provider = Context;\n\nexport const useApiClient = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_API_CLIENT_ERROR);\n  return client;\n};\n\nexport const useProject = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_PROJECT_ERROR);\n  return client.project;\n};\n\nexport const useStack = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_STACK_ERROR);\n  return client.stack;\n};\n","import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type {\n  ApiClient,\n  ApiClientOptions,\n  CreateCallbackMiddlewareOptions,\n} from '@keboola/api-client';\n\nimport { Provider } from './context';\n\ntype Props = {\n  client: ApiClient;\n  children: ReactNode;\n  fallback?: ReactNode;\n} & Omit<ApiClientOptions, 'callbacks'> &\n  CreateCallbackMiddlewareOptions;\n\nexport const ApiClientProvider = ({\n  client,\n  children,\n  fallback = null,\n\n  onError,\n  onSuccess,\n  onSettled,\n  ...rest\n}: Props) => {\n  const [isInitializing, setIsInitializing] = useState<boolean>(true);\n\n  useEffect(() => {\n    client\n      .init({\n        ...rest,\n        callbacks: { onSuccess, onError, onSettled },\n      })\n      .finally(() => {\n        setIsInitializing(false);\n      });\n    // we want to init only on initial mount\n    // oxlint-disable-next-line react/exhaustive-deps\n  }, []);\n\n  return isInitializing ? fallback : <Provider value={client}>{children}</Provider>;\n};\n","import { createContext, use } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nconst MISSING_DEV_PROVIDER_ERROR = 'useDevApiClient must be used within <DevApiClientProvider />';\n\nconst Context = createContext<ReturnType<typeof createDevApiClient> | null>(null);\n\nexport const Provider = Context;\n\nexport const useDevApiClient = () => {\n  const devApiClient = use(Context);\n  if (devApiClient === null) throw new Error(MISSING_DEV_PROVIDER_ERROR);\n  return devApiClient;\n};\n","import type { ReactNode } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nimport { Provider } from './devContext';\n\ntype DevClient = ReturnType<typeof createDevApiClient>;\n\ntype Props = {\n  client: DevClient;\n  children: ReactNode;\n};\n\nexport const DevApiClientProvider = ({ client, children }: Props) => (\n  <Provider value={client}>{children}</Provider>\n);\n"]}
+{"version":3,"sources":["../src/context.ts","../src/ApiClientProvider.tsx","../src/devContext.ts","../src/DevApiClientProvider.tsx"],"names":["createContext","use","useState","useEffect","jsx","Context","Provider"],"mappings":";;;;;;AAIA,IAAM,wBAAA,GAA2B,wDAAA;AACjC,IAAM,qBAAA,GAAwB,sDAAA;AAC9B,IAAM,mBAAA,GAAsB,oDAAA;AAE5B,IAAM,OAAA,GAAUA,oBAAgC,IAAI,CAAA;AAE7C,IAAM,QAAA,GAAW,OAAA;AAEjB,IAAM,eAAe,MAAM;AAChC,EAAA,MAAM,MAAA,GAASC,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAC7D,EAAA,OAAO,MAAA;AACT;AAEO,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,MAAA,GAASA,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,OAAA;AAChB;AAEO,IAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,MAAA,GAASA,UAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,mBAAmB,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB;ACfO,IAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAU,QAAA,GAAW,IAAA,EAAM,GAAG,IAAA,EAAK,KAAa;AAC1F,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIC,eAAkB,IAAI,CAAA;AAElE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,OAAA,CAAQ,MAAM;AAC9B,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IACzB,CAAC,CAAA;AAAA,EAGH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,iBAAiB,QAAA,mBAAWC,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AACxE;ACrBA,IAAM,0BAAA,GAA6B,8DAAA;AAEnC,IAAMC,QAAAA,GAAUL,oBAA4D,IAAI,CAAA;AAEzE,IAAMM,SAAAA,GAAWD,QAAAA;AAEjB,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,YAAA,GAAeJ,UAAII,QAAO,CAAA;AAChC,EAAA,IAAI,YAAA,KAAiB,IAAA,EAAM,MAAM,IAAI,MAAM,0BAA0B,CAAA;AACrE,EAAA,OAAO,YAAA;AACT;ACDO,IAAM,oBAAA,GAAuB,CAAC,EAAE,MAAA,EAAQ,QAAA,EAAS,qBACtDD,cAAAA,CAACE,SAAAA,EAAA,EAAS,KAAA,EAAO,MAAA,EAAS,QAAA,EAAS","file":"index.cjs","sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ApiClient } from '@keboola/api-client';\n\nconst MISSING_API_CLIENT_ERROR = 'useApiClient must be used within <ApiClientProvider />';\nconst MISSING_PROJECT_ERROR = 'useProject must be used within <ApiClientProvider />';\nconst MISSING_STACK_ERROR = 'useStack must be used within <ApiClientProvider />';\n\nconst Context = createContext<ApiClient | null>(null);\n\nexport const Provider = Context;\n\nexport const useApiClient = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_API_CLIENT_ERROR);\n  return client;\n};\n\nexport const useProject = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_PROJECT_ERROR);\n  return client.project;\n};\n\nexport const useStack = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_STACK_ERROR);\n  return client.stack;\n};\n","import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { ApiClient, ApiClientOptions } from '@keboola/api-client';\n\nimport { Provider } from './context';\n\ntype Props = {\n  client: ApiClient;\n  children: ReactNode;\n  fallback?: ReactNode;\n} & ApiClientOptions;\n\nexport const ApiClientProvider = ({ client, children, fallback = null, ...rest }: Props) => {\n  const [isInitializing, setIsInitializing] = useState<boolean>(true);\n\n  useEffect(() => {\n    client.init(rest).finally(() => {\n      setIsInitializing(false);\n    });\n    // we want to init only on initial mount\n    // oxlint-disable-next-line react/exhaustive-deps\n  }, []);\n\n  return isInitializing ? fallback : <Provider value={client}>{children}</Provider>;\n};\n","import { createContext, use } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nconst MISSING_DEV_PROVIDER_ERROR = 'useDevApiClient must be used within <DevApiClientProvider />';\n\nconst Context = createContext<ReturnType<typeof createDevApiClient> | null>(null);\n\nexport const Provider = Context;\n\nexport const useDevApiClient = () => {\n  const devApiClient = use(Context);\n  if (devApiClient === null) throw new Error(MISSING_DEV_PROVIDER_ERROR);\n  return devApiClient;\n};\n","import type { ReactNode } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nimport { Provider } from './devContext';\n\ntype DevClient = ReturnType<typeof createDevApiClient>;\n\ntype Props = {\n  client: DevClient;\n  children: ReactNode;\n};\n\nexport const DevApiClientProvider = ({ client, children }: Props) => (\n  <Provider value={client}>{children}</Provider>\n);\n"]}

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as _keboola_api_client_storage_types from '@keboola/api-client/storage/types';
-import { ApiClient, ApiClientOptions, CreateCallbackMiddlewareOptions, createDevApiClient } from '@keboola/api-client';
+import { ApiClient, ApiClientOptions, createDevApiClient } from '@keboola/api-client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
@@ -36,8 +36,8 @@ type Props$1 = {
     client: ApiClient;
     children: ReactNode;
     fallback?: ReactNode;
-} & Omit<ApiClientOptions, 'callbacks'> & CreateCallbackMiddlewareOptions;
-declare const ApiClientProvider: ({ client, children, fallback, onError, onSuccess, onSettled, ...rest }: Props$1) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+} & ApiClientOptions;
+declare const ApiClientProvider: ({ client, children, fallback, ...rest }: Props$1) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 type DevClient = ReturnType<typeof createDevApiClient>;
 type Props = {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _keboola_api_client_storage_types from '@keboola/api-client/storage/types';
-import { ApiClient, ApiClientOptions, CreateCallbackMiddlewareOptions, createDevApiClient } from '@keboola/api-client';
+import { ApiClient, ApiClientOptions, createDevApiClient } from '@keboola/api-client';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
@@ -36,8 +36,8 @@ type Props$1 = {
     client: ApiClient;
     children: ReactNode;
     fallback?: ReactNode;
-} & Omit<ApiClientOptions, 'callbacks'> & CreateCallbackMiddlewareOptions;
-declare const ApiClientProvider: ({ client, children, fallback, onError, onSuccess, onSettled, ...rest }: Props$1) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+} & ApiClientOptions;
+declare const ApiClientProvider: ({ client, children, fallback, ...rest }: Props$1) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 type DevClient = ReturnType<typeof createDevApiClient>;
 type Props = {

package/dist/index.js

@@ -22,21 +22,10 @@ var useStack = () => {
   if (client === null) throw new Error(MISSING_STACK_ERROR);
   return client.stack;
 };
-var ApiClientProvider = ({
-  client,
-  children,
-  fallback = null,
-  onError,
-  onSuccess,
-  onSettled,
-  ...rest
-}) => {
+var ApiClientProvider = ({ client, children, fallback = null, ...rest }) => {
   const [isInitializing, setIsInitializing] = useState(true);
   useEffect(() => {
-    client.init({
-      ...rest,
-      callbacks: { onSuccess, onError, onSettled }
-    }).finally(() => {
+    client.init(rest).finally(() => {
       setIsInitializing(false);
     });
   }, []);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context.ts","../src/ApiClientProvider.tsx","../src/devContext.ts","../src/DevApiClientProvider.tsx"],"names":["Context","createContext","Provider","use","jsx"],"mappings":";;;;AAIA,IAAM,wBAAA,GAA2B,wDAAA;AACjC,IAAM,qBAAA,GAAwB,sDAAA;AAC9B,IAAM,mBAAA,GAAsB,oDAAA;AAE5B,IAAM,OAAA,GAAU,cAAgC,IAAI,CAAA;AAE7C,IAAM,QAAA,GAAW,OAAA;AAEjB,IAAM,eAAe,MAAM;AAChC,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAC7D,EAAA,OAAO,MAAA;AACT;AAEO,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,OAAA;AAChB;AAEO,IAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,mBAAmB,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB;ACVO,IAAM,oBAAoB,CAAC;AAAA,EAChC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EAEX,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAa;AACX,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,IAAI,CAAA;AAElE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAA,CACG,IAAA,CAAK;AAAA,MACJ,GAAG,IAAA;AAAA,MACH,SAAA,EAAW,EAAE,SAAA,EAAW,OAAA,EAAS,SAAA;AAAU,KAC5C,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IACzB,CAAC,CAAA;AAAA,EAGL,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,iBAAiB,QAAA,mBAAW,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AACxE;ACxCA,IAAM,0BAAA,GAA6B,8DAAA;AAEnC,IAAMA,QAAAA,GAAUC,cAA4D,IAAI,CAAA;AAEzE,IAAMC,SAAAA,GAAWF,QAAAA;AAEjB,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,YAAA,GAAeG,IAAIH,QAAO,CAAA;AAChC,EAAA,IAAI,YAAA,KAAiB,IAAA,EAAM,MAAM,IAAI,MAAM,0BAA0B,CAAA;AACrE,EAAA,OAAO,YAAA;AACT;ACDO,IAAM,oBAAA,GAAuB,CAAC,EAAE,MAAA,EAAQ,QAAA,EAAS,qBACtDI,GAAAA,CAACF,SAAAA,EAAA,EAAS,KAAA,EAAO,MAAA,EAAS,QAAA,EAAS","file":"index.js","sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ApiClient } from '@keboola/api-client';\n\nconst MISSING_API_CLIENT_ERROR = 'useApiClient must be used within <ApiClientProvider />';\nconst MISSING_PROJECT_ERROR = 'useProject must be used within <ApiClientProvider />';\nconst MISSING_STACK_ERROR = 'useStack must be used within <ApiClientProvider />';\n\nconst Context = createContext<ApiClient | null>(null);\n\nexport const Provider = Context;\n\nexport const useApiClient = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_API_CLIENT_ERROR);\n  return client;\n};\n\nexport const useProject = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_PROJECT_ERROR);\n  return client.project;\n};\n\nexport const useStack = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_STACK_ERROR);\n  return client.stack;\n};\n","import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type {\n  ApiClient,\n  ApiClientOptions,\n  CreateCallbackMiddlewareOptions,\n} from '@keboola/api-client';\n\nimport { Provider } from './context';\n\ntype Props = {\n  client: ApiClient;\n  children: ReactNode;\n  fallback?: ReactNode;\n} & Omit<ApiClientOptions, 'callbacks'> &\n  CreateCallbackMiddlewareOptions;\n\nexport const ApiClientProvider = ({\n  client,\n  children,\n  fallback = null,\n\n  onError,\n  onSuccess,\n  onSettled,\n  ...rest\n}: Props) => {\n  const [isInitializing, setIsInitializing] = useState<boolean>(true);\n\n  useEffect(() => {\n    client\n      .init({\n        ...rest,\n        callbacks: { onSuccess, onError, onSettled },\n      })\n      .finally(() => {\n        setIsInitializing(false);\n      });\n    // we want to init only on initial mount\n    // oxlint-disable-next-line react/exhaustive-deps\n  }, []);\n\n  return isInitializing ? fallback : <Provider value={client}>{children}</Provider>;\n};\n","import { createContext, use } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nconst MISSING_DEV_PROVIDER_ERROR = 'useDevApiClient must be used within <DevApiClientProvider />';\n\nconst Context = createContext<ReturnType<typeof createDevApiClient> | null>(null);\n\nexport const Provider = Context;\n\nexport const useDevApiClient = () => {\n  const devApiClient = use(Context);\n  if (devApiClient === null) throw new Error(MISSING_DEV_PROVIDER_ERROR);\n  return devApiClient;\n};\n","import type { ReactNode } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nimport { Provider } from './devContext';\n\ntype DevClient = ReturnType<typeof createDevApiClient>;\n\ntype Props = {\n  client: DevClient;\n  children: ReactNode;\n};\n\nexport const DevApiClientProvider = ({ client, children }: Props) => (\n  <Provider value={client}>{children}</Provider>\n);\n"]}
+{"version":3,"sources":["../src/context.ts","../src/ApiClientProvider.tsx","../src/devContext.ts","../src/DevApiClientProvider.tsx"],"names":["Context","createContext","Provider","use","jsx"],"mappings":";;;;AAIA,IAAM,wBAAA,GAA2B,wDAAA;AACjC,IAAM,qBAAA,GAAwB,sDAAA;AAC9B,IAAM,mBAAA,GAAsB,oDAAA;AAE5B,IAAM,OAAA,GAAU,cAAgC,IAAI,CAAA;AAE7C,IAAM,QAAA,GAAW,OAAA;AAEjB,IAAM,eAAe,MAAM;AAChC,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,wBAAwB,CAAA;AAC7D,EAAA,OAAO,MAAA;AACT;AAEO,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAC1D,EAAA,OAAO,MAAA,CAAO,OAAA;AAChB;AAEO,IAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,MAAA,GAAS,IAAI,OAAO,CAAA;AAC1B,EAAA,IAAI,MAAA,KAAW,IAAA,EAAM,MAAM,IAAI,MAAM,mBAAmB,CAAA;AACxD,EAAA,OAAO,MAAA,CAAO,KAAA;AAChB;ACfO,IAAM,iBAAA,GAAoB,CAAC,EAAE,MAAA,EAAQ,UAAU,QAAA,GAAW,IAAA,EAAM,GAAG,IAAA,EAAK,KAAa;AAC1F,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAkB,IAAI,CAAA;AAElE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,OAAA,CAAQ,MAAM;AAC9B,MAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,IACzB,CAAC,CAAA;AAAA,EAGH,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,iBAAiB,QAAA,mBAAW,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,QAAS,QAAA,EAAS,CAAA;AACxE;ACrBA,IAAM,0BAAA,GAA6B,8DAAA;AAEnC,IAAMA,QAAAA,GAAUC,cAA4D,IAAI,CAAA;AAEzE,IAAMC,SAAAA,GAAWF,QAAAA;AAEjB,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,YAAA,GAAeG,IAAIH,QAAO,CAAA;AAChC,EAAA,IAAI,YAAA,KAAiB,IAAA,EAAM,MAAM,IAAI,MAAM,0BAA0B,CAAA;AACrE,EAAA,OAAO,YAAA;AACT;ACDO,IAAM,oBAAA,GAAuB,CAAC,EAAE,MAAA,EAAQ,QAAA,EAAS,qBACtDI,GAAAA,CAACF,SAAAA,EAAA,EAAS,KAAA,EAAO,MAAA,EAAS,QAAA,EAAS","file":"index.js","sourcesContent":["import { createContext, use } from 'react';\n\nimport type { ApiClient } from '@keboola/api-client';\n\nconst MISSING_API_CLIENT_ERROR = 'useApiClient must be used within <ApiClientProvider />';\nconst MISSING_PROJECT_ERROR = 'useProject must be used within <ApiClientProvider />';\nconst MISSING_STACK_ERROR = 'useStack must be used within <ApiClientProvider />';\n\nconst Context = createContext<ApiClient | null>(null);\n\nexport const Provider = Context;\n\nexport const useApiClient = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_API_CLIENT_ERROR);\n  return client;\n};\n\nexport const useProject = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_PROJECT_ERROR);\n  return client.project;\n};\n\nexport const useStack = () => {\n  const client = use(Context);\n  if (client === null) throw new Error(MISSING_STACK_ERROR);\n  return client.stack;\n};\n","import { useEffect, useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport type { ApiClient, ApiClientOptions } from '@keboola/api-client';\n\nimport { Provider } from './context';\n\ntype Props = {\n  client: ApiClient;\n  children: ReactNode;\n  fallback?: ReactNode;\n} & ApiClientOptions;\n\nexport const ApiClientProvider = ({ client, children, fallback = null, ...rest }: Props) => {\n  const [isInitializing, setIsInitializing] = useState<boolean>(true);\n\n  useEffect(() => {\n    client.init(rest).finally(() => {\n      setIsInitializing(false);\n    });\n    // we want to init only on initial mount\n    // oxlint-disable-next-line react/exhaustive-deps\n  }, []);\n\n  return isInitializing ? fallback : <Provider value={client}>{children}</Provider>;\n};\n","import { createContext, use } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nconst MISSING_DEV_PROVIDER_ERROR = 'useDevApiClient must be used within <DevApiClientProvider />';\n\nconst Context = createContext<ReturnType<typeof createDevApiClient> | null>(null);\n\nexport const Provider = Context;\n\nexport const useDevApiClient = () => {\n  const devApiClient = use(Context);\n  if (devApiClient === null) throw new Error(MISSING_DEV_PROVIDER_ERROR);\n  return devApiClient;\n};\n","import type { ReactNode } from 'react';\n\nimport type { createDevApiClient } from '@keboola/api-client';\n\nimport { Provider } from './devContext';\n\ntype DevClient = ReturnType<typeof createDevApiClient>;\n\ntype Props = {\n  client: DevClient;\n  children: ReactNode;\n};\n\nexport const DevApiClientProvider = ({ client, children }: Props) => (\n  <Provider value={client}>{children}</Provider>\n);\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@keboola/api-client-react",
-  "version": "2.0.0",
+  "version": "4.0.0",
   "description": "React bindings for @keboola/api-client",
   "license": "MIT",
   "type": "module",
@@ -62,7 +62,7 @@
     }
   },
   "peerDependencies": {
-    "@keboola/api-client": "^2.0.0",
+    "@keboola/api-client": "^4.0.0",
     "react": "^19.0.0"
   },
   "devDependencies": {
@@ -71,12 +71,12 @@
     "@keboola/tsconfig": "workspace:^",
     "@types/node": "24.12.0",
     "@types/react": "^19.2.15",
-    "esbuild": "^0.28.0",
+    "esbuild": "^0.28.1",
     "oxfmt": "^0.44.0",
     "oxlint": "^1.56.0",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "vite": "^8.0.8",
-    "vitest": "^4.1.2"
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8"
   }
 }