@datarecce/ui 0.1.18 → 0.1.19

package/dist/hooks.d.mts

@@ -1,4 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryClient } from '@tanstack/react-query';
 import { d as LineageGraph } from './LineageViewContext-DEa54ZNF.mjs';
 export { u as useLineageViewContext } from './LineageViewContext-DEa54ZNF.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -64,6 +65,45 @@ interface RecceContextProps {
  */
 declare function RecceContextProvider({ children }: RecceContextProps): react_jsx_runtime.JSX.Element;
 
+interface RecceProvidersProps {
+    children: React__default.ReactNode;
+    /**
+     * Optional QueryClient instance. If not provided, a new one will be created.
+     * Pass your existing QueryClient if you need to share it with other parts of your app.
+     */
+    queryClient?: QueryClient;
+}
+/**
+ * Combined provider that bundles QueryClientProvider, MuiProvider, and RecceContextProvider.
+ *
+ * Usage:
+ * ```tsx
+ * import { RecceProviders } from "@datarecce/ui";
+ *
+ * function App() {
+ *   return (
+ *     <RecceProviders>
+ *       <YourComponents />
+ *     </RecceProviders>
+ *   );
+ * }
+ * ```
+ *
+ * Or with an existing QueryClient:
+ * ```tsx
+ * const queryClient = new QueryClient();
+ *
+ * function App() {
+ *   return (
+ *     <RecceProviders queryClient={queryClient}>
+ *       <YourComponents />
+ *     </RecceProviders>
+ *   );
+ * }
+ * ```
+ */
+declare function RecceProviders({ children, queryClient }: RecceProvidersProps): react_jsx_runtime.JSX.Element;
+
 type RecceFeatureMode = "read only" | "metadata only" | null;
 interface RecceFeatureToggles {
     mode: RecceFeatureMode;
@@ -294,4 +334,4 @@ declare function useApiClient(): AxiosInstance;
  */
 declare function useApiConfigSafe(): ApiConfigContextType | null;
 
-export { type ApiConfig, ApiConfigProvider, IdleTimeoutProvider, LineageGraphContextProvider, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceQueryContextProvider, RecceShareStateContextProvider, RowCountStateContextProvider, useApiClient, useApiConfig, useApiConfigSafe, useCheckToast, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useValueDiffAlertDialog };
+export { type ApiConfig, ApiConfigProvider, IdleTimeoutProvider, LineageGraphContextProvider, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceProviders, RecceQueryContextProvider, RecceShareStateContextProvider, RowCountStateContextProvider, useApiClient, useApiConfig, useApiConfigSafe, useCheckToast, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useValueDiffAlertDialog };

package/dist/hooks.d.ts

@@ -1,4 +1,5 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
+import { QueryClient } from '@tanstack/react-query';
 import { d as LineageGraph } from './LineageViewContext-DPVC8ak8.js';
 export { u as useLineageViewContext } from './LineageViewContext-DPVC8ak8.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -64,6 +65,45 @@ interface RecceContextProps {
  */
 declare function RecceContextProvider({ children }: RecceContextProps): react_jsx_runtime.JSX.Element;
 
+interface RecceProvidersProps {
+    children: React__default.ReactNode;
+    /**
+     * Optional QueryClient instance. If not provided, a new one will be created.
+     * Pass your existing QueryClient if you need to share it with other parts of your app.
+     */
+    queryClient?: QueryClient;
+}
+/**
+ * Combined provider that bundles QueryClientProvider, MuiProvider, and RecceContextProvider.
+ *
+ * Usage:
+ * ```tsx
+ * import { RecceProviders } from "@datarecce/ui";
+ *
+ * function App() {
+ *   return (
+ *     <RecceProviders>
+ *       <YourComponents />
+ *     </RecceProviders>
+ *   );
+ * }
+ * ```
+ *
+ * Or with an existing QueryClient:
+ * ```tsx
+ * const queryClient = new QueryClient();
+ *
+ * function App() {
+ *   return (
+ *     <RecceProviders queryClient={queryClient}>
+ *       <YourComponents />
+ *     </RecceProviders>
+ *   );
+ * }
+ * ```
+ */
+declare function RecceProviders({ children, queryClient }: RecceProvidersProps): react_jsx_runtime.JSX.Element;
+
 type RecceFeatureMode = "read only" | "metadata only" | null;
 interface RecceFeatureToggles {
     mode: RecceFeatureMode;
@@ -294,4 +334,4 @@ declare function useApiClient(): AxiosInstance;
  */
 declare function useApiConfigSafe(): ApiConfigContextType | null;
 
-export { type ApiConfig, ApiConfigProvider, IdleTimeoutProvider, LineageGraphContextProvider, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceQueryContextProvider, RecceShareStateContextProvider, RowCountStateContextProvider, useApiClient, useApiConfig, useApiConfigSafe, useCheckToast, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useValueDiffAlertDialog };
+export { type ApiConfig, ApiConfigProvider, IdleTimeoutProvider, LineageGraphContextProvider, RecceActionContextProvider, RecceCheckContextProvider, RecceContextProvider, RecceInstanceInfoProvider, RecceProviders, RecceQueryContextProvider, RecceShareStateContextProvider, RowCountStateContextProvider, useApiClient, useApiConfig, useApiConfigSafe, useCheckToast, useClipBoardToast, useIdleTimeout, useLineageGraphContext, useRecceActionContext, useRecceCheckContext, useRecceInstanceContext, useRecceInstanceInfo, useRecceQueryContext, useRecceShareStateContext, useRowCountStateContext, useRunsAggregated, useValueDiffAlertDialog };

package/dist/hooks.js

@@ -55,6 +55,8 @@ var agGridReact = require('ag-grid-react');
 require('./agGridStyles-VYALGSJU.css');
 var ButtonGroup = require('@mui/material/ButtonGroup');
 var Divider = require('@mui/material/Divider');
+var CssBaseline = require('@mui/material/CssBaseline');
+var nextThemes = require('next-themes');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -88,6 +90,7 @@ var Tooltip2__default = /*#__PURE__*/_interopDefault(Tooltip2);
 var ListSubheader2__default = /*#__PURE__*/_interopDefault(ListSubheader2);
 var ButtonGroup__default = /*#__PURE__*/_interopDefault(ButtonGroup);
 var Divider__default = /*#__PURE__*/_interopDefault(Divider);
+var CssBaseline__default = /*#__PURE__*/_interopDefault(CssBaseline);
 
 // recce-source/js/src/lib/api/cacheKeys.ts
 var cacheKeys = {
@@ -7551,6 +7554,25 @@ var useRecceShareStateContext = () => {
 function RecceContextProvider({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(RecceInstanceInfoProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceShareStateContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceQueryContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(LineageGraphContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RowCountStateContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceActionContextProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceCheckContextProvider, { children }) }) }) }) }) }) });
 }
