drizzle-cube 0.1.53 → 0.1.55

package/dist/client/hooks.js

@@ -1,161 +1,173 @@
-import { useState as S, useRef as b, useEffect as E, useCallback as w, useMemo as V } from "react";
-import { u as x } from "./chunks/providers-aaWIe5KD.js";
-import { a as H } from "./chunks/providers-aaWIe5KD.js";
-function O(r, t = {}) {
-  const { cubeApi: n, batchCoordinator: u, enableBatching: l } = x(), [i, a] = S({
+import { useState as b, useRef as w, useEffect as y, useCallback as C, useMemo as m } from "react";
+import { u as L } from "./chunks/providers-aaWIe5KD.js";
+import { a as F } from "./chunks/providers-aaWIe5KD.js";
+function W(e, r = {}) {
+  const { cubeApi: s, batchCoordinator: u, enableBatching: a } = L(), [l, d] = b({
     resultSet: null,
     isLoading: !1,
     error: null,
     queryId: null
-  }), d = b("");
-  return E(() => {
-    if (!r || t.skip)
+  }), f = w("");
+  return y(() => {
+    if (!e || r.skip)
       return;
-    const c = JSON.stringify(r);
-    if (c === d.current && !t.resetResultSetOnChange)
+    const n = JSON.stringify(e);
+    if (n === f.current && !r.resetResultSetOnChange)
       return;
-    d.current = c;
+    f.current = n;
     const o = `${Date.now()}_${Math.random().toString(36).substring(7)}`;
-    a((e) => ({
-      resultSet: t.resetResultSetOnChange ? null : e.resultSet,
+    d((t) => ({
+      resultSet: r.resetResultSetOnChange ? null : t.resultSet,
       isLoading: !0,
       error: null,
       queryId: o
-    })), (l && u ? u.register(r) : n.load(r)).then((e) => {
-      a((g) => g.queryId === o ? {
-        resultSet: e,
+    })), (a && u ? u.register(e) : s.load(e)).then((t) => {
+      d((h) => h.queryId === o ? {
+        resultSet: t,
         isLoading: !1,
         error: null,
         queryId: o
-      } : g);
-    }).catch((e) => {
-      a((g) => g.queryId === o ? {
+      } : h);
+    }).catch((t) => {
+      d((h) => h.queryId === o ? {
         resultSet: null,
         isLoading: !1,
-        error: e instanceof Error ? e : new Error(String(e)),
+        error: t instanceof Error ? t : new Error(String(t)),
         queryId: o
-      } : g);
+      } : h);
     });
-  }, [r, n, u, l, t.skip, t.resetResultSetOnChange]), i;
+  }, [e, s, u, a, r.skip, r.resetResultSetOnChange]), l;
 }
-function W(r, t = !0) {
-  const [n, u] = S([]), [l, i] = S(null), a = b(null), d = b(""), {
-    resultSet: c,
+function D(e, r = !0) {
+  const [s, u] = b([]), [a, l] = b(null), d = w(null), f = w(""), {
+    resultSet: n,
     isLoading: o,
-    error: f,
-    queryId: e
-  } = O(l, {
-    skip: !l || !t,
+    error: i,
+    queryId: t
+  } = W(a, {
+    skip: !a || !r,
     resetResultSetOnChange: !0
     // Clear old results when query changes
-  }), g = w((s) => {
-    if (!s || !r)
+  }), h = C((c) => {
+    if (!c || !e)
       return [];
     try {
-      const y = s.tablePivot(), h = /* @__PURE__ */ new Set();
-      return y.forEach((q) => {
-        const R = q[r];
-        R != null && R !== "" && h.add(R);
-      }), Array.from(h);
-    } catch (y) {
-      return console.error("Error extracting values from result set:", y), [];
+      const S = c.tablePivot(), g = /* @__PURE__ */ new Set();
+      return S.forEach((v) => {
+        const E = v[e];
+        E != null && E !== "" && g.add(E);
+      }), Array.from(g);
+    } catch (S) {
+      return console.error("Error extracting values from result set:", S), [];
     }
-  }, [r]);
-  E(() => {
-    if (e && e !== a.current && !o)
-      if (a.current = e, f)
+  }, [e]);
+  y(() => {
+    if (t && t !== d.current && !o)
+      if (d.current = t, i)
         u([]);
-      else if (c) {
-        const s = g(c);
-        u(s);
+      else if (n) {
+        const c = h(n);
+        u(c);
       } else
         u([]);
-  }, [c, o, f, e, g]), E(() => {
-    (!r || !t) && (u([]), i(null), a.current = null, d.current = "");
-  }, [r, t]);
-  const I = w(() => {
-    if (r) {
-      d.current = "";
+  }, [n, o, i, t, h]), y(() => {
+    (!e || !r) && (u([]), l(null), d.current = null, f.current = "");
+  }, [e, r]);
+  const I = C(() => {
+    if (e) {
+      f.current = "";
       try {
-        const s = {
-          dimensions: [r],
+        const c = {
+          dimensions: [e],
           limit: 25,
-          order: { [r]: "asc" }
+          order: { [e]: "asc" }
         };
-        i(s);
-      } catch (s) {
-        console.error("Error creating query:", s);
+        l(c);
+      } catch (c) {
+        console.error("Error creating query:", c);
       }
     }
-  }, [r]), p = w((s, y = !1) => {
-    if (r && !(!y && s === d.current)) {
-      d.current = s;
+  }, [e]), V = C((c, S = !1) => {
+    if (e && !(!S && c === f.current)) {
+      f.current = c;
       try {
-        const h = {
-          dimensions: [r],
+        const g = {
+          dimensions: [e],
           limit: 25,
-          order: { [r]: "asc" }
+          order: { [e]: "asc" }
         };
-        s && s.trim() && (h.filters = [{
-          member: r,
+        c && c.trim() && (g.filters = [{
+          member: e,
           operator: "contains",
-          values: [s.trim()]
-        }]), i(h);
-      } catch (h) {
-        console.error("Error creating search query:", h);
+          values: [c.trim()]
+        }]), l(g);
+      } catch (g) {
+        console.error("Error creating search query:", g);
       }
     }
-  }, [r]);
+  }, [e]);
   return {
-    values: n,
+    values: s,
     loading: o,
-    error: f ? f instanceof Error ? f.message : String(f) : null,
+    error: i ? i instanceof Error ? i.message : String(i) : null,
     refetch: I,
-    searchValues: p
+    searchValues: V
   };
 }
-function k(r, t) {
-  const [n, u] = S(r);
-  return E(() => {
-    const l = setTimeout(() => {
-      u(r);
-    }, t);
+function Q(e, r) {
+  const [s, u] = b(e);
+  return y(() => {
+    const a = setTimeout(() => {
+      u(e);
+    }, r);
     return () => {
-      clearTimeout(l);
+      clearTimeout(a);
     };
-  }, [r, t]), n;
+  }, [e, r]), s;
 }
-const C = 1200, m = 768;
-function v() {
-  const [r, t] = S(
-    () => typeof window < "u" ? window.innerWidth : C
-  ), n = b(null), u = b(null), l = w((c) => {
-    if (n.current && (n.current.disconnect(), n.current = null), u.current = c, c) {
-      const o = c.offsetWidth;
-      o > 0 && t(o), n.current = new ResizeObserver((f) => {
-        const e = f[0]?.contentRect.width;
-        e && e > 0 && t(e);
-      }), n.current.observe(c);
+const R = 1200, p = 768;
+function k() {
+  const [e, r] = b(
+    () => typeof window < "u" ? window.innerWidth : R
+  ), s = w(null), u = w(null), a = C((n) => {
+    if (s.current && (s.current.disconnect(), s.current = null), u.current = n, n) {
+      const o = n.offsetWidth;
+      o > 0 && r(o), s.current = new ResizeObserver((i) => {
+        const t = i[0]?.contentRect.width;
+        t && t > 0 && r(t);
+      }), s.current.observe(n);
     }
   }, []);
-  E(() => () => {
-    n.current && n.current.disconnect();
+  y(() => () => {
+    s.current && s.current.disconnect();
+  }, []), y(() => {
+    const n = () => {
+      if (u.current) {
+        const i = u.current.offsetWidth;
+        i > 0 && r(i);
+      }
+    };
+    window.addEventListener("resize", n);
+    const o = setTimeout(n, 100);
+    return () => {
+      window.removeEventListener("resize", n), clearTimeout(o);
+    };
   }, []);
-  const i = V(() => r >= C ? "desktop" : r >= m ? "scaled" : "mobile", [r]), a = V(() => i !== "scaled" ? 1 : r / C, [r, i]);
+  const l = m(() => e >= R ? "desktop" : e >= p ? "scaled" : "mobile", [e]), d = m(() => l !== "scaled" ? 1 : e / R, [e, l]);
   return {
-    containerRef: l,
-    containerWidth: r,
-    displayMode: i,
-    scaleFactor: a,
-    isEditable: i === "desktop",
-    designWidth: C
+    containerRef: a,
+    containerWidth: e,
+    displayMode: l,
+    scaleFactor: d,
+    isEditable: l === "desktop",
+    designWidth: R
   };
 }
 export {
-  H as useCubeMeta,
-  O as useCubeQuery,
-  k as useDebounce,
-  W as useFilterValues,
-  v as useResponsiveDashboard
+  F as useCubeMeta,
+  W as useCubeQuery,
+  Q as useDebounce,
+  D as useFilterValues,
+  k as useResponsiveDashboard
 };
 //# sourceMappingURL=hooks.js.map

package/dist/client/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../src/client/hooks/useCubeQuery.ts","../../src/client/hooks/useFilterValues.ts","../../src/client/hooks/useDebounce.ts","../../src/client/hooks/useResponsiveDashboard.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, batchCoordinator, enableBatching } = 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    // Use batch coordinator if enabled, otherwise use direct API call\n    const executeQuery = enableBatching && batchCoordinator\n      ? batchCoordinator.register(query)\n      : cubeApi.load(query)\n\n    executeQuery\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, batchCoordinator, enableBatching, 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  // Reset values when fieldName becomes null or enabled changes\n  useEffect(() => {\n    if (!fieldName || !enabled) {\n      setValues([])\n      setCurrentQuery(null)\n      lastProcessedQueryId.current = null\n      lastSearchTerm.current = ''\n    }\n  }, [fieldName, enabled])\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}","/**\n * Custom hook for responsive dashboard layout management\n * Implements a three-tier responsive strategy:\n * - Desktop (1200px+): Normal grid layout with full editing\n * - Scaled (768-1199px): CSS transform scaling, read-only\n * - Mobile (<768px): Single-column stacked layout, read-only\n */\n\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'react'\n\nexport type DashboardDisplayMode = 'desktop' | 'scaled' | 'mobile'\n\nconst DESIGN_WIDTH = 1200\nconst MOBILE_THRESHOLD = 768\n\nexport interface UseResponsiveDashboardResult {\n  containerRef: React.RefCallback<HTMLDivElement>\n  containerWidth: number\n  displayMode: DashboardDisplayMode\n  scaleFactor: number\n  isEditable: boolean\n  designWidth: number\n}\n\n/**\n * Hook for managing responsive dashboard layouts\n * Uses ResizeObserver for accurate width detection and calculates\n * the appropriate display mode and scale factor\n */\nexport function useResponsiveDashboard(): UseResponsiveDashboardResult {\n  // Start with window width as initial estimate\n  const [containerWidth, setContainerWidth] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth : DESIGN_WIDTH\n  )\n  const observerRef = useRef<ResizeObserver | null>(null)\n  const elementRef = useRef<HTMLDivElement | null>(null)\n\n  // Ref callback - called when element is attached/detached\n  // This is key: unlike useEffect, this fires immediately when the DOM element exists\n  const containerRef = useCallback((node: HTMLDivElement | null) => {\n    // Cleanup previous observer\n    if (observerRef.current) {\n      observerRef.current.disconnect()\n      observerRef.current = null\n    }\n\n    elementRef.current = node\n\n    if (node) {\n      // Get initial width immediately (synchronously when element attaches)\n      const initialWidth = node.offsetWidth\n      if (initialWidth > 0) {\n        setContainerWidth(initialWidth)\n      }\n\n      // Set up ResizeObserver for ongoing changes\n      observerRef.current = new ResizeObserver((entries) => {\n        const width = entries[0]?.contentRect.width\n        if (width && width > 0) {\n          setContainerWidth(width)\n        }\n      })\n      observerRef.current.observe(node)\n    }\n  }, [])\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect()\n      }\n    }\n  }, [])\n\n  const displayMode = useMemo<DashboardDisplayMode>(() => {\n    if (containerWidth >= DESIGN_WIDTH) return 'desktop'\n    if (containerWidth >= MOBILE_THRESHOLD) return 'scaled'\n    return 'mobile'\n  }, [containerWidth])\n\n  const scaleFactor = useMemo(() => {\n    if (displayMode !== 'scaled') return 1\n    return containerWidth / DESIGN_WIDTH\n  }, [containerWidth, displayMode])\n\n  const isEditable = displayMode === 'desktop'\n\n  return {\n    containerRef,\n    containerWidth,\n    displayMode,\n    scaleFactor,\n    isEditable,\n    designWidth: DESIGN_WIDTH\n  }\n}\n"],"names":["useCubeQuery","query","options","cubeApi","batchCoordinator","enableBatching","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","DESIGN_WIDTH","MOBILE_THRESHOLD","useResponsiveDashboard","containerWidth","setContainerWidth","observerRef","elementRef","containerRef","node","initialWidth","entries","width","displayMode","useMemo","scaleFactor"],"mappings":"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"}
+{"version":3,"file":"hooks.js","sources":["../../src/client/hooks/useCubeQuery.ts","../../src/client/hooks/useFilterValues.ts","../../src/client/hooks/useDebounce.ts","../../src/client/hooks/useResponsiveDashboard.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, batchCoordinator, enableBatching } = 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    // Use batch coordinator if enabled, otherwise use direct API call\n    const executeQuery = enableBatching && batchCoordinator\n      ? batchCoordinator.register(query)\n      : cubeApi.load(query)\n\n    executeQuery\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, batchCoordinator, enableBatching, 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  // Reset values when fieldName becomes null or enabled changes\n  useEffect(() => {\n    if (!fieldName || !enabled) {\n      setValues([])\n      setCurrentQuery(null)\n      lastProcessedQueryId.current = null\n      lastSearchTerm.current = ''\n    }\n  }, [fieldName, enabled])\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}","/**\n * Custom hook for responsive dashboard layout management\n * Implements a three-tier responsive strategy:\n * - Desktop (1200px+): Normal grid layout with full editing\n * - Scaled (768-1199px): CSS transform scaling, read-only\n * - Mobile (<768px): Single-column stacked layout, read-only\n */\n\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'react'\n\nexport type DashboardDisplayMode = 'desktop' | 'scaled' | 'mobile'\n\nconst DESIGN_WIDTH = 1200\nconst MOBILE_THRESHOLD = 768\n\nexport interface UseResponsiveDashboardResult {\n  containerRef: React.RefCallback<HTMLDivElement>\n  containerWidth: number\n  displayMode: DashboardDisplayMode\n  scaleFactor: number\n  isEditable: boolean\n  designWidth: number\n}\n\n/**\n * Hook for managing responsive dashboard layouts\n * Uses ResizeObserver for accurate width detection and calculates\n * the appropriate display mode and scale factor\n */\nexport function useResponsiveDashboard(): UseResponsiveDashboardResult {\n  // Start with window width as initial estimate\n  const [containerWidth, setContainerWidth] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth : DESIGN_WIDTH\n  )\n  const observerRef = useRef<ResizeObserver | null>(null)\n  const elementRef = useRef<HTMLDivElement | null>(null)\n\n  // Ref callback - called when element is attached/detached\n  // This is key: unlike useEffect, this fires immediately when the DOM element exists\n  const containerRef = useCallback((node: HTMLDivElement | null) => {\n    // Cleanup previous observer\n    if (observerRef.current) {\n      observerRef.current.disconnect()\n      observerRef.current = null\n    }\n\n    elementRef.current = node\n\n    if (node) {\n      // Get initial width immediately (synchronously when element attaches)\n      const initialWidth = node.offsetWidth\n      if (initialWidth > 0) {\n        setContainerWidth(initialWidth)\n      }\n\n      // Set up ResizeObserver for ongoing changes\n      observerRef.current = new ResizeObserver((entries) => {\n        const width = entries[0]?.contentRect.width\n        if (width && width > 0) {\n          setContainerWidth(width)\n        }\n      })\n      observerRef.current.observe(node)\n    }\n  }, [])\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect()\n      }\n    }\n  }, [])\n\n  // Fallback: window resize listener to catch resize events that ResizeObserver might miss\n  // This is particularly important for containers in flex/grid layouts or deeply nested elements\n  useEffect(() => {\n    const handleWindowResize = () => {\n      if (elementRef.current) {\n        const width = elementRef.current.offsetWidth\n        if (width > 0) {\n          setContainerWidth(width)\n        }\n      }\n    }\n\n    window.addEventListener('resize', handleWindowResize)\n\n    // Also measure after a short delay to catch late layout calculations\n    const timeoutId = setTimeout(handleWindowResize, 100)\n\n    return () => {\n      window.removeEventListener('resize', handleWindowResize)\n      clearTimeout(timeoutId)\n    }\n  }, [])\n\n  const displayMode = useMemo<DashboardDisplayMode>(() => {\n    if (containerWidth >= DESIGN_WIDTH) return 'desktop'\n    if (containerWidth >= MOBILE_THRESHOLD) return 'scaled'\n    return 'mobile'\n  }, [containerWidth])\n\n  const scaleFactor = useMemo(() => {\n    if (displayMode !== 'scaled') return 1\n    return containerWidth / DESIGN_WIDTH\n  }, [containerWidth, displayMode])\n\n  const isEditable = displayMode === 'desktop'\n\n  return {\n    containerRef,\n    containerWidth,\n    displayMode,\n    scaleFactor,\n    isEditable,\n    designWidth: DESIGN_WIDTH\n  }\n}\n"],"names":["useCubeQuery","query","options","cubeApi","batchCoordinator","enableBatching","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","DESIGN_WIDTH","MOBILE_THRESHOLD","useResponsiveDashboard","containerWidth","setContainerWidth","observerRef","elementRef","containerRef","node","initialWidth","entries","width","handleWindowResize","timeoutId","displayMode","useMemo","scaleFactor"],"mappings":"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"}