drizzle-cube 0.1.14 → 0.1.16

package/dist/client/hooks.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Drizzle Cube React Hooks
+ *
+ * React hooks only - for applications that need data fetching hooks
+ * without UI components.
+ */
+export { useCubeQuery } from './hooks/useCubeQuery';
+export { useCubeMeta } from './hooks/useCubeMeta';
+export { useDebounce } from './hooks/useDebounce';
+export { useFilterValues } from './hooks/useFilterValues';
+export type { CubeQuery, CubeQueryOptions, CubeResultSet, CubeApiOptions } from './types';

package/dist/client/hooks.js

@@ -0,0 +1,132 @@
+import { useState as h, useRef as C, useEffect as V, useCallback as b } from "react";
+import { u as x } from "./chunks/providers-DI5zeeEU.js";
+import { a as v } from "./chunks/providers-DI5zeeEU.js";
+function I(r, n = {}) {
+  const { cubeApi: a } = x(), [c, o] = h({
+    resultSet: null,
+    isLoading: !1,
+    error: null,
+    queryId: null
+  }), f = C("");
+  return V(() => {
+    if (!r || n.skip)
+      return;
+    const g = JSON.stringify(r);
+    if (g === f.current && !n.resetResultSetOnChange)
+      return;
+    f.current = g;
+    const u = `${Date.now()}_${Math.random().toString(36).substring(7)}`;
+    o((t) => ({
+      resultSet: n.resetResultSetOnChange ? null : t.resultSet,
+      isLoading: !0,
+      error: null,
+      queryId: u
+    })), a.load(r).then((t) => {
+      o((s) => s.queryId === u ? {
+        resultSet: t,
+        isLoading: !1,
+        error: null,
+        queryId: u
+      } : s);
+    }).catch((t) => {
+      o((s) => s.queryId === u ? {
+        resultSet: null,
+        isLoading: !1,
+        error: t instanceof Error ? t : new Error(String(t)),
+        queryId: u
+      } : s);
+    });
+  }, [r, a, n.skip, n.resetResultSetOnChange]), c;
+}
+function k(r, n = !0) {
+  const [a, c] = h([]), [o, f] = h(null), g = C(null), u = C(""), {
+    resultSet: t,
+    isLoading: s,
+    error: i,
+    queryId: S
+  } = I(o, {
+    skip: !o || !n,
+    resetResultSetOnChange: !0
+    // Clear old results when query changes
+  }), q = b((e) => {
+    if (!e || !r)
+      return [];
+    try {
+      const d = e.tablePivot(), l = /* @__PURE__ */ new Set();
+      return d.forEach((m) => {
+        const y = m[r];
+        y != null && y !== "" && l.add(y);
+      }), Array.from(l);
+    } catch (d) {
+      return console.error("Error extracting values from result set:", d), [];
+    }
+  }, [r]);
+  V(() => {
+    if (S && S !== g.current && !s)
+      if (g.current = S, i)
+        c([]);
+      else if (t) {
+        const e = q(t);
+        c(e);
+      } else
+        c([]);
+  }, [t, s, i, S, q]);
+  const E = b(() => {
+    if (r) {
+      u.current = "";
+      try {
+        const e = {
+          dimensions: [r],
+          limit: 25,
+          order: { [r]: "asc" }
+        };
+        f(e);
+      } catch (e) {
+        console.error("Error creating query:", e);
+      }
+    }
+  }, [r]), R = b((e, d = !1) => {
+    if (r && !(!d && e === u.current)) {
+      u.current = e;
+      try {
+        const l = {
+          dimensions: [r],
+          limit: 25,
+          order: { [r]: "asc" }
+        };
+        e && e.trim() && (l.filters = [{
+          member: r,
+          operator: "contains",
+          values: [e.trim()]
+        }]), f(l);
+      } catch (l) {
+        console.error("Error creating search query:", l);
+      }
+    }
+  }, [r]);
+  return {
+    values: a,
+    loading: s,
+    error: i ? i instanceof Error ? i.message : String(i) : null,
+    refetch: E,
+    searchValues: R
+  };
+}
+function p(r, n) {
+  const [a, c] = h(r);
+  return V(() => {
+    const o = setTimeout(() => {
+      c(r);
+    }, n);
+    return () => {
+      clearTimeout(o);
+    };
+  }, [r, n]), a;
+}
+export {
+  v as useCubeMeta,
+  I as useCubeQuery,
+  p as useDebounce,
+  k as useFilterValues
+};
+//# sourceMappingURL=hooks.js.map

