@osfarm/itineraire-technique 1.2.0 → 1.2.1

package/react/hooks.ts

@@ -1,217 +0,0 @@
-/**
- * Hook React personnalisé pour gérer les données d'itinéraire technique
- */
-
-import { useState, useCallback, useEffect } from 'react';
-import type { ItineraireData, Step, Intervention } from './types';
-
-export interface UseItineraireResult {
-  data: ItineraireData | null;
-  loading: boolean;
-  error: Error | null;
-  updateData: (newData: ItineraireData) => void;
-  addStep: (step: Step) => void;
-  updateStep: (stepId: string, updates: Partial<Step>) => void;
-  deleteStep: (stepId: string) => void;
-  addIntervention: (stepId: string, intervention: Intervention) => void;
-  updateIntervention: (stepId: string, interventionId: string, updates: Partial<Intervention>) => void;
-  deleteIntervention: (stepId: string, interventionId: string) => void;
-  exportToJson: () => string;
-  importFromJson: (jsonString: string) => void;
-  reset: () => void;
-}
-
-/**
- * Hook pour gérer les données d'itinéraire technique
- * @param initialData Données initiales
- * @param onUpdate Callback appelé à chaque modification
- */
-export const useItineraire = (
-  initialData: ItineraireData | null = null,
-  onUpdate?: (data: ItineraireData) => void
-): UseItineraireResult => {
-  const [data, setData] = useState<ItineraireData | null>(initialData);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  // Appeler onUpdate quand les données changent
-  useEffect(() => {
-    if (data && onUpdate) {
-      onUpdate(data);
-    }
-  }, [data, onUpdate]);
-
-  const updateData = useCallback((newData: ItineraireData) => {
-    setData(newData);
-    setError(null);
-  }, []);
-
-  const addStep = useCallback((step: Step) => {
-    setData((prevData) => {
-      if (!prevData) return prevData;
-      return {
-        ...prevData,
-        steps: [...prevData.steps, step]
-      };
-    });
-  }, []);
-
-  const updateStep = useCallback((stepId: string, updates: Partial<Step>) => {
-    setData((prevData) => {
-      if (!prevData) return prevData;
-      return {
-        ...prevData,
-        steps: prevData.steps.map((step) =>
-          step.id === stepId ? { ...step, ...updates } : step
-        )
-      };
-    });
-  }, []);
-
-  const deleteStep = useCallback((stepId: string) => {
-    setData((prevData) => {
-      if (!prevData) return prevData;
-      return {
-        ...prevData,
-        steps: prevData.steps.filter((step) => step.id !== stepId)
-      };
-    });
-  }, []);
-
-  const addIntervention = useCallback((stepId: string, intervention: Intervention) => {
-    setData((prevData) => {
-      if (!prevData) return prevData;
-      return {
-        ...prevData,
-        steps: prevData.steps.map((step) =>
-          step.id === stepId
-            ? {
-                ...step,
-                interventions: [...(step.interventions || []), intervention]
-              }
-            : step
-        )
-      };
-    });
-  }, []);
-
-  const updateIntervention = useCallback(
-    (stepId: string, interventionId: string, updates: Partial<Intervention>) => {
-      setData((prevData) => {
-        if (!prevData) return prevData;
-        return {
-          ...prevData,
-          steps: prevData.steps.map((step) =>
-            step.id === stepId
-              ? {
-                  ...step,
-                  interventions: (step.interventions || []).map((intervention) =>
-                    intervention.id === interventionId
-                      ? { ...intervention, ...updates }
-                      : intervention
-                  )
-                }
-              : step
-          )
-        };
-      });
-    },
-    []
-  );
-
-  const deleteIntervention = useCallback((stepId: string, interventionId: string) => {
-    setData((prevData) => {
-      if (!prevData) return prevData;
-      return {
-        ...prevData,
-        steps: prevData.steps.map((step) =>
-          step.id === stepId
-            ? {
-                ...step,
-                interventions: (step.interventions || []).filter(
-                  (intervention) => intervention.id !== interventionId
-                )
-              }
-            : step
-        )
-      };
-    });
-  }, []);
-
-  const exportToJson = useCallback(() => {
-    if (!data) return '{}';
-    return JSON.stringify(data, null, 2);
-  }, [data]);
-
-  const importFromJson = useCallback((jsonString: string) => {
-    try {
-      setLoading(true);
-      const parsed = JSON.parse(jsonString);
-      setData(parsed);
-      setError(null);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error('Invalid JSON'));
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  const reset = useCallback(() => {
-    setData(initialData);
-    setError(null);
-  }, [initialData]);
-
-  return {
-    data,
-    loading,
-    error,
-    updateData,
-    addStep,
-    updateStep,
-    deleteStep,
-    addIntervention,
-    updateIntervention,
-    deleteIntervention,
-    exportToJson,
-    importFromJson,
-    reset
-  };
-};
-
-/**
- * Hook pour charger les dépendances nécessaires (ECharts, jQuery, etc.)
- */
-export const useItineraireDependencies = () => {
-  const [loaded, setLoaded] = useState(false);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-
-    const checkDependencies = () => {
-      const hasEcharts = !!window.echarts;
-      const hasJQuery = !!window.$;
-      const hasUnderscore = !!window._;
-      const hasRotationRenderer = !!window.RotationRenderer;
-
-      return hasEcharts && hasJQuery && hasUnderscore && hasRotationRenderer;
-    };
-
-    if (checkDependencies()) {
-      setLoaded(true);
-    } else {
-      // Attendre un peu que les scripts se chargent
-      const timeout = setTimeout(() => {
-        if (checkDependencies()) {
-          setLoaded(true);
-        } else {
-          setError(new Error('Required dependencies not loaded'));
-        }
-      }, 1000);
-
-      return () => clearTimeout(timeout);
-    }
-  }, []);
-
-  return { loaded, error };
-};

