@cratis/components 0.1.9

package/dist/cjs/PivotViewer/hooks/usePanning.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var React = require('react');
+
+function usePanning(containerRef, onBackgroundClick, onScrollChange) {
+    const [isPanning, setIsPanning] = React.useState(false);
+    const panStartRef = React.useRef(null);
+    const velocityRef = React.useRef({ x: 0, y: 0 });
+    const lastMouseRef = React.useRef(null);
+    const inertiaAnimationRef = React.useRef(null);
+    const didDragRef = React.useRef(false);
+    const clickedOnBackgroundRef = React.useRef(false);
+    const stopInertia = React.useCallback(() => {
+        if (inertiaAnimationRef.current) {
+            cancelAnimationFrame(inertiaAnimationRef.current);
+            inertiaAnimationRef.current = null;
+        }
+    }, []);
+    const handlePanStart = React.useCallback((e, isExplicitlyOnCard) => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        stopInertia();
+        const target = e.target;
+        const isOnCard = isExplicitlyOnCard ?? !!target.closest('.pv-card');
+        clickedOnBackgroundRef.current = !isOnCard;
+        didDragRef.current = false;
+        velocityRef.current = { x: 0, y: 0 };
+        if (e.button === 1 || (e.button === 0 && (e.altKey || !isOnCard))) {
+            if (!isOnCard) {
+                e.preventDefault?.();
+            }
+            setIsPanning(true);
+            panStartRef.current = {
+                x: e.clientX,
+                y: e.clientY,
+                scrollLeft: container.scrollLeft,
+                scrollTop: container.scrollTop,
+            };
+            lastMouseRef.current = { x: e.clientX, y: e.clientY, time: performance.now() };
+        }
+    }, [containerRef, stopInertia]);
+    const handlePanMove = React.useCallback((e) => {
+        const panStart = panStartRef.current;
+        if (!isPanning || !panStart)
+            return;
+        const dx = e.clientX - panStart.x;
+        const dy = e.clientY - panStart.y;
+        if (Math.abs(dx) > 3 || Math.abs(dy) > 3) {
+            didDragRef.current = true;
+        }
+        const newCameraX = panStart.scrollLeft - dx;
+        const newCameraY = panStart.scrollTop - dy;
+        const container = containerRef.current;
+        if (container) {
+            container.scrollLeft = Math.max(0, Math.round(newCameraX));
+            container.scrollTop = Math.max(0, Math.round(newCameraY));
+        }
+        if (onScrollChange) {
+            onScrollChange({ x: container ? container.scrollLeft : newCameraX, y: container ? container.scrollTop : newCameraY });
+        }
+        const now = performance.now();
+        const last = lastMouseRef.current;
+        if (last) {
+            const dt = now - last.time;
+            if (dt > 0 && dt < 50) {
+                const instantVx = (last.x - e.clientX) / dt;
+                const instantVy = (last.y - e.clientY) / dt;
+                velocityRef.current = {
+                    x: velocityRef.current.x * 0.5 + instantVx * 0.5,
+                    y: velocityRef.current.y * 0.5 + instantVy * 0.5,
+                };
+            }
+        }
+        lastMouseRef.current = { x: e.clientX, y: e.clientY, time: now };
+    }, [isPanning, containerRef, onScrollChange]);
+    const handlePanEnd = React.useCallback(() => {
+        const wasPanning = isPanning;
+        const velocity = { ...velocityRef.current };
+        setIsPanning(false);
+        panStartRef.current = null;
+        if (clickedOnBackgroundRef.current && !didDragRef.current && onBackgroundClick) ;
+        if (!wasPanning) {
+            return;
+        }
+        const container = containerRef.current;
+        if (!container) {
+            lastMouseRef.current = null;
+            return;
+        }
+        const speed = Math.sqrt(velocity.x * velocity.x + velocity.y * velocity.y);
+        if (speed > 0.3) {
+            let vx = velocity.x * 16;
+            let vy = velocity.y * 16;
+            const animate = () => {
+                const currentSpeed = Math.sqrt(vx * vx + vy * vy);
+                if (currentSpeed < 0.5) {
+                    inertiaAnimationRef.current = null;
+                    return;
+                }
+                container.scrollLeft += vx;
+                container.scrollTop += vy;
+                vx *= 0.95;
+                vy *= 0.95;
+                inertiaAnimationRef.current = requestAnimationFrame(animate);
+            };
+            inertiaAnimationRef.current = requestAnimationFrame(animate);
+        }
+        lastMouseRef.current = null;
+    }, [isPanning, containerRef, onBackgroundClick]);
+    return {
+        isPanning,
+        handlePanStart,
+        handlePanMove,
+        handlePanEnd,
+    };
+}
+
+exports.usePanning = usePanning;
+//# sourceMappingURL=usePanning.js.map

