import type { ButtonProps } from '@blueprintjs/core';
import { Filters1D, Filters2D } from 'nmr-processing';

import type { FilterEntry } from '../../../../data/types/common/FilterEntry.js';
import type { LabelStyle } from '../../../elements/Label.js';

import ApodizationDimensionOneOptionsPanel from './ApodizationDimensionOneOptionsPanel.js';
import ApodizationDimensionTwoOptionsPanel from './ApodizationDimensionTwoOptionsPanel.js';
import ApodizationOptionsPanel from './ApodizationOptionsPanel.js';
import BaseLineCorrectionOptionsPanel from './BaseLineCorrectionOptionsPanel.js';
import ExclusionZonesOptionsPanel from './ExclusionZonesOptionsPanel.js';
import PhaseCorrectionOptionsPanel from './PhaseCorrectionOptionsPanel.js';
import PhaseCorrectionTwoDimensionsOptionsPanel from './PhaseCorrectionTwoDimensionsOptionsPanel.js';
import ShiftOptionsPanel from './ShiftOptionsPanel.js';
import ZeroFillingDimensionOneOptionsPanel from './ZeroFillingDimensionOneOptionsPanel.js';
import ZeroFillingDimensionTwoOptionsPanel from './ZeroFillingDimensionTwoOptionsPanel.js';
import ZeroFillingOptionsPanel from './ZeroFillingOptionsPanel.js';

const {
  apodization,
  phaseCorrection,
  zeroFilling,
  baselineCorrection,
  shiftX,
  exclusionZones,
} = Filters1D;

const {
  shift2DX,
  shift2DY,
  phaseCorrectionTwoDimensions,
  apodizationDimension1,
  apodizationDimension2,
  zeroFillingDimension1,
  zeroFillingDimension2,
} = Filters2D;

// TODO: need a generic type for the OptionsPanel components
export const filterOptionPanels: Partial<Record<FilterEntry['name'], any>> = {
  [apodization.name]: ApodizationOptionsPanel,
  [apodizationDimension1.name]: ApodizationDimensionOneOptionsPanel,
  [apodizationDimension2.name]: ApodizationDimensionTwoOptionsPanel,
  [phaseCorrection.name]: PhaseCorrectionOptionsPanel,
  [zeroFilling.name]: ZeroFillingOptionsPanel,
  [zeroFillingDimension1.name]: ZeroFillingDimensionOneOptionsPanel,
  [zeroFillingDimension2.name]: ZeroFillingDimensionTwoOptionsPanel,
  [phaseCorrectionTwoDimensions.name]: PhaseCorrectionTwoDimensionsOptionsPanel,
  [baselineCorrection.name]: BaseLineCorrectionOptionsPanel,
  [shiftX.name]: ShiftOptionsPanel,
  [shift2DX.name]: ShiftOptionsPanel,
  [shift2DY.name]: ShiftOptionsPanel,
  [exclusionZones.name]: ExclusionZonesOptionsPanel,
};

export interface BaseFilterOptionsPanelProps<T> {
  filter: T;
  enableEdit: boolean;
  onConfirm: ButtonProps['onClick'];
  onCancel: ButtonProps['onClick'];
  onEditStart: ButtonProps['onClick'];
}

export const formLabelStyle: LabelStyle = {
  label: {
    flex: 6,
  },
  wrapper: {
    flex: 6,
    minWidth: 75,
  },
  container: {
    marginBottom: '5px',
    overflow: 'hidden',
  },
};