react-science 7.0.0 → 8.0.1

package/src/app-data/loaders/biologicLoader.ts

@@ -3,9 +3,9 @@ import type { MeasurementVariable } from 'cheminfo-types';
 import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 
-import type { MeasurementBase, Measurements } from '../index';
+import type { MeasurementBase, Measurements } from '../index.js';
 
-import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile';
+import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile.js';
 
 /* the MeasurementBase has got a data key,
  and inside a variable key, compatible with this type */

package/src/app-data/loaders/cdfLoader.ts

@@ -2,10 +2,14 @@ import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 import { NetCDFReader } from 'netcdfjs';
 
-import { assert } from '../../components/index';
-import type { MeasurementBase, MeasurementKind, Measurements } from '../index';
+import { assert } from '../../components/index.js';
+import type {
+  MeasurementBase,
+  MeasurementKind,
+  Measurements,
+} from '../index.js';
 
-import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile';
+import { getMeasurementInfoFromFile } from './utility/index.js';
 
 export async function cdfLoader(
   fileCollection: FileCollection,

package/src/app-data/loaders/index.ts

@@ -1,8 +1,8 @@
-export * from './proprietary/agilent/cary500Loader';
-export * from './utility/index';
-export * from './biologicLoader';
-export * from './cdfLoader';
-export * from './jcampLoader';
-export * from './loadMeasurements';
-export * from './spcLoader';
-export * from './wdfLoader';
+export * from './proprietary/agilent/cary500Loader.js';
+export * from './utility/index.js';
+export * from './biologicLoader.js';
+export * from './cdfLoader.js';
+export * from './jcampLoader.js';
+export * from './loadMeasurements.js';
+export * from './spcLoader.js';
+export * from './wdfLoader.js';

package/src/app-data/loaders/jcampLoader.ts

@@ -2,10 +2,10 @@ import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 import { convert } from 'jcampconverter';
 
-import { assert } from '../../components/index';
-import type { MeasurementKind, Measurements } from '../index';
+import { assert } from '../../components/index.js';
+import type { MeasurementKind, Measurements } from '../index.js';
 
-import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile';
+import { getMeasurementInfoFromFile } from './utility/index.js';
 
 /**
  *

package/src/app-data/loaders/loadMeasurements.ts

@@ -2,13 +2,18 @@ import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 import { xMinMaxValues } from 'ml-spectra-processing';
 
-import { enhance, Enhancers, MeasurementBase, Measurements } from '../index';
+import {
+  enhance,
+  type Enhancers,
+  type MeasurementBase,
+  type Measurements,
+} from '../index.js';
 
 import {
-  MeasurementsLoader,
+  type MeasurementsLoader,
   mergeMeasurements,
-} from './utility/measurementLoader';
-import type { ParserLog } from './utility/parserLog';
+  type ParserLog,
+} from './utility/index.js';
 
 export interface LoadOptions {
   loaders?: MeasurementsLoader[];

package/src/app-data/loaders/proprietary/agilent/cary500Loader.ts

@@ -3,9 +3,9 @@ import type { FileCollection, FileCollectionItem } from 'filelist-utils';
 
 import {
   getMeasurementInfoFromFile,
-  MeasurementBase,
-  Measurements,
-} from '../../../index';
+  type MeasurementBase,
+  type Measurements,
+} from '../../../index.js';
 
 export async function cary500Loader(
   fileCollection: FileCollection,

package/src/app-data/loaders/spcLoader.ts

@@ -2,10 +2,14 @@ import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 import { guessSpectraType, parse } from 'spc-parser';
 
-import { assert } from '../../components/index';
-import type { MeasurementBase, MeasurementKind, Measurements } from '../index';
+import { assert } from '../../components/index.js';
+import type {
+  MeasurementBase,
+  MeasurementKind,
+  Measurements,
+} from '../index.js';
 
-import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile';
+import { getMeasurementInfoFromFile } from './utility/index.js';
 
 /**
  *

package/src/app-data/loaders/utility/getMeasurementInfoFromFile.ts

@@ -5,6 +5,7 @@ import type { FileCollectionItem } from 'filelist-utils';
  * creates a template for the MeasurementBase (part)
  * generated from just the file metadata only and id
  * @param obj - file as collection item.
+ * @param title
  */
 export function getMeasurementInfoFromFile(
   { name, relativePath, lastModified, size }: FileCollectionItem,

package/src/app-data/loaders/utility/index.ts

@@ -1,3 +1,3 @@
-export * from './getMeasurementInfoFromFile';
-export * from './measurementLoader';
-export * from './parserLog';
+export * from './getMeasurementInfoFromFile.js';
+export * from './measurementLoader.js';
+export * from './parserLog.js';

package/src/app-data/loaders/utility/measurementLoader.ts

@@ -1,8 +1,8 @@
 import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
 
-import { assert } from '../../../components/index';
-import type { MeasurementBase, Measurements } from '../../index';
+import { assert } from '../../../components/index.js';
+import type { MeasurementBase, Measurements } from '../../index.js';
 
 export type MeasurementsLoader = (
   fileCollection: FileCollection,

package/src/app-data/loaders/wdfLoader.ts

@@ -1,11 +1,11 @@
-import { MeasurementVariable } from 'cheminfo-types';
+import type { MeasurementVariable } from 'cheminfo-types';
 import type { FifoLogger } from 'fifo-logger';
 import type { FileCollection } from 'filelist-utils';
-import { parse, Wdf } from 'wdf-parser';
+import { parse, type Wdf } from 'wdf-parser';
 
-import type { MeasurementBase, Measurements } from '../index';
+import type { MeasurementBase, Measurements } from '../index.js';
 
-import { getMeasurementInfoFromFile } from './utility/getMeasurementInfoFromFile';
+import { getMeasurementInfoFromFile } from './utility/index.js';
 
 /**
  *

package/src/app-data/state/{appStateActions.ts → app_state.actions.ts}

@@ -1,10 +1,10 @@
-import { AppState } from './appState';
+import { type AppState } from './app_state.js';
 import {
-  MeasurementKind,
-  MeasurementKindAndId,
-  Measurements,
-} from './data/index';
-import { MeasurementAppView, Plot2DZoom } from './view/index';
+  type MeasurementKind,
+  type MeasurementKindAndId,
+  type Measurements,
+} from './data/index.js';
+import type { MeasurementAppView, Plot2DZoom } from './view/index.js';
 
 type ActionType<Action, Payload = void> = Payload extends void
   ? { type: Action }

package/src/app-data/state/app_state.provider.tsx

@@ -0,0 +1,23 @@
+import { type ReactNode, useReducer } from 'react';
+
+import {
+  appDispatchContext,
+  appReducer,
+  appStateContext,
+  getEmptyAppState,
+} from './app_state.js';
+
+export function AppStateProvider(props: { children: ReactNode }) {
+  const [appState, appDispatch] = useReducer(
+    appReducer,
+    null,
+    getEmptyAppState,
+  );
+  return (
+    <appDispatchContext.Provider value={appDispatch}>
+      <appStateContext.Provider value={appState}>
+        {props.children}
+      </appStateContext.Provider>
+    </appDispatchContext.Provider>
+  );
+}

package/src/app-data/state/{appState.tsx → app_state.ts}

@@ -1,18 +1,11 @@
 import { produce } from 'immer';
-import {
-  createContext,
-  Dispatch,
-  ReactNode,
-  useContext,
-  useReducer,
-} from 'react';
+import { createContext, type Dispatch, useContext } from 'react';
 
-import { AppStateAction } from './appStateActions';
-import { AppData, getEmptyAppData } from './data/index';
-import { appStateProducer } from './producers/index';
-import { AppSettings } from './settings/AppSettings';
-import { getEmptyAppSettings } from './settings/getEmptyAppSettings';
-import { getEmptyAppView, AppView } from './view/index';
+import { type AppStateAction } from './app_state.actions.js';
+import { type AppData, getEmptyAppData } from './data/index.js';
+import { appStateProducer } from './producers/index.js';
+import { type AppSettings, getEmptyAppSettings } from './settings/index.js';
+import { type AppView, getEmptyAppView } from './view/index.js';
 
 export interface AppState {
   load: AppLoad;
@@ -25,7 +18,7 @@ export interface AppLoad {
   isLoading: boolean;
 }
 
-function getEmptyAppState(): AppState {
+export function getEmptyAppState(): AppState {
   return {
     load: {
       isLoading: false,
@@ -36,7 +29,7 @@ function getEmptyAppState(): AppState {
   };
 }
 
-const appStateContext = createContext<AppState | null>(null);
+export const appStateContext = createContext<AppState | null>(null);
 
 export function useAppState(): AppState {
   const appState = useContext(appStateContext);
@@ -48,7 +41,7 @@ export function useAppState(): AppState {
 
 export type AppDispatch = Dispatch<AppStateAction>;
 
-const appDispatchContext = createContext<AppDispatch | null>(null);
+export const appDispatchContext = createContext<AppDispatch | null>(null);
 
 export function useAppDispatch(): AppDispatch {
   const appDispatch = useContext(appDispatchContext);
@@ -70,19 +63,4 @@ export function useAppSettings(): AppSettings {
   return useAppState().settings;
 }
 
-const appReducer = produce(appStateProducer);
-
-export function AppStateProvider(props: { children: ReactNode }) {
-  const [appState, appDispatch] = useReducer(
-    appReducer,
-    null,
-    getEmptyAppState,
-  );
-  return (
-    <appDispatchContext.Provider value={appDispatch}>
-      <appStateContext.Provider value={appState}>
-        {props.children}
-      </appStateContext.Provider>
-    </appDispatchContext.Provider>
-  );
-}
+export const appReducer = produce(appStateProducer);

package/src/app-data/state/data/AppData.ts

@@ -1,6 +1,6 @@
 import type { Instrument, MeasurementVariable } from 'cheminfo-types';
 
-import type { IrMeasurement, IvMeasurement } from '../../index';
+import type { IrMeasurement, IvMeasurement } from '../../index.js';
 
 export interface AppData {
   measurements: Measurements;

package/src/app-data/state/data/data.helpers.ts

@@ -1,13 +1,13 @@
-import { assertNotNull } from '../../../components/index';
-import type { AppState, AppView } from '../index';
+import { assertNotNull } from '../../../components/index.js';
+import type { AppState, AppView } from '../index.js';
 
 import type {
   AppData,
   MeasurementBase,
   MeasurementKind,
   Measurements,
-} from './AppData';
-import { measurementKinds } from './kinds';
+} from './AppData.js';
+import { measurementKinds } from './kinds.js';
 
 export function getMeasurement(
   measurements: Measurements,

package/src/app-data/state/data/getEmptyAppData.ts

@@ -1,4 +1,4 @@
-import type { AppData } from './AppData';
+import type { AppData } from './AppData.js';
 
 export function getEmptyAppData(): AppData {
   return {

package/src/app-data/state/data/index.ts

@@ -1,4 +1,4 @@
-export * from './data.helpers';
-export * from './AppData';
-export * from './getEmptyAppData';
-export * from './kinds';
+export * from './data.helpers.js';
+export * from './AppData.js';
+export * from './getEmptyAppData.js';
+export * from './kinds.js';

package/src/app-data/state/data/kinds.ts

@@ -1,4 +1,4 @@
-import type { MeasurementKind } from './AppData';
+import type { MeasurementKind } from './AppData.js';
 
 export const kindLabels: Record<MeasurementKind, string> = {
   ir: 'IR',

package/src/app-data/state/index.ts

@@ -1,4 +1,14 @@
-export * from './appState';
-export * from './data/index';
-export * from './settings/index';
-export * from './view/index';
+export {
+  type AppState,
+  type AppLoad,
+  useAppState,
+  type AppDispatch,
+  useAppDispatch,
+  useAppData,
+  useAppView,
+  useAppSettings,
+} from './app_state.js';
+export { AppStateProvider } from './app_state.provider.js';
+export * from './data/index.js';
+export * from './settings/index.js';
+export * from './view/index.js';

package/src/app-data/state/producers/{appStateProducer.ts → app_state_producer.ts}

@@ -1,25 +1,25 @@
-import { Draft } from 'immer';
+import { type Draft } from 'immer';
 
-import { AppState } from '../appState';
-import { AppStateAction } from '../appStateActions';
+import { type AppStateAction } from '../app_state.actions.js';
+import { type AppState } from '../app_state.js';
 
-import { addMeasurements } from './measurements/addMeasurements';
+import { addMeasurements } from './measurements/addMeasurements.js';
 import {
   changeMeasurementDisplay,
   changeMeasurementsDisplay,
+  removeSelectedMeasurements,
   selectMeasurement,
   selectMeasurementKind,
-  setSelectedMeasurementVisibility,
-  setMeasurementVisibility,
   selectOrUnselectAllMeasurements,
-  removeSelectedMeasurements,
-} from './measurements/measurements';
+  setMeasurementVisibility,
+  setSelectedMeasurementVisibility,
+} from './measurements/measurements.js';
 import {
   ivPlotSelectVariable,
   plotZoom,
   plotZoomOut,
-} from './plot-view/plot-view';
-import { ActionType, AppStateProducer } from './types';
+} from './plot-view/plot-view.js';
+import type { ActionType, AppStateProducer } from './types.js';
 
 export const loadFullState: AppStateProducer<'LOAD_FULL_STATE'> = (
   draft,

package/src/app-data/state/producers/index.ts

@@ -1 +1 @@
-export * from './appStateProducer';
+export * from './app_state_producer.js';

package/src/app-data/state/producers/measurements/addMeasurements.ts

@@ -1,13 +1,13 @@
-import { assert, defaultColorPalette } from '../../../../components/index';
-import { getPreferredVariable, mergeMeasurements } from '../../../index';
+import { assert, defaultColorPalette } from '../../../../components/index.js';
+import { getPreferredVariable, mergeMeasurements } from '../../../index.js';
 import {
   getFirstMeasurementOrFail,
   iterateMeasurementEntries,
   kindLabels,
-  MeasurementKind,
-} from '../../index';
-import { resetZoom, updateZoom } from '../plot-view/helpers/zoom';
-import { AppStateProducer } from '../types';
+  type MeasurementKind,
+} from '../../index.js';
+import { resetZoom, updateZoom } from '../plot-view/helpers/zoom.js';
+import type { AppStateProducer } from '../types.js';
 
 export const addMeasurements: AppStateProducer<'ADD_MEASUREMENTS'> = (
   draft,

package/src/app-data/state/producers/measurements/measurements.ts

@@ -1,7 +1,7 @@
-import { assert, assertUnreachable } from '../../../../components/index';
-import { getMeasurementOrFail } from '../../../index';
-import { resetZoom } from '../plot-view/helpers/zoom';
-import { AppStateProducer } from '../types';
+import { assert, assertUnreachable } from '../../../../components/index.js';
+import { getMeasurementOrFail } from '../../../index.js';
+import { resetZoom } from '../plot-view/helpers/zoom.js';
+import type { AppStateProducer } from '../types.js';
 
 export const selectOrUnselectAllMeasurements: AppStateProducer<
   'SELECT_ALL_MEASUREMENTS'

package/src/app-data/state/producers/plot-view/helpers/zoom.ts

@@ -1,15 +1,15 @@
-import { assert } from '../../../../../components/index';
+import { assert } from '../../../../../components/index.js';
 import {
   getPreferredVariable,
   getVariableByLabel,
-} from '../../../../helpers/variables';
+} from '../../../../helpers/index.js';
 import {
-  AppState,
+  type AppState,
   iterateKindMeasurementsAndView,
-  MeasurementBase,
-  MeasurementKind,
-  Plot2DZoom,
-} from '../../../index';
+  type MeasurementBase,
+  type MeasurementKind,
+  type Plot2DZoom,
+} from '../../../index.js';
 
 export function getInitialZoom(): Plot2DZoom {
   return {

package/src/app-data/state/producers/plot-view/plot-view.ts

@@ -1,7 +1,7 @@
-import { assert } from '../../../../components/index';
-import { AppStateProducer } from '../types';
+import { assert } from '../../../../components/index.js';
+import type { AppStateProducer } from '../types.js';
 
-import { resetZoom } from './helpers/zoom';
+import { resetZoom } from './helpers/zoom.js';
 
 export const plotZoom: AppStateProducer<'PLOT_ZOOM'> = (draft, action) => {
   const { kind, zoom } = action.payload;

package/src/app-data/state/producers/types.ts

@@ -1,7 +1,7 @@
-import { Draft } from 'immer';
+import type { Draft } from 'immer';
 
-import { AppStateAction } from '../appStateActions';
-import { AppState } from '../index';
+import type { AppStateAction } from '../app_state.actions.js';
+import type { AppState } from '../index.js';
 
 export type ActionType = AppStateAction['type'];
 

package/src/app-data/state/settings/{getEmptyAppSettings.ts → get_empty_app_settings.ts}

@@ -1,4 +1,4 @@
-import { AppSettings } from './AppSettings';
+import { type AppSettings } from './app_settings.js';
 
 export function getEmptyAppSettings(): AppSettings {
   return {

package/src/app-data/state/settings/index.ts

@@ -1,2 +1,2 @@
-export * from './AppSettings';
-export * from './getEmptyAppSettings';
+export * from './app_settings.js';
+export * from './get_empty_app_settings.js';

package/src/app-data/state/view/{AppView.ts → app_view.ts}

@@ -1,5 +1,5 @@
-import { GradientScaleName } from '../../../components/index';
-import type { MeasurementKind } from '../index';
+import { type GradientScaleName } from '../../../components/index.js';
+import type { MeasurementKind } from '../index.js';
 
 export interface AppView {
   selectedKind?: MeasurementKind;

package/src/app-data/state/view/{getEmptyAppView.ts → get_empty_app_view.ts}

@@ -1,4 +1,4 @@
-import { AppView } from './AppView';
+import { type AppView } from './app_view.js';
 
 export function getEmptyAppView(): AppView {
   return {

package/src/app-data/state/view/index.ts

@@ -1,2 +1,2 @@
-export * from './getEmptyAppView';
-export * from './AppView';
+export * from './get_empty_app_view.js';
+export * from './app_view.js';

package/src/components/accordion/{Accordion.tsx → accordion.tsx}

@@ -1,13 +1,13 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
 import type {
+  MouseEvent as ReactMouseEvent,
   ReactElement,
   ReactNode,
-  MouseEvent as ReactMouseEvent,
 } from 'react';
 import { useCallback } from 'react';
 
-import { useAccordionContext } from './AccordionContext';
+import { useAccordionContext } from './accordion_context.js';
 
 export interface AccordionProps {
   children?:

package/src/components/accordion/accordion_context.provider.tsx

@@ -0,0 +1,46 @@
+import { type ReactNode, useMemo, useReducer } from 'react';
+
+import { accordionContext, type ContextType } from './accordion_context.js';
+import { reducer } from './accordion_context.state.js';
+
+export function AccordionProvider(props: { children: ReactNode }) {
+  const [state, dispatch] = useReducer(reducer, {
+    items: [],
+  });
+
+  const utils = useMemo(
+    () => ({
+      change: (title: string, isOpen: boolean) => {
+        return dispatch({
+          type: 'CHANGE_ITEM',
+          payload: { isOpen, title },
+        });
+      },
+      clear: (except: string) => {
+        return dispatch({ type: 'CLEAR', payload: except });
+      },
+      toggle: (title: string) => {
+        return dispatch({ type: 'TOGGLE', payload: title });
+      },
+      remove: (title: string) => {
+        return dispatch({ type: 'REMOVE_ITEM', payload: title });
+      },
+      create: (title: string, defaultOpened?: boolean) => {
+        const item = { title, isOpen: defaultOpened || false };
+        dispatch({ type: 'CREATE_ITEM', payload: item });
+        return item;
+      },
+    }),
+    [dispatch],
+  );
+
+  const value = useMemo<ContextType>(() => {
+    return [{ items: state.items }, utils];
+  }, [state.items, utils]);
+
+  return (
+    <accordionContext.Provider value={value}>
+      {props.children}
+    </accordionContext.Provider>
+  );
+}