package/dist/cjs/PivotViewer/hooks/usePanning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePanning.js","sources":["../../../../PivotViewer/hooks/usePanning.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState, useRef, useCallback } from 'react';\n\nexport function usePanning(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  onBackgroundClick?: () => void,\n  onScrollChange?: (scroll: { x: number; y: number }) => void\n) {\n  const [isPanning, setIsPanning] = useState(false);\n  const panStartRef = useRef<{ x: number; y: number; scrollLeft: number; scrollTop: number } | null>(null);\n  const velocityRef = useRef({ x: 0, y: 0 });\n  const lastMouseRef = useRef<{ x: number; y: number; time: number } | null>(null);\n  const inertiaAnimationRef = useRef<number | null>(null);\n  const didDragRef = useRef(false);\n  const clickedOnBackgroundRef = useRef(false);\n\n  const stopInertia = useCallback(() => {\n    if (inertiaAnimationRef.current) {\n      cancelAnimationFrame(inertiaAnimationRef.current);\n      inertiaAnimationRef.current = null;\n    }\n  }, []);\n\n  const handlePanStart = useCallback((e: React.MouseEvent | MouseEvent, isExplicitlyOnCard?: boolean) => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    stopInertia();\n\n    const target = e.target as HTMLElement;\n    // Check if explicitly on card (from Pixi) or via DOM (fallback)\n    const isOnCard = isExplicitlyOnCard ?? !!target.closest('.pv-card');\n\n    clickedOnBackgroundRef.current = !isOnCard;\n    didDragRef.current = false;\n    velocityRef.current = { x: 0, y: 0 };\n\n      if (e.button === 1 || (e.button === 0 && (e.altKey || !isOnCard))) {\n      if (!isOnCard) {\n        (e as any).preventDefault?.();\n      }\n      setIsPanning(true);\n      panStartRef.current = {\n        x: e.clientX,\n        y: e.clientY,\n        scrollLeft: container.scrollLeft,\n        scrollTop: container.scrollTop,\n      };\n      lastMouseRef.current = { x: e.clientX, y: e.clientY, time: performance.now() };\n    }\n  }, [containerRef, stopInertia]);\n\n  const handlePanMove = useCallback((e: React.MouseEvent | MouseEvent) => {\n    const panStart = panStartRef.current;\n    if (!isPanning || !panStart) return;\n\n    const dx = e.clientX - panStart.x;\n    const dy = e.clientY - panStart.y;\n\n    // Mark as dragged if moved more than 3 pixels\n    if (Math.abs(dx) > 3 || Math.abs(dy) > 3) {\n      didDragRef.current = true;\n    }\n\n    // Camera moves opposite to drag direction\n    const newCameraX = panStart.scrollLeft - dx;\n    const newCameraY = panStart.scrollTop - dy;\n\n    // Update camera position\n    // Update container scroll directly so the visual camera follows the drag\n    const container = containerRef.current;\n    if (container) {\n      container.scrollLeft = Math.max(0, Math.round(newCameraX));\n      container.scrollTop = Math.max(0, Math.round(newCameraY));\n    }\n\n    // Also notify parent about scroll change (keeps external state in sync)\n    if (onScrollChange) {\n      onScrollChange({ x: container ? container.scrollLeft : newCameraX, y: container ? container.scrollTop : newCameraY });\n    }\n\n    // Track velocity for inertia\n    const now = performance.now();\n    const last = lastMouseRef.current;\n    if (last) {\n      const dt = now - last.time;\n      if (dt > 0 && dt < 50) {\n        const instantVx = (last.x - e.clientX) / dt;\n        const instantVy = (last.y - e.clientY) / dt;\n        velocityRef.current = {\n          x: velocityRef.current.x * 0.5 + instantVx * 0.5,\n          y: velocityRef.current.y * 0.5 + instantVy * 0.5,\n        };\n      }\n    }\n    lastMouseRef.current = { x: e.clientX, y: e.clientY, time: now };\n  }, [isPanning, containerRef, onScrollChange]);\n\n  const handlePanEnd = useCallback(() => {\n    const wasPanning = isPanning;\n    const velocity = { ...velocityRef.current };\n\n    setIsPanning(false);\n    panStartRef.current = null;\n\n    // If clicked on background and didn't drag, trigger deselect\n    if (clickedOnBackgroundRef.current && !didDragRef.current && onBackgroundClick) {\n      onBackgroundClick();\n    }\n\n    if (!wasPanning) {\n      return;\n    }\n\n    const container = containerRef.current;\n    if (!container) {\n      lastMouseRef.current = null;\n      return;\n    }\n\n    const speed = Math.sqrt(velocity.x * velocity.x + velocity.y * velocity.y);\n\n    // Start inertia if moving fast enough\n    if (speed > 0.3) {\n      let vx = velocity.x * 16;\n      let vy = velocity.y * 16;\n\n      const animate = () => {\n        const currentSpeed = Math.sqrt(vx * vx + vy * vy);\n\n        if (currentSpeed < 0.5) {\n          inertiaAnimationRef.current = null;\n          return;\n        }\n\n        container.scrollLeft += vx;\n        container.scrollTop += vy;\n\n        // Decay\n        vx *= 0.95;\n        vy *= 0.95;\n\n        inertiaAnimationRef.current = requestAnimationFrame(animate);\n      };\n\n      inertiaAnimationRef.current = requestAnimationFrame(animate);\n    }\n\n    lastMouseRef.current = null;\n  }, [isPanning, containerRef, onBackgroundClick]);\n\n  return {\n    isPanning,\n    handlePanStart,\n    handlePanMove,\n    handlePanEnd,\n  };\n}\n\n\n\n"],"names":["useState","useRef","useCallback"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/usePivotEngine.js

@@ -0,0 +1,183 @@
+'use strict';
+
+var React = require('react');
+var store = require('../engine/store.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function usePivotEngine({ data, fieldExtractors, indexFields, }) {
+    const [ready, setReady] = React.useState(false);
+    const workerRef = React.useRef(null);
+    const indexesRef = React.useRef(null);
+    const fallbackRef = React.useRef(false);
+    const storeRef = React.useRef(null);
+    const pendingCallbacksRef = React.useRef(new Map());
+    React.useEffect(() => {
+        const worker = new Worker(new URL('../engine/pivot.worker.ts', (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('PivotViewer/hooks/usePivotEngine.js', document.baseURI).href))), { type: 'module' });
+        workerRef.current = worker;
+        worker.onmessage = (e) => {
+            const message = e.data;
+            switch (message.type) {
+                case 'indexesReady':
+                    console.log('[PivotEngine] Indexes ready');
+                    setReady(true);
+                    break;
+                case 'filterResult': {
+                    const callback = pendingCallbacksRef.current.get('filter');
+                    if (callback) {
+                        callback(message.result);
+                        pendingCallbacksRef.current.delete('filter');
+                    }
+                    break;
+                }
+                case 'groupingResult': {
+                    const callback = pendingCallbacksRef.current.get('grouping');
+                    if (callback) {
+                        callback(message.result);
+                        pendingCallbacksRef.current.delete('grouping');
+                    }
+                    break;
+                }
+                case 'sortResult': {
+                    const callback = pendingCallbacksRef.current.get('sort');
+                    if (callback) {
+                        callback(message.result);
+                        pendingCallbacksRef.current.delete('sort');
+                    }
+                    break;
+                }
+            }
+        };
+        worker.onerror = (error) => {
+            console.error('[PivotEngine] Worker error:', error);
+            fallbackRef.current = true;
+            workerRef.current = null;
+            if (storeRef.current) {
+                try {
+                    indexesRef.current = store.buildIndexes(storeRef.current, indexFields);
+                }
+                catch (e) {
+                    console.error('[PivotEngine] Failed to build indexes in fallback:', e);
+                    indexesRef.current = null;
+                }
+                setReady(true);
+            }
+        };
+        return () => {
+            worker.terminate();
+        };
+    }, []);
+    React.useEffect(() => {
+        if (!workerRef.current)
+            return;
+        console.log('[PivotEngine] Building indexes for', data.length, 'items');
+        setReady(false);
+        const store$1 = store.buildStore(data, fieldExtractors);
+        storeRef.current = store$1;
+        try {
+            indexesRef.current = store.buildIndexes(store$1, indexFields);
+        }
+        catch (e) {
+            console.error('[PivotEngine] buildIndexes failed:', e);
+            indexesRef.current = null;
+        }
+        if (workerRef.current) {
+            const message = {
+                type: 'buildIndexes',
+                store: store$1,
+                fields: indexFields,
+            };
+            workerRef.current.postMessage(message);
+        }
+        else {
+            setReady(true);
+        }
+    }, [data, fieldExtractors, indexFields]);
+    const applyFiltersCallback = React.useCallback((filters) => {
+        return new Promise((resolve) => {
+            if (!workerRef.current || fallbackRef.current) {
+                try {
+                    const store$1 = storeRef.current;
+                    const indexes = indexesRef.current;
+                    if (store$1 && indexes) {
+                        const result = store.applyFilters(store$1, indexes, filters);
+                        resolve(result);
+                        return;
+                    }
+                }
+                catch (e) {
+                    console.error('[PivotEngine] fallback applyFilters error:', e);
+                }
+                resolve({ visibleIds: new Uint32Array(0), count: 0 });
+                return;
+            }
+            pendingCallbacksRef.current.set('filter', resolve);
+            const message = {
+                type: 'applyFilters',
+                filters,
+            };
+            workerRef.current.postMessage(message);
+        });
+    }, [ready]);
+    const computeGroupingCallback = React.useCallback((visibleIds, groupBy) => {
+        return new Promise((resolve) => {
+            if (!workerRef.current || fallbackRef.current) {
+                try {
+                    const store$1 = storeRef.current;
+                    const indexes = indexesRef.current;
+                    if (store$1 && indexes) {
+                        const result = store.computeGrouping(store$1, indexes, visibleIds, groupBy);
+                        resolve(result);
+                        return;
+                    }
+                }
+                catch (e) {
+                    console.error('[PivotEngine] fallback computeGrouping error:', e);
+                }
+                resolve({ groups: [] });
+                return;
+            }
+            pendingCallbacksRef.current.set('grouping', resolve);
+            const message = {
+                type: 'computeGrouping',
+                visibleIds,
+                groupBy,
+            };
+            workerRef.current.postMessage(message);
+        });
+    }, [ready]);
+    const sortIdsCallback = React.useCallback((visibleIds, sortBy) => {
+        return new Promise((resolve) => {
+            if (!workerRef.current || fallbackRef.current) {
+                try {
+                    const store$1 = storeRef.current;
+                    if (store$1) {
+                        const result = store.sortIds(store$1, visibleIds, sortBy);
+                        resolve(result);
+                        return;
+                    }
+                }
+                catch (e) {
+                    console.error('[PivotEngine] fallback sortIds error:', e);
+                }
+                resolve(visibleIds);
+                return;
+            }
+            pendingCallbacksRef.current.set('sort', resolve);
+            const message = {
+                type: 'sort',
+                ids: visibleIds,
+                sortBy,
+            };
+            workerRef.current.postMessage(message);
+        });
+    }, [ready]);
+    return {
+        ready,
+        applyFilters: applyFiltersCallback,
+        computeGrouping: computeGroupingCallback,
+        sortIds: sortIdsCallback,
+    };
+}
+
+exports.usePivotEngine = usePivotEngine;
+//# sourceMappingURL=usePivotEngine.js.map

package/dist/cjs/PivotViewer/hooks/usePivotEngine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePivotEngine.js","sources":["../../../../PivotViewer/hooks/usePivotEngine.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport type {\n  PivotStore,\n  PivotIndexes,\n  FilterSpec,\n  FilterResult,\n  GroupSpec,\n  GroupingResult,\n  WorkerInMessage,\n  WorkerOutMessage,\n  FieldValue,\n} from '../engine/types';\nimport { buildStore, buildIndexes, applyFilters, computeGrouping, sortIds } from '../engine/store';\n\nexport interface UsePivotEngineOptions<TItem extends object> {\n  data: TItem[];\n  fieldExtractors: Map<string, (item: TItem) => FieldValue>;\n  indexFields: string[];\n}\n\nexport interface UsePivotEngineResult {\n  ready: boolean;\n  applyFilters: (filters: FilterSpec[]) => Promise<FilterResult>;\n  computeGrouping: (visibleIds: Uint32Array, groupBy: GroupSpec) => Promise<GroupingResult>;\n  sortIds: (visibleIds: Uint32Array, sortBy: string) => Promise<Uint32Array>;\n}\n\nexport function usePivotEngine<TItem extends object>({\n  data,\n  fieldExtractors,\n  indexFields,\n}: UsePivotEngineOptions<TItem>): UsePivotEngineResult {\n  const [ready, setReady] = useState(false);\n  const workerRef = useRef<Worker | null>(null);\n  const indexesRef = useRef<PivotIndexes | null>(null);\n  const fallbackRef = useRef(false);\n  const storeRef = useRef<PivotStore | null>(null);\n  const pendingCallbacksRef = useRef<Map<string, (result: unknown) => void>>(new Map());\n\n  useEffect(() => {\n    const worker = new Worker(\n      new URL('../engine/pivot.worker.ts', import.meta.url),\n      { type: 'module' }\n    );\n\n    workerRef.current = worker;\n\n    worker.onmessage = (e: MessageEvent<WorkerOutMessage>) => {\n      const message = e.data;\n\n      switch (message.type) {\n        case 'indexesReady':\n          console.log('[PivotEngine] Indexes ready');\n          setReady(true);\n          break;\n\n        case 'filterResult': {\n          const callback = pendingCallbacksRef.current.get('filter');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('filter');\n          }\n          break;\n        }\n\n        case 'groupingResult': {\n          const callback = pendingCallbacksRef.current.get('grouping');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('grouping');\n          }\n          break;\n        }\n\n        case 'sortResult': {\n          const callback = pendingCallbacksRef.current.get('sort');\n          if (callback) {\n            callback(message.result);\n            pendingCallbacksRef.current.delete('sort');\n          }\n          break;\n        }\n      }\n    };\n\n    worker.onerror = (error) => {\n      console.error('[PivotEngine] Worker error:', error);\n      // enable synchronous fallback so UI can still function without worker\n      fallbackRef.current = true;\n      workerRef.current = null;\n      // if we already built store/indexes, mark ready so UI can use fallback\n      if (storeRef.current) {\n        try {\n          indexesRef.current = buildIndexes(storeRef.current, indexFields);\n        } catch (e) {\n          console.error('[PivotEngine] Failed to build indexes in fallback:', e);\n          indexesRef.current = null;\n        }\n        setReady(true);\n      }\n    };\n\n    return () => {\n      worker.terminate();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!workerRef.current) return;\n\n    console.log('[PivotEngine] Building indexes for', data.length, 'items');\n    setReady(false);\n\n    const store = buildStore(data, fieldExtractors);\n    storeRef.current = store;\n\n    // compute indexes locally for immediate fallback and cache\n    try {\n      indexesRef.current = buildIndexes(store, indexFields);\n    } catch (e) {\n      console.error('[PivotEngine] buildIndexes failed:', e);\n      indexesRef.current = null;\n    }\n\n    if (workerRef.current) {\n      const message: WorkerInMessage = {\n        type: 'buildIndexes',\n        store,\n        fields: indexFields,\n      };\n\n      workerRef.current.postMessage(message);\n    } else {\n      // no worker available, mark ready to allow fallback synchronous usage\n      setReady(true);\n    }\n  }, [data, fieldExtractors, indexFields]);\n\n  const applyFiltersCallback = useCallback(\n    (filters: FilterSpec[]): Promise<FilterResult> => {\n      return new Promise((resolve) => {\n        // If worker is not available, use synchronous fallback using local indexes\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = applyFilters(store, indexes, filters);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback applyFilters error:', e);\n          }\n\n          // if fallback not possible, return empty result\n          resolve({ visibleIds: new Uint32Array(0), count: 0 });\n          return;\n        }\n\n        pendingCallbacksRef.current.set('filter', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'applyFilters',\n          filters,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  const computeGroupingCallback = useCallback(\n    (visibleIds: Uint32Array, groupBy: GroupSpec): Promise<GroupingResult> => {\n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            const indexes = indexesRef.current;\n            if (store && indexes) {\n              const result = computeGrouping(store, indexes, visibleIds, groupBy);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback computeGrouping error:', e);\n          }\n\n          resolve({ groups: [] });\n          return;\n        }\n\n        pendingCallbacksRef.current.set('grouping', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'computeGrouping',\n          visibleIds,\n          groupBy,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  const sortIdsCallback = useCallback(\n    (visibleIds: Uint32Array, sortBy: string): Promise<Uint32Array> => {\n      return new Promise((resolve) => {\n        // synchronous fallback if worker unavailable\n        if (!workerRef.current || fallbackRef.current) {\n          try {\n            const store = storeRef.current;\n            if (store) {\n              const result = sortIds(store, visibleIds, sortBy);\n              resolve(result);\n              return;\n            }\n          } catch (e) {\n            console.error('[PivotEngine] fallback sortIds error:', e);\n          }\n\n          resolve(visibleIds);\n          return;\n        }\n\n        pendingCallbacksRef.current.set('sort', resolve as (result: unknown) => void);\n\n        const message: WorkerInMessage = {\n          type: 'sort',\n          ids: visibleIds,\n          sortBy,\n        };\n\n        workerRef.current.postMessage(message);\n      });\n    },\n    [ready]\n  );\n\n  return {\n    ready,\n    applyFilters: applyFiltersCallback,\n    computeGrouping: computeGroupingCallback,\n    sortIds: sortIdsCallback,\n  };\n}\n"],"names":["useState","useRef","useEffect","buildIndexes","store","buildStore","useCallback","applyFilters","computeGrouping","sortIds"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/useWheelZoom.js

@@ -0,0 +1,93 @@
+'use strict';
+
+var React = require('react');
+var utils = require('../utils/utils.js');
+
+function useWheelZoom(containerRef, zoomLevel, setZoomLevel) {
+    const handleWheel = React.useCallback((e) => {
+        if (e.ctrlKey || e.metaKey) {
+            e.preventDefault();
+            const container = containerRef.current;
+            if (!container)
+                return;
+            container.style.scrollBehavior = 'auto';
+            const rect = container.getBoundingClientRect();
+            const cursorX = e.clientX - rect.left;
+            const cursorY = e.clientY - rect.top;
+            const scrollX = container.scrollLeft;
+            const scrollY = container.scrollTop;
+            const delta = -e.deltaY * 0.01;
+            const newZoom = Math.max(utils.ZOOM_MIN, Math.min(utils.ZOOM_MAX, zoomLevel + delta));
+            const zoomRatio = newZoom / zoomLevel;
+            const newScrollLeft = (scrollX + cursorX) * zoomRatio - cursorX;
+            const newScrollTop = (scrollY + cursorY) * zoomRatio - cursorY;
+            setZoomLevel(newZoom);
+            setTimeout(() => {
+                container.scrollLeft = Math.max(0, newScrollLeft);
+                container.scrollTop = Math.max(0, newScrollTop);
+                setTimeout(() => {
+                    container.style.scrollBehavior = '';
+                }, 50);
+            }, 0);
+        }
+    }, [zoomLevel, setZoomLevel, containerRef]);
+    React.useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        container.addEventListener('wheel', handleWheel, { passive: false });
+        let lastTouchDistance = 0;
+        let currentZoom = zoomLevel;
+        const handleTouchStart = (e) => {
+            if (e.touches.length === 2) {
+                const dx = e.touches[0].clientX - e.touches[1].clientX;
+                const dy = e.touches[0].clientY - e.touches[1].clientY;
+                lastTouchDistance = Math.sqrt(dx * dx + dy * dy);
+                currentZoom = zoomLevel;
+            }
+        };
+        const handleTouchMove = (e) => {
+            if (e.touches.length === 2) {
+                e.preventDefault();
+                const dx = e.touches[0].clientX - e.touches[1].clientX;
+                const dy = e.touches[0].clientY - e.touches[1].clientY;
+                const distance = Math.sqrt(dx * dx + dy * dy);
+                const centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2;
+                const centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2;
+                const rect = container.getBoundingClientRect();
+                const cursorX = centerX - rect.left;
+                const cursorY = centerY - rect.top;
+                if (lastTouchDistance > 0) {
+                    const scale = distance / lastTouchDistance;
+                    const newZoom = Math.max(utils.ZOOM_MIN, Math.min(utils.ZOOM_MAX, currentZoom * scale));
+                    const zoomRatio = newZoom / zoomLevel;
+                    const contentX = container.scrollLeft + cursorX;
+                    const contentY = container.scrollTop + cursorY;
+                    const newScrollLeft = contentX * zoomRatio - cursorX;
+                    const newScrollTop = contentY * zoomRatio - cursorY;
+                    setZoomLevel(newZoom);
+                    requestAnimationFrame(() => {
+                        container.scrollLeft = Math.max(0, newScrollLeft);
+                        container.scrollTop = Math.max(0, newScrollTop);
+                    });
+                }
+                lastTouchDistance = distance;
+            }
+        };
+        const handleTouchEnd = () => {
+            lastTouchDistance = 0;
+        };
+        container.addEventListener('touchstart', handleTouchStart, { passive: true });
+        container.addEventListener('touchmove', handleTouchMove, { passive: false });
+        container.addEventListener('touchend', handleTouchEnd, { passive: true });
+        return () => {
+            container.removeEventListener('wheel', handleWheel);
+            container.removeEventListener('touchstart', handleTouchStart);
+            container.removeEventListener('touchmove', handleTouchMove);
+            container.removeEventListener('touchend', handleTouchEnd);
+        };
+    }, [handleWheel, zoomLevel, setZoomLevel, containerRef]);
+}
+
+exports.useWheelZoom = useWheelZoom;
+//# sourceMappingURL=useWheelZoom.js.map

package/dist/cjs/PivotViewer/hooks/useWheelZoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWheelZoom.js","sources":["../../../../PivotViewer/hooks/useWheelZoom.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useCallback, useEffect } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useWheelZoom(\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  zoomLevel: number,\n  setZoomLevel: (zoom: number) => void\n) {\n  const handleWheel = useCallback((e: WheelEvent) => {\n    if (e.ctrlKey || e.metaKey) {\n      e.preventDefault();\n\n      const container = containerRef.current;\n      if (!container) return;\n\n      container.style.scrollBehavior = 'auto';\n\n      const rect = container.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const cursorY = e.clientY - rect.top;\n      const scrollX = container.scrollLeft;\n      const scrollY = container.scrollTop;\n\n      const delta = -e.deltaY * 0.01;\n      const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, zoomLevel + delta));\n      const zoomRatio = newZoom / zoomLevel;\n\n      const newScrollLeft = (scrollX + cursorX) * zoomRatio - cursorX;\n      const newScrollTop = (scrollY + cursorY) * zoomRatio - cursorY;\n\n      setZoomLevel(newZoom);\n\n      setTimeout(() => {\n        container.scrollLeft = Math.max(0, newScrollLeft);\n        container.scrollTop = Math.max(0, newScrollTop);\n        setTimeout(() => {\n          container.style.scrollBehavior = '';\n        }, 50);\n      }, 0);\n    }\n  }, [zoomLevel, setZoomLevel, containerRef]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    container.addEventListener('wheel', handleWheel, { passive: false });\n\n    let lastTouchDistance = 0;\n    let currentZoom = zoomLevel;\n\n    const handleTouchStart = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        lastTouchDistance = Math.sqrt(dx * dx + dy * dy);\n        currentZoom = zoomLevel;\n      }\n    };\n\n    const handleTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2) {\n        e.preventDefault();\n        const dx = e.touches[0].clientX - e.touches[1].clientX;\n        const dy = e.touches[0].clientY - e.touches[1].clientY;\n        const distance = Math.sqrt(dx * dx + dy * dy);\n\n        const centerX = (e.touches[0].clientX + e.touches[1].clientX) / 2;\n        const centerY = (e.touches[0].clientY + e.touches[1].clientY) / 2;\n        const rect = container.getBoundingClientRect();\n        const cursorX = centerX - rect.left;\n        const cursorY = centerY - rect.top;\n\n        if (lastTouchDistance > 0) {\n          const scale = distance / lastTouchDistance;\n          const newZoom = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, currentZoom * scale));\n          const zoomRatio = newZoom / zoomLevel;\n\n          const contentX = container.scrollLeft + cursorX;\n          const contentY = container.scrollTop + cursorY;\n\n          const newScrollLeft = contentX * zoomRatio - cursorX;\n          const newScrollTop = contentY * zoomRatio - cursorY;\n\n          setZoomLevel(newZoom);\n\n          requestAnimationFrame(() => {\n            container.scrollLeft = Math.max(0, newScrollLeft);\n            container.scrollTop = Math.max(0, newScrollTop);\n          });\n        }\n        lastTouchDistance = distance;\n      }\n    };\n\n    const handleTouchEnd = () => {\n      lastTouchDistance = 0;\n    };\n\n    container.addEventListener('touchstart', handleTouchStart, { passive: true });\n    container.addEventListener('touchmove', handleTouchMove, { passive: false });\n    container.addEventListener('touchend', handleTouchEnd, { passive: true });\n\n    return () => {\n      container.removeEventListener('wheel', handleWheel);\n      container.removeEventListener('touchstart', handleTouchStart);\n      container.removeEventListener('touchmove', handleTouchMove);\n      container.removeEventListener('touchend', handleTouchEnd);\n    };\n  }, [handleWheel, zoomLevel, setZoomLevel, containerRef]);\n}\n"],"names":["useCallback","ZOOM_MIN","ZOOM_MAX","useEffect"],"mappings":"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"}

