@spteck/fluentui-react-charts 1.0.7 → 1.0.9

package/src/hooks/useIndexedDBCache.ts

@@ -1,119 +0,0 @@
-import {
-  DBSchema,
-  openDB,
-} from 'idb';
-
-import { useEffect } from 'react';
-
-export interface CacheData<T> {
-  data: T;
-  timestamp: number;
-}
-
-interface CacheDB<T> extends DBSchema {
-  cache: {
-    key: string;
-    value: CacheData<T>;
-  };
-}
-
-interface UseIndexedDBCacheReturn<T> {
-  getData: (key: string) => Promise<T | undefined>;
-  setData: (key: string, data: T) => Promise<void>;
-  deleteData: (key: string) => Promise<void>;
-  clearAllCache: () => Promise<void>;
-}
-
-const CACHE: string = "application-cache";
-
-const openDatabase = async <T>() => {
-  return openDB<CacheDB<T>>('app-cache-db', 1, {
-    upgrade(db) {
-      db.createObjectStore(CACHE as never);
-    },
-  });
-};
-
-const getCachedData = async <T>(key: string): Promise<T | undefined> => {
-  const db = await openDatabase<T>();
-  const cached = await db.get((CACHE as never), key);
-  return cached ? cached.data : undefined;
-};
-
-const setCachedData = async <T>(key: string, data: T): Promise<void> => {
-  const db = await openDatabase<T>();
-  await db.put(CACHE as never, { data, timestamp: Date.now() }, key);
-};
-
-const deleteCachedData = async (key: string): Promise<void> => {
-  const db = await openDatabase<any>();
-  await db.delete(CACHE as never, key);
-};
-
-const clearCache = async (): Promise<void> => {
-  const db = await openDatabase<any>();
-  await db.clear(CACHE as never);
-};
-
-const clearExpiredCache = async (maxAge: number): Promise<void> => {
-  const db = await openDatabase<any>();
-  const allKeys = await db.getAllKeys(CACHE as never);
-  const now = Date.now();
-
-  for (const key of allKeys) {
-    const cached = await db.get(CACHE as never, key as string);
-    if (cached && now - cached.timestamp > maxAge) {
-      await db.delete(CACHE as never, key);
-    }
-  }
-};
-const DEFAULT_MAX_AGE = 24 * 60 * 60 * 1000; // 1 day in milliseconds
-/**
- * Custom hook to manage IndexedDB cache with a specified maximum age.
- *
- * @template T - The type of data to be cached.
- * @param {number} [maxAge=DEFAULT_MAX_AGE] - The maximum age (in milliseconds) for cached data before it is considered expired.
- * @returns {UseIndexedDBCacheReturn<T>} An object containing methods to interact with the cache.
- *
- * @example
- * const { getData, setData, deleteData, clearAllCache } = useIndexedDBCache<MyDataType>(3600000);
- *
- * @function
- * @name useIndexedDBCache
- * @memberof hooks
- * @inner
- *
- * @typedef {Object} UseIndexedDBCacheReturn<T>
- * @property {function(string): Promise<T | undefined>} getData - Retrieves cached data by key.
- * @property {function(string, T): Promise<void>} setData - Caches data with a specified key.
- * @property {function(string): Promise<void>} deleteData - Deletes cached data by key.
- * @property {function(): Promise<void>} clearAllCache - Clears all cached data.
- */
-export const useIndexedDBCache = <T>(maxAge: number = DEFAULT_MAX_AGE): UseIndexedDBCacheReturn<T> => {
-  useEffect(() => {
-    // Clear expired cache on component mount
-    (async () => {
-      await clearExpiredCache(maxAge);
-    })();
-  }, [maxAge]);
-
-  const getData = async (key: string): Promise<T | undefined> => {
-    return await getCachedData<T>(key);
-  };
-
-  const setData = async (key: string, data: T): Promise<void> => {
-    await setCachedData<T>(key, data);
-  };
-
-  const deleteData = async (key: string): Promise<void> => {
-    await deleteCachedData(key);
-  };
-
-  const clearAllCache = async (): Promise<void> => {
-    await clearCache();
-  };
-
-  return { getData, setData, deleteData, clearAllCache };
-};
-
-export default useIndexedDBCache;

package/src/hooks/useResponsiveLegend.ts

@@ -1,35 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-import { ResizeObserver } from '@juggle/resize-observer';
-import { useChartUtils } from './useChartUtils';
-
-const BUTTON_WIDTH = 100;
-const GAP = 10;
-
-export function useResponsiveLegend<T extends { label: string }>(items: T[]) {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const [maxVisible, setMaxVisible] = useState(items.length);
-  const { debounce } = useChartUtils();
-  useEffect(() => {
-    const measure = () => {
-      const containerWidth = containerRef.current?.offsetWidth ?? 0;
-      const itemTotalWidth = BUTTON_WIDTH + GAP;
-      const count = Math.floor(containerWidth / itemTotalWidth);
-      setMaxVisible(count);
-    };
-
-    const debouncedMeasure = debounce(measure, 100); // debounce resize
-
-    const observer = new ResizeObserver(debouncedMeasure);
-    if (containerRef.current) observer.observe(containerRef.current);
-    measure(); // initial
-
-    return () => observer.disconnect();
-  }, [items]);
-
-  return {
-    containerRef,
-    visibleItems: items.slice(0, maxVisible),
-    overflowItems: items.slice(maxVisible),
-  };
-}

package/src/index.tsx

@@ -1,5 +0,0 @@
-
-export * from './components';
-export * from './hooks';
-export {useChartUtils as useGraphUtils} from './hooks/useChartUtils';
-export * from './models';

package/src/models/ChartDatum.ts

@@ -1,4 +0,0 @@
-export interface ChartDatum {
-  name: string;
-  value: number;
-}

package/src/models/ICardChartContainer.tsx

@@ -1,11 +0,0 @@
-import { ChartDatum } from './ChartDatum';
-import { IChart } from '.';
-
-export interface ICardChartContainer {
-  chart: IChart;
-  cardTitle: string;
-  showZoom?: boolean;
-  id: string;
-  data?: { label: string; data: ChartDatum[]; }[];
-  defaultSpan?: { spanCols: number; spanRows: number; };
-}

package/src/models/IChart.ts

@@ -1,50 +0,0 @@
-export type ChartType =
-  | 'bar'
-  | 'line'
-  | 'area'
-  | 'band'
-  | 'bar-horizontal'
-  | 'bubble'
-  | 'steam'
-  | 'multiple-axes'
-  | 'floating-bar'
-  | 'stacked-line'
-  | 'doughnut'
-  | 'pie'
-  | 'radar'
-  | 'polar'
-  | 'combo'
-  | 'gauge'
-  | 'funnel'
-  | 'heatmap'
-  | 'treemap'
-  | 'sunburst'
-  | 'sankey'
-  | 'waterfall'
-  | 'boxplot'
-  | 'violin'
-  | 'radial-bar'
-  | 'sparkline'
-  | 'scatter';
-  
-export type ChartData = {
-  name: string;
-  value?: number;
-  min?: number;
-  max?: number;
-  radius?: number;
-  x?: number | string | Date;
-  y?: number;
- 
-};
-export interface IChart {
-  id: string;
-  title: string;
-  type: ChartType;
-  data: { label: string; data: ChartData[]; secondaryAxisId?: string }[];
-}
-export interface BubbleDatum {
-  primary: number | string | Date;
-  secondary: number;
-  radius: number;
-}

package/src/models/index.ts

@@ -1,3 +0,0 @@
-export * from './ChartDatum';
-export * from './ICardChartContainer';
-export * from './IChart';