react-science 7.0.0 → 8.0.0

package/src/app/explorer/MeasurementExplorerWithState.tsx

@@ -1,6 +1,9 @@
-import { getCurrentMeasurementData, useAppState } from '../../app-data/index';
+import {
+  getCurrentMeasurementData,
+  useAppState,
+} from '../../app-data/index.js';
 
-import { MeasurementExplorer } from './MeasurementExplorer';
+import { MeasurementExplorer } from './MeasurementExplorer.js';
 
 export default function MeasurementExplorerWithState() {
   const appState = useAppState();

package/src/app/explorer/index.ts

@@ -1,2 +1,2 @@
-export * from './ExplorerPlotView';
-export * from './MeasurementExplorer';
+export * from './ExplorerPlotView.js';
+export * from './MeasurementExplorer.js';

package/src/app/helpers/MeasurementPlot.tsx

@@ -2,9 +2,12 @@ import { xyToXYObject } from 'ml-spectra-processing';
 import { useMemo } from 'react';
 import { LineSeries, PlotController } from 'react-plot';
 
-import type { MeasurementBase, MeasurementAppView } from '../../app-data/index';
+import type {
+  MeasurementAppView,
+  MeasurementBase,
+} from '../../app-data/index.js';
 
-import { BasicComponent } from './index';
+import { BasicComponent } from './index.js';
 
 type Measurement = Pick<MeasurementBase, 'meta' | 'info' | 'data' | 'id'>;
 export interface MeasurementPlotProps {

package/src/app/helpers/getColorFromConfig.ts

@@ -1,4 +1,5 @@
-import { ColorConfig } from '../../app-data/index';
+import type { ColorConfig } from '../../app-data/index.js';
+
 // import { fixedGradientScales } from '../../components/index';
 
 export function getColorFromConfig(config: ColorConfig) {

package/src/app/helpers/index.ts

@@ -1,5 +1,5 @@
-export * from './getColorFromConfig';
-export * from './MeasurementPlot';
-export * from './react-plot';
-export * from './splitEntries';
-export * from './MeasurementVariableSelect';
+export * from './getColorFromConfig.js';
+export * from './MeasurementPlot.js';
+export * from './react-plot.js';
+export * from './splitEntries.js';
+export * from './MeasurementVariableSelect.js';

package/src/app/helpers/react-plot.tsx

@@ -2,18 +2,18 @@ import styled from '@emotion/styled';
 import { type ReactNode, useMemo } from 'react';
 import { ResponsiveChart } from 'react-d3-utils';
 import {
-  useRectangularZoom,
-  useAxisZoom,
+  Annotations,
+  Axis,
+  Heading,
+  Plot,
   useAxisWheelZoom,
+  useAxisZoom,
   useCrossHair,
   usePan,
-  Plot,
-  Heading,
-  Annotations,
-  Axis,
+  useRectangularZoom,
 } from 'react-plot';
 
-import type { MeasurementPlotProps } from './MeasurementPlot';
+import type { MeasurementPlotProps } from './MeasurementPlot.js';
 
 interface BasicComponentProps extends MeasurementPlotProps {
   children: ReactNode[] | ReactNode;

package/src/app/helpers/splitEntries.ts

@@ -1,9 +1,9 @@
 import {
-  AppState,
+  type AppState,
   iterateKindMeasurementsAndView,
-  MeasurementAndView,
-  MeasurementKind,
-} from '../../app-data/index';
+  type MeasurementAndView,
+  type MeasurementKind,
+} from '../../app-data/index.js';
 
 export function splitEntries<Kind extends MeasurementKind>(
   appState: AppState,

package/src/app/hooks/file-loading.ts

@@ -1,10 +1,10 @@
-import { useQuery, UseQueryResult } from '@tanstack/react-query';
+import { useQuery, type UseQueryResult } from '@tanstack/react-query';
 import type { FifoLogger } from 'fifo-logger';
 import { FileCollection, fileCollectionFromWebSource } from 'filelist-utils';
 import { useCallback } from 'react';
 
-import { AppDispatch, useAppDispatch } from '../../app-data';
-import { useFifoLogger, useHashSearchParams } from '../../components';
+import { type AppDispatch, useAppDispatch } from '../../app-data/index.js';
+import { useFifoLogger, useHashSearchParams } from '../../components/index.js';
 
 type LoadFn = (
   files: File[] | FileCollection,

package/src/app/hooks/index.ts

@@ -1 +1 @@
-export * from './file-loading';
+export * from './file-loading.js';

package/src/app/index.ts

@@ -1,5 +1,5 @@
-export * from './explorer/index';
-export * from './hooks/index';
-export * from './kinds/index';
-export * from './panels/index';
-export * from './about/index';
+export * from './explorer/index.js';
+export * from './hooks/index.js';
+export * from './kinds/index.js';
+export * from './panels/index.js';
+export * from './about/index.js';

package/src/app/kinds/index.ts

@@ -1,3 +1,3 @@
-export * from './ir/index';
-export * from './iv/index';
-export * from './mass/index';
+export * from './ir/index.js';
+export * from './iv/index.js';
+export * from './mass/index.js';

package/src/app/kinds/ir/IrPeaksPanel.tsx

@@ -1,8 +1,8 @@
-import { ColumnDef, SortingState } from '@tanstack/react-table';
+import type { ColumnDef, SortingState } from '@tanstack/react-table';
 import { useState } from 'react';
 
-import type { IrPeak } from '../../../app-data/index';
-import { Table } from '../../../components/index';
+import type { IrPeak } from '../../../app-data/index.js';
+import { Table } from '../../../components/index.js';
 
 export interface IrColumnPreferences<T extends keyof IrPeak = keyof IrPeak> {
   visible?: boolean;

package/src/app/kinds/ir/index.ts

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

package/src/app/kinds/iv/index.ts

@@ -1 +1 @@
-export * from './plot-view/IvPlotView';
+export * from './plot-view/IvPlotView.js';

package/src/app/kinds/iv/plot-view/IvMeasurementsPlot.tsx

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import { ResponsiveChart } from 'react-d3-utils';
 import {
   Annotations,
@@ -10,11 +10,11 @@ import {
   usePlotEvents,
 } from 'react-plot';
 
-import { useAppDispatch, useAppState } from '../../../../app-data/index';
-import { assert } from '../../../../components/index';
-import { splitEntries } from '../../../helpers/index';
+import { useAppDispatch, useAppState } from '../../../../app-data/index.js';
+import { assert } from '../../../../components/index.js';
+import { splitEntries } from '../../../helpers/index.js';
 
-import IvSeries from './IvSeries';
+import IvSeries from './IvSeries.js';
 
 export default function IvMeasurementsPlot() {
   const appState = useAppState();

package/src/app/kinds/iv/plot-view/IvPlotVariablesSelector.tsx

@@ -2,9 +2,9 @@ import {
   getAllVariableSymbols,
   useAppDispatch,
   useAppState,
-} from '../../../../app-data/index';
-import { assertNotNull } from '../../../../components/index';
-import { MeasurementVariableSelect } from '../../../helpers/index';
+} from '../../../../app-data/index.js';
+import { assertNotNull } from '../../../../components/index.js';
+import { MeasurementVariableSelect } from '../../../helpers/index.js';
 
 export default function IvPlotVariablesSelector() {
   const {

package/src/app/kinds/iv/plot-view/IvPlotView.tsx

@@ -1,11 +1,11 @@
 import styled from '@emotion/styled';
 import { PlotController } from 'react-plot';
 
-import { useAppDispatch, useAppState } from '../../../../app-data';
-import { Toolbar } from '../../../../components';
+import { useAppDispatch, useAppState } from '../../../../app-data/index.js';
+import { Toolbar } from '../../../../components/index.js';
 
-import IvMeasurementsPlot from './IvMeasurementsPlot';
-import IvPlotVariablesSelector from './IvPlotVariablesSelector';
+import IvMeasurementsPlot from './IvMeasurementsPlot.js';
+import IvPlotVariablesSelector from './IvPlotVariablesSelector.js';
 
 const IvPlotRoot = styled.div`
   display: flex;

package/src/app/kinds/iv/plot-view/IvSeries.tsx

@@ -3,11 +3,11 @@ import { useMemo } from 'react';
 import { LineSeries } from 'react-plot';
 
 import {
-  ColorConfig,
+  type ColorConfig,
   getVariableByLabel,
-  IvMeasurement,
-} from '../../../../app-data/index';
-import { getColorFromConfig } from '../../../helpers/index';
+  type IvMeasurement,
+} from '../../../../app-data/index.js';
+import { getColorFromConfig } from '../../../helpers/index.js';
 
 interface IvSeriesProps {
   measurement: IvMeasurement;

package/src/app/kinds/mass/MassPlotView.tsx

@@ -1,9 +1,9 @@
 import {
   getCurrentMeasurementData,
   useAppState,
-} from '../../../app-data/index';
+} from '../../../app-data/index.js';
 
-import { MeasurementMassPlot } from './MeasurementMassPlot';
+import { MeasurementMassPlot } from './MeasurementMassPlot.js';
 
 export function MassPlotView() {
   const appState = useAppState();

package/src/app/kinds/mass/MeasurementMassPlot.tsx

@@ -10,7 +10,10 @@ import {
   usePlotControllerAxes,
 } from 'react-plot';
 
-import { BasicComponent, MeasurementPlotProps } from '../../helpers/index';
+import {
+  BasicComponent,
+  type MeasurementPlotProps,
+} from '../../helpers/index.js';
 
 interface Peak {
   label: string;

package/src/app/kinds/mass/index.ts

@@ -1,2 +1,2 @@
-export * from './MassPlotView';
-export * from './MeasurementMassPlot';
+export * from './MassPlotView.js';
+export * from './MeasurementMassPlot.js';

package/src/app/panels/SignalProcessingPanel.tsx

@@ -1,7 +1,11 @@
 import type { FilterXYType } from 'ml-signal-processing';
-import filterXY from 'ml-signal-processing/FilterXYSchema.json';
+import filterXY from 'ml-signal-processing/FilterXYSchema.js';
 
-import { Button, createTableColumnHelper, Table } from '../../components/index';
+import {
+  Button,
+  createTableColumnHelper,
+  Table,
+} from '../../components/index.js';
 
 export interface Filter<OptionsType = string | number> {
   name: FilterXYType['name'];

package/src/app/panels/index.ts

@@ -1,4 +1,4 @@
-export * from './measurement-info/index';
-export * from './measurement-config/index';
-export * from './measurements/index';
-export * from './SignalProcessingPanel';
+export * from './measurement-info/index.js';
+export * from './measurement-config/index.js';
+export * from './measurements/index.js';
+export * from './SignalProcessingPanel.js';

package/src/app/panels/measurement-config/MeasurementConfigPanel.tsx

@@ -1,10 +1,10 @@
 import {
-  ColorConfig,
+  type ColorConfig,
   getFirstSelectedMeasurementData,
   useAppDispatch,
   useAppState,
-} from '../../../app-data/index';
-import { ColorPickerDropdown } from '../../../components/index';
+} from '../../../app-data/index.js';
+import { ColorPickerDropdown } from '../../../components/index.js';
 
 export function MeasurementConfigPanel() {
   const dispatch = useAppDispatch();

package/src/app/panels/measurement-config/MeasurementConfigPanelAccordion.tsx

@@ -1,7 +1,7 @@
-import { useAppState } from '../../../app-data/index';
-import { Accordion } from '../../../components/index';
+import { useAppState } from '../../../app-data/index.js';
+import { Accordion } from '../../../components/index.js';
 
-import { MeasurementConfigPanel } from './MeasurementConfigPanel';
+import { MeasurementConfigPanel } from './MeasurementConfigPanel.js';
 
 export function MeasurementConfigPanelAccordion() {
   const appState = useAppState();

package/src/app/panels/measurement-config/index.ts

@@ -1,2 +1,2 @@
-export * from './MeasurementConfigPanelAccordion';
-export * from './MeasurementConfigPanel';
+export * from './MeasurementConfigPanelAccordion.js';
+export * from './MeasurementConfigPanel.js';

package/src/app/panels/measurement-info/MeasurementInfoPanel.tsx

@@ -1,8 +1,8 @@
 import {
   getCurrentMeasurementData,
   useAppState,
-} from '../../../app-data/index';
-import { InfoPanelData, InfoPanel } from '../../../components/index';
+} from '../../../app-data/index.js';
+import { InfoPanel, type InfoPanelData } from '../../../components/index.js';
 
 export function MeasurementInfoPanel() {
   const appState = useAppState();

package/src/app/panels/measurement-info/MeasurementInfoPanelAccordion.tsx

@@ -1,6 +1,6 @@
-import { Accordion } from '../../../components/index';
+import { Accordion } from '../../../components/index.js';
 
-import { MeasurementInfoPanel } from './MeasurementInfoPanel';
+import { MeasurementInfoPanel } from './MeasurementInfoPanel.js';
 
 export function MeasurementInfoPanelAccordion() {
   return (

package/src/app/panels/measurement-info/index.ts

@@ -1,2 +1,2 @@
-export * from './MeasurementInfoPanel';
-export * from './MeasurementInfoPanelAccordion';
+export * from './MeasurementInfoPanel.js';
+export * from './MeasurementInfoPanelAccordion.js';

package/src/app/panels/measurements/MeasurementColorPreview.tsx

@@ -2,17 +2,17 @@ import styled from '@emotion/styled';
 import { useRef } from 'react';
 
 import {
-  ColorConfig,
-  MeasurementKind,
+  type ColorConfig,
+  type MeasurementKind,
   useAppDispatch,
-} from '../../../app-data/index';
+} from '../../../app-data/index.js';
 import {
   ColorPicker,
   ColorPreview,
   useModifiedPopper,
   useOnClickOutside,
   useOnOff,
-} from '../../../components/index';
+} from '../../../components/index.js';
 
 interface MeasurementColorPreviewProps {
   measurementId: string;

package/src/app/panels/measurements/MeasurementVisibilityToggle.tsx

@@ -1,7 +1,7 @@
-import { useAppDispatch } from '../../../app-data/index';
-import { Button } from '../../../components/index';
+import { useAppDispatch } from '../../../app-data/index.js';
+import { Button } from '../../../components/index.js';
 
-import { MeasurementsTableProps } from '.';
+import type { MeasurementsTableProps } from './index.js';
 
 interface MeasurementVisibilityToggleProps {
   id: string;

package/src/app/panels/measurements/MeasurementsPanel.tsx

@@ -1,17 +1,17 @@
 /** @jsxImportSource @emotion/react */
-import { PanelProps, Tab, Tabs } from '@blueprintjs/core';
+import { type PanelProps, Tab, Tabs } from '@blueprintjs/core';
 import { css } from '@emotion/react';
 import { useMemo } from 'react';
 
 import {
   kindLabels,
-  MeasurementKind,
+  type MeasurementKind,
   measurementKinds,
   useAppDispatch,
   useAppState,
-} from '../../../app-data';
+} from '../../../app-data/index.js';
 
-import { MeasurementPanelProvider, MeasurementsTable } from '.';
+import { MeasurementPanelProvider, MeasurementsTable } from './index.js';
 
 // eslint-disable-next-line @typescript-eslint/unbound-method
 export function MeasurementsPanel({ openPanel }: PanelProps<object>) {

package/src/app/panels/measurements/MeasurementsPanelAccordion.tsx

@@ -6,10 +6,10 @@ import {
   getExistingMeasurementKinds,
   kindLabels,
   useAppData,
-} from '../../../app-data/index';
-import { Accordion } from '../../../components/index';
+} from '../../../app-data/index.js';
+import { Accordion } from '../../../components/index.js';
 
-import { MeasurementsPanel } from '.';
+import { MeasurementsPanel } from './index.js';
 
 export function MeasurementsPanelAccordion() {
   const appData = useAppData();

package/src/app/panels/measurements/MeasurementsTable.tsx

@@ -4,20 +4,20 @@ import { useMemo } from 'react';
 
 import {
   getMeasurement,
-  MeasurementBase,
-  MeasurementKind,
+  type MeasurementBase,
+  type MeasurementKind,
   useAppDispatch,
   useAppState,
-} from '../../../app-data';
+} from '../../../app-data/index.js';
 import {
   Button,
   ConfirmDialog,
   InfoPanel,
-  InfoPanelData,
+  type InfoPanelData,
   PanelPreferencesToolbar,
   useOnOff,
-} from '../../../components';
-import { MeasurementConfigPanel } from '../index';
+} from '../../../components/index.js';
+import { MeasurementConfigPanel } from '../index.js';
 
 import {
   MeasurementCheckbox,
@@ -25,7 +25,7 @@ import {
   MeasurementSelectedVisibilityChange,
   MeasurementVisibilityToggle,
   useMeasurementPanel,
-} from '.';
+} from './index.js';
 
 export interface MeasurementsTableProps {
   kind: MeasurementKind;

package/src/app/panels/measurements/index.ts

@@ -1,7 +1,11 @@
-export * from './MeasurementsPanelAccordion';
-export * from './MeasurementsPanel';
-export * from './MeasurementsTable';
-export * from './measurementPanelContext';
-export * from './MeasurementVisibilityToggle';
-export * from './MeasurementCheckbox';
-export * from './MeasurementColorPreview';
+export * from './MeasurementsPanelAccordion.js';
+export * from './MeasurementsPanel.js';
+export * from './MeasurementsTable.js';
+export {
+  type MeasurementState,
+  useMeasurementPanel,
+} from './measurement_panel_context.js';
+export { MeasurementPanelProvider } from './measurement_panel_context.provider.js';
+export * from './MeasurementVisibilityToggle.js';
+export * from './MeasurementCheckbox.js';
+export * from './MeasurementColorPreview.js';

package/src/app/panels/measurements/measurement_panel_context.provider.tsx

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+
+import {
+  measurementPanelContext,
+  type MeasurementState,
+} from './measurement_panel_context.js';
+
+export function MeasurementPanelProvider({
+  children,
+  value,
+}: {
+  children: ReactNode;
+  value: MeasurementState;
+}) {
+  return (
+    <measurementPanelContext.Provider value={value}>
+      {children}
+    </measurementPanelContext.Provider>
+  );
+}

package/src/app/panels/measurements/measurement_panel_context.ts

@@ -0,0 +1,18 @@
+import { type Panel } from '@blueprintjs/core';
+import { createContext, useContext } from 'react';
+
+export interface MeasurementState {
+  openPanel?: (panel: Panel<object>) => void;
+}
+
+export const measurementPanelContext = createContext<MeasurementState>({});
+
+export function useMeasurementPanel() {
+  const context = useContext(measurementPanelContext);
+  if (!context) {
+    throw new Error(
+      'useMeasurementPanel must be used within a MeasurementPanel',
+    );
+  }
+  return context;
+}

package/src/app-data/enhancers/enhance.ts

@@ -1,5 +1,5 @@
-import type { Measurements } from '../index';
-import { MeasurementBase } from '../state/index';
+import type { Measurements } from '../index.js';
+import type { MeasurementBase } from '../state/index.js';
 
 export type Enhancer<T extends MeasurementBase> = (data: T) => void;
 

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

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

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

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

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

@@ -1,6 +1,6 @@
-import { MeasurementVariable } from 'cheminfo-types';
+import type { MeasurementVariable } from 'cheminfo-types';
 
-import { MeasurementBase } from '../state/index';
+import type { MeasurementBase } from '../state/index.js';
 
 export function getAllVariableSymbols(measurement: MeasurementBase): string[] {
   return Object.values(measurement.data[0].variables).map((v) => v.label);

package/src/app-data/index.ts

@@ -1,6 +1,6 @@
-export * from './enhancers/index';
-export * from './helpers/index';
-export * from './kinds/index';
-export * from './loaders/index';
-export * from './state/index';
-export * from './utils';
+export * from './enhancers/index.js';
+export * from './helpers/index.js';
+export * from './kinds/index.js';
+export * from './loaders/index.js';
+export * from './state/index.js';
+export * from './utils.js';

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

@@ -1,2 +1,2 @@
-export * from './ir/index';
-export * from './iv/index';
+export * from './ir/index.js';
+export * from './iv/index.js';

package/src/app-data/kinds/ir/IrMeasurement.ts

@@ -1,6 +1,6 @@
-import type { MeasurementBase } from '../../index';
+import type { MeasurementBase } from '../../index.js';
 
-import type { IrPeak } from './IrPeak';
+import type { IrPeak } from './IrPeak.js';
 
 /**
  * When we have a simple measurement like uv, ir, etc, data should only contain one element

package/src/app-data/kinds/ir/index.ts

@@ -1,4 +1,4 @@
-export * from './irAutoPeakPickingEnhancer';
-export * from './IrMeasurement';
-export * from './irMeasurementEnhancer';
-export * from './IrPeak';
+export * from './irAutoPeakPickingEnhancer.js';
+export * from './IrMeasurement.js';
+export * from './irMeasurementEnhancer.js';
+export * from './IrPeak.js';

package/src/app-data/kinds/ir/irAutoPeakPickingEnhancer.ts

@@ -1,9 +1,9 @@
-import { gsd, GSDOptions } from 'ml-gsd';
+import { gsd, type GSDOptions } from 'ml-gsd';
 import type { Shape1D } from 'ml-peak-shape-generator';
 import { xMinMaxValues } from 'ml-spectra-processing';
 
-import type { IrMeasurement } from './IrMeasurement';
-import type { IrPeak, IrPeakKind } from './IrPeak';
+import type { IrMeasurement } from './IrMeasurement.js';
+import type { IrPeak, IrPeakKind } from './IrPeak.js';
 
 export interface AutoPeakPickingOptions extends GSDOptions {
   /** x variable label, by default 'x' */

package/src/app-data/kinds/ir/irMeasurementEnhancer.ts

@@ -1,4 +1,4 @@
-import type { MeasurementBase } from '../../index';
+import type { MeasurementBase } from '../../index.js';
 
 /**
  * we add missing absorbance / transmittance

package/src/app-data/kinds/iv/IvMeasurement.ts

@@ -1,3 +1,3 @@
-import type { MeasurementBase } from '../../index';
+import type { MeasurementBase } from '../../index.js';
 
 export type IvMeasurement = MeasurementBase;

package/src/app-data/kinds/iv/index.ts

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