+function MuiProvider({
+  children,
+  forcedTheme,
+  enableCssBaseline = false
+}) {
+  const { resolvedTheme } = nextThemes.useTheme();
+  const theme = React12.useMemo(() => {
+    const mode = forcedTheme ?? resolvedTheme;
+    return mode === "dark" ? darkTheme : lightTheme;
+  }, [forcedTheme, resolvedTheme]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(styles.ThemeProvider, { theme, children: [
+    enableCssBaseline && /* @__PURE__ */ jsxRuntime.jsx(CssBaseline__default.default, {}),
+    children
+  ] });
+}
+function RecceProviders({ children, queryClient }) {
+  const [internalClient] = React12.useState(() => queryClient || new reactQuery.QueryClient());
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: internalClient, children: /* @__PURE__ */ jsxRuntime.jsx(MuiProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(RecceContextProvider, { children }) }) });
+}
 
 exports.ApiConfigProvider = ApiConfigProvider;
 exports.IdleTimeoutProvider = IdleTimeoutProvider;
@@ -7559,6 +7581,7 @@ exports.RecceActionContextProvider = RecceActionContextProvider;
 exports.RecceCheckContextProvider = RecceCheckContextProvider;
 exports.RecceContextProvider = RecceContextProvider;
 exports.RecceInstanceInfoProvider = RecceInstanceInfoProvider;
+exports.RecceProviders = RecceProviders;
 exports.RecceQueryContextProvider = RecceQueryContextProvider;
 exports.RecceShareStateContextProvider = RecceShareStateContextProvider;
 exports.RowCountStateContextProvider = RowCountStateContextProvider;