package/dist/client/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../src/client/hooks/useCubeQuery.ts","../../src/client/hooks/useFilterValues.ts","../../src/client/hooks/useDebounce.ts"],"sourcesContent":["/**\n * React hook for executing Cube queries\n * Replaces @cubejs-client/react useCubeQuery\n */\n\nimport { useState, useEffect, useRef } from 'react'\nimport { useCubeContext } from '../providers/CubeProvider'\nimport type { CubeQuery, CubeQueryOptions, CubeResultSet } from '../types'\n\ninterface UseCubeQueryResult {\n  resultSet: CubeResultSet | null\n  isLoading: boolean\n  error: Error | null\n  queryId: string | null\n}\n\nexport function useCubeQuery(\n  query: CubeQuery | null, \n  options: CubeQueryOptions = {}\n): UseCubeQueryResult {\n  const { cubeApi } = useCubeContext()\n  \n  // Use a single state object to ensure atomic updates\n  const [state, setState] = useState<UseCubeQueryResult>({\n    resultSet: null,\n    isLoading: false,\n    error: null,\n    queryId: null\n  })\n  \n  // Track the last query to avoid unnecessary re-fetches\n  const lastQueryRef = useRef<string>('')\n  \n  useEffect(() => {\n    // Skip if query is null or skip option is true\n    if (!query || options.skip) {\n      return\n    }\n\n    // Create a stable query string for comparison\n    const queryString = JSON.stringify(query)\n    \n    // Skip if query hasn't changed (unless resetResultSetOnChange is true)\n    if (queryString === lastQueryRef.current && !options.resetResultSetOnChange) {\n      return\n    }\n\n    lastQueryRef.current = queryString\n    \n    // Create a unique ID for this query execution\n    const queryId = `${Date.now()}_${Math.random().toString(36).substring(7)}`\n\n    // Update state atomically with new query ID and loading state\n    setState(prevState => ({\n      resultSet: options.resetResultSetOnChange ? null : prevState.resultSet,\n      isLoading: true,\n      error: null,\n      queryId\n    }))\n\n    cubeApi.load(query)\n      .then((result) => {\n        setState(prevState => {\n          // Only update if this is still the current query\n          if (prevState.queryId === queryId) {\n            return {\n              resultSet: result,\n              isLoading: false,\n              error: null,\n              queryId\n            }\n          }\n          return prevState\n        })\n      })\n      .catch((err) => {\n        setState(prevState => {\n          // Only update if this is still the current query\n          if (prevState.queryId === queryId) {\n            return {\n              resultSet: null,\n              isLoading: false,\n              error: err instanceof Error ? err : new Error(String(err)),\n              queryId\n            }\n          }\n          return prevState\n        })\n      })\n  }, [query, cubeApi, options.skip, options.resetResultSetOnChange])\n\n  return state\n}","/**\n * Hook for fetching distinct field values for filter dropdowns\n * Uses the /load API to get actual data values\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react'\nimport { useCubeQuery } from '../hooks/useCubeQuery'\nimport type { CubeQuery } from '../types'\n\ninterface UseFilterValuesResult {\n  values: any[]\n  loading: boolean\n  error: string | null\n  refetch: () => void\n  searchValues: (searchTerm: string, force?: boolean) => void\n}\n\n/**\n * Custom hook to fetch distinct values for a field\n */\nexport function useFilterValues(\n  fieldName: string | null, \n  enabled: boolean = true\n): UseFilterValuesResult {\n  const [values, setValues] = useState<any[]>([])\n  const [currentQuery, setCurrentQuery] = useState<CubeQuery | null>(null)\n  const lastProcessedQueryId = useRef<string | null>(null)\n  const lastSearchTerm = useRef<string>('')\n  \n  // Use cube query hook for actual data fetching\n  const { \n    resultSet, \n    isLoading,\n    error: queryError,\n    queryId\n  } = useCubeQuery(currentQuery, {\n    skip: !currentQuery || !enabled,\n    resetResultSetOnChange: true // Clear old results when query changes\n  })\n  \n  // Extract unique values from result set\n  const extractValuesFromResultSet = useCallback((rs: any): any[] => {\n    if (!rs || !fieldName) {\n      return []\n    }\n    \n    try {\n      const data = rs.tablePivot()\n      \n      const uniqueValues = new Set<any>()\n      \n      data.forEach((row: any) => {\n        const value = row[fieldName]\n        if (value !== null && value !== undefined && value !== '') {\n          uniqueValues.add(value)\n        }\n      })\n      \n      // Convert to array - already sorted by query\n      const sortedValues = Array.from(uniqueValues)\n      \n      return sortedValues\n    } catch (err) {\n      console.error('Error extracting values from result set:', err)\n      return []\n    }\n  }, [fieldName])\n  \n  // Process results only when we have a new matching query result\n  useEffect(() => {\n    // Skip if no query ID\n    if (!queryId) {\n      return\n    }\n    \n    // Skip if we've already processed this query\n    if (queryId === lastProcessedQueryId.current) {\n      return\n    }\n    \n    // Skip if still loading\n    if (isLoading) {\n      return\n    }\n    \n    // Mark as processed\n    lastProcessedQueryId.current = queryId\n    \n    if (queryError) {\n      setValues([])\n    } else if (resultSet) {\n      const extractedValues = extractValuesFromResultSet(resultSet)\n      setValues(extractedValues)\n    } else {\n      setValues([])\n    }\n  }, [resultSet, isLoading, queryError, queryId, extractValuesFromResultSet])\n  \n  // Refetch function\n  const refetch = useCallback(() => {\n    if (!fieldName) return\n    \n    lastSearchTerm.current = ''\n    \n    try {\n      const query: CubeQuery = {\n        dimensions: [fieldName], \n        limit: 25,\n        order: { [fieldName]: 'asc' }\n      }\n      setCurrentQuery(query)\n    } catch (err) {\n      console.error('Error creating query:', err)\n    }\n  }, [fieldName])\n\n  // Search function for server-side filtering\n  const searchValues = useCallback((searchTerm: string, force: boolean = false) => {\n    if (!fieldName) {\n      return\n    }\n    \n    // Don't create a new query if the search term hasn't changed (unless forced)\n    if (!force && searchTerm === lastSearchTerm.current) {\n      return\n    }\n    \n    lastSearchTerm.current = searchTerm\n    \n    try {\n      // Create query inline to avoid dependency issues\n      const query: CubeQuery = {\n        dimensions: [fieldName], \n        limit: 25,\n        order: { [fieldName]: 'asc' }\n      }\n      \n      if (searchTerm && searchTerm.trim()) {\n        query.filters = [{\n          member: fieldName,\n          operator: 'contains',\n          values: [searchTerm.trim()]\n        }]\n      }\n      \n      setCurrentQuery(query)\n    } catch (err) {\n      console.error('Error creating search query:', err)\n    }\n  }, [fieldName])\n  \n  return {\n    values,\n    loading: isLoading,\n    error: queryError ? (queryError instanceof Error ? queryError.message : String(queryError)) : null,\n    refetch,\n    searchValues\n  }\n}","/**\n * Custom hook for debouncing values\n * Delays updating the value until after the specified delay has passed\n * since the last change\n */\n\nimport { useState, useEffect } from 'react'\n\n/**\n * Debounces a value by the specified delay\n * @param value The value to debounce\n * @param delay The delay in milliseconds\n * @returns The debounced value\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    // Set up a timer to update the debounced value after the delay\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    // Clean up the timer if the value changes before the delay\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}"],"names":["useCubeQuery","query","options","cubeApi","useCubeContext","state","setState","useState","lastQueryRef","useRef","useEffect","queryString","queryId","prevState","result","err","useFilterValues","fieldName","enabled","values","setValues","currentQuery","setCurrentQuery","lastProcessedQueryId","lastSearchTerm","resultSet","isLoading","queryError","extractValuesFromResultSet","useCallback","rs","data","uniqueValues","row","value","extractedValues","refetch","searchValues","searchTerm","force","useDebounce","delay","debouncedValue","setDebouncedValue","handler"],"mappings":"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"}

package/dist/client/index.d.ts

@@ -11,4 +11,4 @@ export { CubeProvider, useCubeContext } from './providers/CubeProvider';
 export { useCubeQuery } from './hooks/useCubeQuery';
 export { createCubeClient } from './client/CubeClient';
 export type { PortletConfig, ChartType, ChartAxisConfig, ChartDisplayConfig, CubeQuery, CubeQueryOptions, CubeApiOptions, DashboardConfig } from './types';
-export { createDashboardLayout, formatChartData } from './utils';
+export { createDashboardLayout, formatChartData } from './utils/index';