@zakodium/nmrium-core-plugins-ui 0.1.26 → 0.1.28

package/src/plugins/spectrum_1d_processings_ui/operators/zero_filling_expand.tsx

@@ -1,5 +1,5 @@
 import { revalidateLogic } from '@tanstack/react-form';
-import type { ProcessingOperatorUIExpandedProps } from '@zakodium/nmrium-core';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
 import { useMemo } from 'react';
 import { AppForm, useForm } from 'react-science/ui';
 import { z } from 'zod';
@@ -22,9 +22,9 @@ const options = [
 ];
 
 export function ZeroFillingExpand(
-  props: ProcessingOperatorUIExpandedProps<'@zakodium/nmrium-core-plugins#zeroFilling1D'>,
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#zeroFilling1D'>,
 ) {
-  const { operation, onChange, onLiveChange, onMount, core, children } = props;
+  const { operation, onSubmit, onChange, core, children } = props;
   const operator = core.getOperationOperator(
     '@zakodium/nmrium-core-plugins#zeroFilling1D',
     operation,
@@ -47,15 +47,14 @@ export function ZeroFillingExpand(
     validationLogic: revalidateLogic(),
     onSubmit: ({ value }) => {
       const { size: settings } = validator.parse(value);
-      onChange({ ...operation, settings });
+      onSubmit({ ...operation, settings });
     },
     listeners: {
-      onMount: () => onMount(),
       onChange: ({ formApi }) => {
         const result = validator.safeParse(formApi.state.values);
         if (!result.success) return;
 
-        onLiveChange({ ...operation, settings: result.data.size });
+        onChange({ ...operation, settings: result.data.size });
       },
     },
   });

package/src/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.tsx

@@ -0,0 +1,92 @@
+import type { HotkeyConfig } from '@blueprintjs/core';
+import { useHotkeys } from '@blueprintjs/core';
+import type {
+  ProcessingOperatorUIToolProps,
+  Spectrum1DProcessingTypeRegistry,
+  Spectrum,
+} from '@zakodium/nmrium-core';
+import {
+  castSpectrum1D,
+  generateID,
+  isSpectrum1DFid,
+} from '@zakodium/nmrium-core';
+import { SvgNmrZeroFilling } from 'cheminfo-font';
+import type { MouseEvent } from 'react';
+import { useMemo } from 'react';
+import { Toolbar, TooltipHelpContent } from 'react-science/ui';
+import { useEventCallback } from 'usehooks-ts';
+
+function defaultZeroFillingOperation(
+  spectrum: Spectrum,
+): Spectrum1DProcessingTypeRegistry['@zakodium/nmrium-core-plugins#zeroFilling1D'] {
+  castSpectrum1D(spectrum);
+
+  const zeroFillingSize = getZeroFillingSize(spectrum.data.x.length);
+
+  return {
+    operatorId: '@zakodium/nmrium-core-plugins#zeroFilling1D',
+    settings: zeroFillingSize,
+    options: undefined,
+    error: undefined,
+    uid: generateID(),
+    enabled: true,
+  };
+}
+
+export function ZeroFillingTool(
+  props: ProcessingOperatorUIToolProps<'@zakodium/nmrium-core-plugins#zeroFilling1D'>,
+) {
+  const { onTriggerOperation, spectrum, activeOperatorId } = props;
+
+  const isActive =
+    activeOperatorId === '@zakodium/nmrium-core-plugins#zeroFilling1D';
+
+  const isVisible = isSpectrum1DFid(spectrum) && spectrum.info.isComplex;
+
+  const triggerOperation = useEventCallback(
+    (event: KeyboardEvent | MouseEvent) => {
+      if ('stopImmediatePropagation' in event) {
+        // stopPropagation is not enough because
+        // nmrium keyboard listener is also on document
+        event.stopImmediatePropagation();
+      }
+
+      onTriggerOperation(defaultZeroFillingOperation(spectrum));
+    },
+  );
+
+  const hotkeys = useMemo<HotkeyConfig[]>(() => {
+    return [
+      {
+        combo: 'z',
+        label: 'Zero Filling',
+        global: true,
+        onKeyDown: triggerOperation,
+      },
+    ];
+  }, [triggerOperation]);
+
+  useHotkeys(isVisible ? hotkeys : []);
+  if (!isVisible) return null;
+
+  return (
+    <Toolbar.Item
+      id="@zakodium/nmrium-core-plugins#zeroFilling1D"
+      icon={<SvgNmrZeroFilling />}
+      tooltip={
+        <TooltipHelpContent
+          title="Zero Filling"
+          shortcuts={['z']}
+          description="Improve spectrum quality by increasing the number of points. By default, the number of points is twise as many as in the original FID."
+          link="https://docs.nmrium.org/help/zero-filling"
+        />
+      }
+      active={isActive}
+      onClick={triggerOperation}
+    />
+  );
+}
+
+function getZeroFillingSize(length: number) {
+  return 2 ** Math.round(Math.log2(length * 2));
+}