package/dist/cjs/PivotViewer/hooks/useZoomState.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var utils = require('../utils/utils.js');
+
+function useZoomState(initialZoom = 1) {
+    const [zoomLevel, setZoomLevel] = React.useState(initialZoom);
+    const handleZoomChange = React.useCallback((newZoom) => {
+        setZoomLevel(Math.max(utils.ZOOM_MIN, Math.min(utils.ZOOM_MAX, newZoom)));
+    }, []);
+    const handleZoomIn = React.useCallback(() => {
+        handleZoomChange(zoomLevel + 0.2);
+    }, [zoomLevel, handleZoomChange]);
+    const handleZoomOut = React.useCallback(() => {
+        handleZoomChange(zoomLevel - 0.2);
+    }, [zoomLevel, handleZoomChange]);
+    const handleZoomSlider = React.useCallback((e) => {
+        handleZoomChange(parseFloat(e.target.value));
+    }, [handleZoomChange]);
+    return {
+        zoomLevel,
+        setZoomLevel,
+        handleZoomChange,
+        handleZoomIn,
+        handleZoomOut,
+        handleZoomSlider,
+    };
+}
+
+exports.useZoomState = useZoomState;
+//# sourceMappingURL=useZoomState.js.map

package/dist/cjs/PivotViewer/hooks/useZoomState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomState.js","sources":["../../../../PivotViewer/hooks/useZoomState.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useState, useCallback } from 'react';\nimport { ZOOM_MIN, ZOOM_MAX } from '../utils/utils';\n\nexport function useZoomState(initialZoom = 1) {\n  const [zoomLevel, setZoomLevel] = useState(initialZoom);\n\n  const handleZoomChange = useCallback((newZoom: number) => {\n    setZoomLevel(Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, newZoom)));\n  }, []);\n\n  const handleZoomIn = useCallback(() => {\n    handleZoomChange(zoomLevel + 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomOut = useCallback(() => {\n    handleZoomChange(zoomLevel - 0.2);\n  }, [zoomLevel, handleZoomChange]);\n\n  const handleZoomSlider = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    handleZoomChange(parseFloat(e.target.value));\n  }, [handleZoomChange]);\n\n  return {\n    zoomLevel,\n    setZoomLevel,\n    handleZoomChange,\n    handleZoomIn,\n    handleZoomOut,\n    handleZoomSlider,\n  };\n}\n"],"names":["useState","useCallback","ZOOM_MIN","ZOOM_MAX"],"mappings":";;;;;AAMM,SAAU,YAAY,CAAC,WAAW,GAAG,CAAC,EAAA;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,WAAW,CAAC;AAEvD,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAAC,CAAC,OAAe,KAAI;AACvD,QAAA,YAAY,CAAC,IAAI,CAAC,GAAG,CAACC,cAAQ,EAAE,IAAI,CAAC,GAAG,CAACC,cAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAGF,iBAAW,CAAC,MAAK;AACpC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;AACrC,QAAA,gBAAgB,CAAC,SAAS,GAAG,GAAG,CAAC;AACnC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEjC,IAAA,MAAM,gBAAgB,GAAGA,iBAAW,CAAC,CAAC,CAAsC,KAAI;QAC9E,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IAEtB,OAAO;QACL,SAAS;QACT,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,aAAa;QACb,gBAAgB;KACjB;AACH;;;;"}

package/dist/cjs/PivotViewer/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var PivotViewer = require('./PivotViewer.js');
+
+
+
+exports.PivotViewer = PivotViewer.PivotViewer;
+exports.PivotViewerOptimized = PivotViewer.PivotViewer;
+//# sourceMappingURL=index.js.map

package/dist/cjs/PivotViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}