package/react/index.ts

@@ -1,19 +0,0 @@
-/**
- * Point d'entrée principal pour les composants React
- */
-
-export { default as TikaRenderer } from './TikaRenderer';
-export { default as TikaEditor } from './TikaEditor';
-export { useItineraire, useItineraireDependencies } from './hooks';
-export type {
-  ItineraireData,
-  ItineraireOptions,
-  Step,
-  Intervention,
-  ClimateData,
-  RotationData,
-  TimelineData,
-  TikaRendererProps,
-  TikaEditorProps,
-  IRotationRenderer
-} from './types';

package/react/types.ts

@@ -1,152 +0,0 @@
-/**
- * Types TypeScript pour les données d'itinéraire technique TIKA
- */
-
-export interface ClimateData {
-  /** Températures moyennes mensuelles (12 valeurs, en °C) */
-  temperatures: number[];
-  /** Précipitations moyennes mensuelles (12 valeurs, en mm) */
-  precipitations: number[];
-}
-
-export interface ItineraireOptions {
-  /** Type de vue: 'horizontal', 'vertical', ou 'donut' */
-  view?: 'horizontal' | 'vertical' | 'donut';
-  /** Afficher la transcription textuelle */
-  show_transcript?: boolean;
-  /** Titre pour les interventions supérieures */
-  title_top_interventions?: string;
-  /** Titre pour les interventions inférieures */
-  title_bottom_interventions?: string;
-  /** Titre pour les étapes */
-  title_steps?: string;
-  /** Région géographique */
-  region?: string;
-  /** Afficher le diagramme climatique */
-  show_climate_diagram?: boolean;
-  /** Données climatiques */
-  climate_data?: ClimateData;
-}
-
-export interface Intervention {
-  /** Identifiant unique de l'intervention */
-  id: string;
-  /** Jour relatif au début de l'étape (peut être négatif pour avant) */
-  day: string | number;
-  /** Nom de l'intervention */
-  name: string;
-  /** Type d'intervention: 'intervention_top' ou 'intervention_bottom' */
-  type: 'intervention_top' | 'intervention_bottom';
-  /** Description détaillée de l'intervention */
-  description?: string;
-  /** Icône associée (nom FontAwesome ou URL) */
-  icon?: string;
-  /** Couleur de l'intervention (hex) */
-  color?: string;
-}
-
-export interface Step {
-  /** Identifiant unique de l'étape */
-  id: string;
-  /** Nom de la culture/étape */
-  name: string;
-  /** Date de début (ISO 8601 string ou Date) */
-  startDate: string | Date;
-  /** Date de fin (ISO 8601 string ou Date) */
-  endDate: string | Date;
-  /** Couleur de l'étape (hex) */
-  color?: string;
-  /** Description de l'étape */
-  description?: string;
-  /** Liste des interventions */
-  interventions?: Intervention[];
-  /** Durée calculée en mois */
-  duration?: number;
-  /** Attributs personnalisés */
-  attributes?: Record<string, string | number>;
-}
-
-export interface ItineraireData {
-  /** Titre de la rotation */
-  title: string;
-  /** Options de configuration */
-  options: ItineraireOptions;
-  /** Liste des étapes de la rotation */
-  steps: Step[];
-}
-
-export interface TimelineData extends Array<ItineraireData> {}
-
-export type RotationData = ItineraireData | TimelineData;
-
-/**
- * Props pour le composant TikaRenderer
- */
-export interface TikaRendererProps {
-  /** Données de l'itinéraire à afficher */
-  data: RotationData;
-  /** Largeur du conteneur */
-  width?: string | number;
-  /** Hauteur du conteneur */
-  height?: string | number;
-  /** Classes CSS additionnelles */
-  className?: string;
-  /** Callback lors du clic sur un élément */
-  onItemClick?: (itemId: string, event: Event) => void;
-  /** Callback lors du survol d'un élément */
-  onItemHover?: (itemId: string, event: Event) => void;
-}
-
-/**
- * Props pour le composant TikaEditor
- */
-export interface TikaEditorProps {
-  /** Données initiales de l'itinéraire */
-  initialData?: ItineraireData;
-  /** Callback lors de la sauvegarde */
-  onSave?: (data: ItineraireData) => void;
-  /** Callback lors de l'export */
-  onExport?: (data: ItineraireData) => void;
-  /** Classes CSS additionnelles */
-  className?: string;
-  /** Afficher les boutons Wiki (si intégration avec Wiki) */
-  showWikiButtons?: boolean;
-  /** Activer la sauvegarde automatique */
-  enableAutoSave?: boolean;
-  /** Intervalle de sauvegarde automatique (ms) */
-  autoSaveInterval?: number;
-}
-
-/**
- * Interface de la classe RotationRenderer (pour référence)
- */
-export interface IRotationRenderer {
-  data: RotationData;
-  chart: any; // Type echarts
-  render(): void;
-  renderChart(): void;
-  buildHTML(): string;
-  highlightItem(id: string): void;
-}
-
-/**
- * Déclarations globales pour l'intégration avec le code existant
- */
-declare global {
-  interface Window {
-    RotationRenderer: new (divID: string, data: RotationData) => IRotationRenderer;
-    echarts: any;
-    $: any;
-    _: any;
-    rotation_data?: ItineraireData;
-    refreshAttributesTable?: () => void;
-    refreshStepsButtonList?: () => void;
-    refreshInterventionsList?: () => void;
-    renderChart?: () => void;
-    exportToJsonFile?: (data: ItineraireData, fileName?: string) => void;
-    reactEditorSave?: () => void;
-    reactEditorExport?: () => void;
-  }
-}
-
-export {};