useDocyrusPivotGrid

import { useMemo } from 'react';
import { View } from 'react-native';

import { useDocyrusClient } from '@docyrus/signin/react-native';

import {
  PivotGridDrilldownModal,
  PivotGridToolbar,
  PivotGridView
} from '@/components/docyrus-native/pivot-grid';
import { useDocyrusPivotGrid } from '@/hooks/docyrus-native/use-docyrus-pivot-grid';

export function TimeEntryReport() {
  const client = useDocyrusClient();

  const rowDimensions = useMemo(() => [
    { id: 'user', label: 'User', field: 'record_owner', subField: 'name', emptyLabel: 'Unassigned' }
  ], []);

  const columnDimensions = useMemo(() => [
    {
      id: 'month',
      label: 'Month',
      field: 'date',
      dateFormat: 'YYYY-MM',
      dateRange: { interval: 'day', min: '2026-01-01', max: '2026-06-30' }
    }
  ], []);

  const measures = useMemo(() => [
    { id: 'logged', label: 'Logged (h)', field: 'duration', aggregate: 'sum' as const, transform: (s: number) => s / 3600 }
  ], []);

  const { controller, isLoading, error, refetch } = useDocyrusPivotGrid({
    client: client!,
    appSlug: 'base',
    dataSourceSlug: 'time_entry',
    mode: 'server',
    rowDimensions,
    columnDimensions,
    measures,
    height: 420,
    enabled: Boolean(client)
  });

  return (
    <View className="gap-3">
      <PivotGridToolbar controller={controller} />
      <PivotGridView controller={controller} />
      <PivotGridDrilldownModal controller={controller} />
    </View>
  );
}