@zakodium/nmrium-core-plugins-ui 0.1.27 → 0.1.29

package/lib/plugins/spectrum_1d_processings_ui/operators/zero_filling_expand.js.map

@@ -1 +1 @@
-{"version":3,"file":"zero_filling_expand.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_expand.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"zero_filling_expand.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_expand.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,UAAU,iBAAiB,CAC/B,KAA2F;IAE3F,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAExC,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,aACjC,QAAQ,CACP,KAAC,YAAY,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,sBAE/C,CAChB,EAED,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,YAClB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,KAAC,MAAM,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,OAAO,GAAI,GAC/C,IACH,CACX,CAAC;AACJ,CAAC"}

package/lib/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zero_filling_tool.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,6BAA6B,EAG9B,MAAM,uBAAuB,CAAC;AA6B/B,wBAAgB,eAAe,CAC7B,KAAK,EAAE,6BAA6B,CAAC,6CAA6C,CAAC,sCAoDpF"}
+{"version":3,"file":"zero_filling_tool.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,6BAA6B,EAG9B,MAAM,uBAAuB,CAAC;AA6B/B,wBAAgB,eAAe,CAC7B,KAAK,EAAE,6BAA6B,CAAC,6CAA6C,CAAC,sCAmDpF"}

package/lib/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.js

@@ -18,9 +18,8 @@ function defaultZeroFillingOperation(spectrum) {
     };
 }
 export function ZeroFillingTool(props) {
-    const { liveSpectrum, onTriggerOperation, spectrum } = props;
-    const firstLiveProcessing = liveSpectrum?.processings?.[0]?.operatorId;
-    const isActive = firstLiveProcessing === '@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) => {
         if ('stopImmediatePropagation' in event) {

package/lib/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"zero_filling_tool.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EACL,cAAc,EACd,UAAU,EACV,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,SAAS,2BAA2B,CAClC,QAAkB;IAElB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEnE,OAAO;QACL,UAAU,EAAE,6CAA6C;QACzD,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,UAAU,EAAE;QACjB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAmF;IAEnF,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,mBAAmB,GAAG,YAAY,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACvE,MAAM,QAAQ,GACZ,mBAAmB,KAAK,6CAA6C,CAAC;IAExE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;IAEvE,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,0BAA0B,IAAI,KAAK,EAAE,CAAC;YACxC,wCAAwC;YACxC,+CAA+C;YAC/C,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACnC,CAAC;QAED,kBAAkB,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5D,CAAC,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAiB,GAAG,EAAE;QAC3C,OAAO;YACL;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE,IAAI;gBACZ,SAAS,EAAE,gBAAgB;aAC5B;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,KAAC,OAAO,CAAC,IAAI,IACX,EAAE,EAAC,6CAA6C,EAChD,IAAI,EAAE,KAAC,iBAAiB,KAAG,EAC3B,OAAO,EACL,KAAC,kBAAkB,IACjB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,CAAC,GAAG,CAAC,EAChB,WAAW,EAAC,wIAAwI,EACpJ,IAAI,EAAC,2CAA2C,GAChD,EAEJ,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,gBAAgB,GACzB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,MAAc;IACxC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC"}
+{"version":3,"file":"zero_filling_tool.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/zero_filling_tool.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAM/C,OAAO,EACL,cAAc,EACd,UAAU,EACV,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,SAAS,2BAA2B,CAClC,QAAkB;IAElB,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEnE,OAAO;QACL,UAAU,EAAE,6CAA6C;QACzD,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,UAAU,EAAE;QACjB,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,KAAmF;IAEnF,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEjE,MAAM,QAAQ,GACZ,gBAAgB,KAAK,6CAA6C,CAAC;IAErE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;IAEvE,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,CAAC,KAAiC,EAAE,EAAE;QACpC,IAAI,0BAA0B,IAAI,KAAK,EAAE,CAAC;YACxC,wCAAwC;YACxC,+CAA+C;YAC/C,KAAK,CAAC,wBAAwB,EAAE,CAAC;QACnC,CAAC;QAED,kBAAkB,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5D,CAAC,CACF,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAiB,GAAG,EAAE;QAC3C,OAAO;YACL;gBACE,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE,IAAI;gBACZ,SAAS,EAAE,gBAAgB;aAC5B;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrC,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAE5B,OAAO,CACL,KAAC,OAAO,CAAC,IAAI,IACX,EAAE,EAAC,6CAA6C,EAChD,IAAI,EAAE,KAAC,iBAAiB,KAAG,EAC3B,OAAO,EACL,KAAC,kBAAkB,IACjB,KAAK,EAAC,cAAc,EACpB,SAAS,EAAE,CAAC,GAAG,CAAC,EAChB,WAAW,EAAC,wIAAwI,EACpJ,IAAI,EAAC,2CAA2C,GAChD,EAEJ,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,gBAAgB,GACzB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,MAAc;IACxC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAChD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zakodium/nmrium-core-plugins-ui",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "license": "CC-BY-NC-SA-4.0",
   "description": "UI related plugins needed for cheminfo/nmrium",
   "keywords": [],
@@ -26,9 +26,10 @@
     "@blueprintjs/core": "^6.17.2",
     "@blueprintjs/icons": "^6.13.0",
     "@blueprintjs/select": "^6.3.3",
+    "@emotion/styled": "^11.14.1",
     "@tanstack/react-form": "^1.33.2",
-    "@zakodium/nmrium-core": "^0.7.50",
-    "@zakodium/nmrium-core-plugins": "^0.7.67",
+    "@zakodium/nmrium-core": "^0.7.51",
+    "@zakodium/nmrium-core-plugins": "^0.7.68",
     "fifo-logger": "^2.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -43,5 +44,5 @@
     "typescript": "~6.0.3",
     "vitest": "^4.1.10"
   },
-  "gitHead": "c18d499dbfc4de25c2bcca78a00c0dfc6c362cc6"
+  "gitHead": "81f8fd5aee7cd864addbe7a5dd5cfa98eb0b99c3"
 }

package/src/plugins/spectrum_1d_processings_ui/operators/apodization.hook.ts

@@ -0,0 +1,43 @@
+import { revalidateLogic } from '@tanstack/react-form';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { useEffect } from 'react';
+import { useForm } from 'react-science/ui';
+
+export function useApodizationForm(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#apodization1D'>,
+) {
+  const { operation, onSubmit, onChange, core } = props;
+  const operator = core.getOperationOperator(
+    '@zakodium/nmrium-core-plugins#apodization1D',
+    operation,
+  );
+
+  const validator = operator.schemaSettings;
+  const defaultValues = operation.settings;
+  const form = useForm({
+    defaultValues,
+    validators: { onDynamic: validator },
+    validationLogic: revalidateLogic(),
+    onSubmit: ({ value }) => {
+      if (!onSubmit) return;
+
+      const newOperation = { ...operation, settings: validator.parse(value) };
+      onSubmit(newOperation);
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        const result = validator.safeParse(formApi.state.values);
+        if (!result.success) return;
+
+        const liveOperation = { ...operation, settings: result.data };
+        onChange(liveOperation);
+      },
+    },
+  });
+
+  useEffect(() => {
+    form.reset(defaultValues, { keepDefaultValues: true });
+  }, [form, defaultValues]);
+
+  return form;
+}

package/src/plugins/spectrum_1d_processings_ui/operators/apodization.ts

@@ -2,6 +2,7 @@ import { defineProcessingOperatorUI } from '@zakodium/nmrium-core';
 
 import { ApodizationExpanded } from './apodization_expanded.tsx';
 import { ApodizationTool } from './apodization_tool.tsx';
+import { ApodizationTopBar } from './apodization_topbar.tsx';
 
 export const apodization1D = defineProcessingOperatorUI({
   id: '@zakodium/nmrium-core-plugins#apodization1D',
@@ -11,4 +12,5 @@ export const apodization1D = defineProcessingOperatorUI({
   defaultShouldProcessAll: false,
   Expanded: ApodizationExpanded,
   Tool: ApodizationTool,
+  TopBar: ApodizationTopBar,
 });

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

@@ -1,38 +1,13 @@
-import { revalidateLogic } from '@tanstack/react-form';
-import type { ProcessingOperatorUIExpandedProps } from '@zakodium/nmrium-core';
-import { AppForm, useForm } from 'react-science/ui';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { AppForm } from 'react-science/ui';
+
+import { useApodizationForm } from './apodization.hook.ts';
 
 export function ApodizationExpanded(
-  props: ProcessingOperatorUIExpandedProps<'@zakodium/nmrium-core-plugins#apodization1D'>,
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#apodization1D'>,
 ) {
-  const { operation, onChange, onLiveChange, onMount, core, children } = props;
-  const operator = core.getOperationOperator(
-    '@zakodium/nmrium-core-plugins#apodization1D',
-    operation,
-  );
-
-  const validator = operator.schemaSettings;
-  const form = useForm({
-    defaultValues: operation.settings,
-    validators: { onDynamic: validator },
-    validationLogic: revalidateLogic(),
-    onSubmit: ({ value }) => {
-      if (!onChange) return;
-
-      const newOperation = { ...operation, settings: validator.parse(value) };
-      onChange(newOperation);
-    },
-    listeners: {
-      onMount: () => onMount(),
-      onChange: ({ formApi }) => {
-        const result = validator.safeParse(formApi.state.values);
-        if (!result.success) return;
-
-        const liveOperation = { ...operation, settings: result.data };
-        onLiveChange(liveOperation);
-      },
-    },
-  });
+  const { children } = props;
+  const form = useApodizationForm(props);
 
   const { AppField, SubmitButton } = form;
 

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

@@ -27,11 +27,10 @@ const NO_SHORTCUTS: HotkeyConfig[] = [];
 export function ApodizationTool(
   props: ProcessingOperatorUIToolProps<'@zakodium/nmrium-core-plugins#apodization1D'>,
 ) {
-  const { spectrum, liveSpectrum, onTriggerOperation } = props;
+  const { spectrum, activeOperatorId, onTriggerOperation } = props;
 
-  const firstLiveProcessing = liveSpectrum?.processings?.[0]?.operatorId;
   const isActive =
-    firstLiveProcessing === '@zakodium/nmrium-core-plugins#apodization1D';
+    activeOperatorId === '@zakodium/nmrium-core-plugins#apodization1D';
 
   const isVisible = isSpectrum1DFid(spectrum) && spectrum.info.isComplex;
 

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

@@ -0,0 +1,64 @@
+import { Classes } from '@blueprintjs/core';
+import styled from '@emotion/styled';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { AppForm } from 'react-science/ui';
+
+import { useApodizationForm } from './apodization.hook.ts';
+
+export function ApodizationTopBar(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#apodization1D'>,
+) {
+  const { children } = props;
+  const form = useApodizationForm(props);
+
+  const { AppField, SubmitButton, Subscribe } = form;
+
+  return (
+    <HorizontalAppForm form={form} layout="inline">
+      <Subscribe selector={(state) => state.values.exponential?.apply ?? false}>
+        {(apply) => (
+          <AppField name="exponential.options.lineBroadening">
+            {({ NumericInput }) => (
+              <NumericInput
+                readOnly={!apply}
+                disabled={!apply}
+                label="Line broadening"
+                minorStepSize={0.01}
+                step={0.1}
+                majorStepSize={1}
+              />
+            )}
+          </AppField>
+        )}
+      </Subscribe>
+
+      {children(
+        <SubmitButton variant="outlined" size="small" intent="success">
+          Apply
+        </SubmitButton>,
+      )}
+    </HorizontalAppForm>
+  );
+}
+
+const HorizontalAppForm = styled(AppForm)`
+  display: contents;
+
+  .${Classes.FORM_GROUP} {
+    min-height: unset;
+    width: unset;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 5px;
+
+    > :not(.${Classes.LABEL}) {
+      min-width: unset;
+      width: unset;
+    }
+
+    .${Classes.INPUT} {
+      width: 5em;
+    }
+  }
+`;

package/src/plugins/spectrum_1d_processings_ui/operators/phase_correction.hook.ts

@@ -0,0 +1,48 @@
+import { revalidateLogic } from '@tanstack/react-form';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { useEffect } from 'react';
+import { useForm } from 'react-science/ui';
+
+export function usePhaseCorrectionForm(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>,
+) {
+  const { operation, core, onSubmit, onChange } = props;
+
+  const { settings } = operation;
+  const operator = core.getOperationOperator(
+    '@zakodium/nmrium-core-plugins#phaseCorrection1D',
+    operation,
+  );
+
+  const { schemaSettings } = operator;
+  const form = useForm({
+    defaultValues: settings,
+    validators: { onDynamic: schemaSettings },
+    validationLogic: revalidateLogic(),
+    onSubmit: ({ value }) => {
+      if (!onSubmit) return;
+
+      const newOperation = {
+        ...operation,
+        settings: schemaSettings.parse(value),
+      };
+
+      onSubmit(newOperation);
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        const result = schemaSettings.safeParse(formApi.state.values);
+        if (!result.success) return;
+
+        const liveOperation = { ...operation, settings: result.data };
+        onChange(liveOperation);
+      },
+    },
+  });
+
+  useEffect(() => {
+    form.reset(settings, { keepDefaultValues: true });
+  }, [form, settings]);
+
+  return form;
+}

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

@@ -1,57 +1,17 @@
-import { revalidateLogic } from '@tanstack/react-form';
-import type { ProcessingOperatorUIExpandedProps } from '@zakodium/nmrium-core';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
 import { castSpectrum1D } from '@zakodium/nmrium-core';
 import { autoPhaseCorrection } from 'nmr-processing';
-import { AppForm, useForm } from 'react-science/ui';
+import { AppForm } from 'react-science/ui';
+
+import { usePhaseCorrectionForm } from './phase_correction.hook.ts';
 
 export function PhaseCorrectionExpanded(
-  props: ProcessingOperatorUIExpandedProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>,
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>,
 ) {
-  const {
-    operation,
-    core,
-    children,
-    onChange,
-    onLiveChange,
-    onMount,
-    spectrum,
-  } = props;
-
+  const form = usePhaseCorrectionForm(props);
+  const { spectrum, children } = props;
   castSpectrum1D(spectrum);
 
-  const { settings } = operation;
-  const operator = core.getOperationOperator(
-    '@zakodium/nmrium-core-plugins#phaseCorrection1D',
-    operation,
-  );
-
-  const { schemaSettings } = operator;
-  const form = useForm({
-    defaultValues: settings,
-    validators: { onDynamic: schemaSettings },
-    validationLogic: revalidateLogic(),
-    onSubmit: ({ value }) => {
-      if (!onChange) return;
-
-      const newOperation = {
-        ...operation,
-        settings: schemaSettings.parse(value),
-      };
-
-      onChange(newOperation);
-    },
-    listeners: {
-      onMount: () => onMount(),
-      onChange: ({ formApi }) => {
-        const result = schemaSettings.safeParse(formApi.state.values);
-        if (!result.success) return;
-
-        const liveOperation = { ...operation, settings: result.data };
-        onLiveChange(liveOperation);
-      },
-    },
-  });
-
   return (
     <AppForm form={form} layout="stacked">
       {children?.(

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

@@ -25,11 +25,10 @@ function defaultPhaseCorrectionOperation(): Spectrum1DProcessingTypeRegistry['@z
 export function PhaseCorrectionTool(
   props: ProcessingOperatorUIToolProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>,
 ) {
-  const { spectrum, liveSpectrum, onTriggerOperation } = props;
+  const { spectrum, activeOperatorId, onTriggerOperation } = props;
 
-  const firstLiveProcessing = liveSpectrum?.processings?.[0]?.operatorId;
   const isActive =
-    firstLiveProcessing === '@zakodium/nmrium-core-plugins#phaseCorrection1D';
+    activeOperatorId === '@zakodium/nmrium-core-plugins#phaseCorrection1D';
 
   const isVisible = isSpectrum1DFt(spectrum) && spectrum.info.isComplex;
 

package/src/plugins/spectrum_1d_processings_ui/operators/shift_x.hook.ts

@@ -0,0 +1,53 @@
+import { revalidateLogic } from '@tanstack/react-form';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { useEffect, useMemo } from 'react';
+import { useForm } from 'react-science/ui';
+import { z } from 'zod';
+
+export function useShiftXForm(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#shiftX1D'>,
+) {
+  const { operation, core, onChange, onSubmit } = props;
+
+  const { settings } = operation;
+  const defaultValues = useMemo(() => ({ shift: settings }), [settings]);
+
+  const operator = core.getOperationOperator(
+    '@zakodium/nmrium-core-plugins#shiftX1D',
+    operation,
+  );
+  const { schemaSettings } = operator;
+  const validation = useMemo(
+    () => z.object({ shift: schemaSettings }),
+    [schemaSettings],
+  );
+
+  const form = useForm({
+    defaultValues,
+    validators: { onDynamic: validation },
+    validationLogic: revalidateLogic(),
+    onSubmit: ({ value }) => {
+      if (!onChange) return;
+
+      const { shift } = validation.parse(value);
+      const newOperation = { ...operation, settings: shift };
+
+      onSubmit(newOperation);
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        const result = validation.safeParse(formApi.state.values);
+        if (!result.success) return;
+
+        const liveOperation = { ...operation, settings: result.data.shift };
+        onChange(liveOperation);
+      },
+    },
+  });
+
+  useEffect(() => {
+    form.reset(defaultValues, { keepDefaultValues: true });
+  }, [form, defaultValues]);
+
+  return form;
+}

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

@@ -1,59 +1,13 @@
-import { revalidateLogic } from '@tanstack/react-form';
-import type { ProcessingOperatorUIExpandedProps } from '@zakodium/nmrium-core';
-import { useMemo } from 'react';
-import { AppForm, useForm } from 'react-science/ui';
-import { z } from 'zod';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { AppForm } from 'react-science/ui';
+
+import { useShiftXForm } from './shift_x.hook.ts';
 
 export function ShiftXExpanded(
-  props: ProcessingOperatorUIExpandedProps<'@zakodium/nmrium-core-plugins#shiftX1D'>,
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#shiftX1D'>,
 ) {
-  const { operation, core, children, onChange, onLiveChange, onMount } = props;
-
-  const { settings } = operation;
-  const operator = core.getOperationOperator(
-    '@zakodium/nmrium-core-plugins#shiftX1D',
-    operation,
-  );
-
-  const defaultValues = useMemo(() => {
-    return {
-      shift: settings,
-    };
-  }, [settings]);
-
-  const { schemaSettings } = operator;
-  const validation = useMemo(() => {
-    return z.object({
-      shift: schemaSettings,
-    });
-  }, [schemaSettings]);
-
-  const form = useForm({
-    defaultValues,
-    validators: { onDynamic: validation },
-    validationLogic: revalidateLogic(),
-    onSubmit: ({ value }) => {
-      if (!onChange) return;
-
-      const { shift } = validation.parse(value);
-      const newOperation = {
-        ...operation,
-        settings: shift,
-      };
-
-      onChange(newOperation);
-    },
-    listeners: {
-      onMount: () => onMount(),
-      onChange: ({ formApi }) => {
-        const result = validation.safeParse(formApi.state.values);
-        if (!result.success) return;
-
-        const liveOperation = { ...operation, settings: result.data.shift };
-        onLiveChange(liveOperation);
-      },
-    },
-  });
+  const form = useShiftXForm(props);
+  const { children } = props;
 
   return (
     <AppForm form={form} layout="inline">

package/src/plugins/spectrum_1d_processings_ui/operators/zero_filling.hook.ts

@@ -0,0 +1,76 @@
+import { revalidateLogic } from '@tanstack/react-form';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { useEffect, useMemo } from 'react';
+import { useForm } from 'react-science/ui';
+import { z } from 'zod';
+
+const DEFAULT_OPTIONS = [
+  { label: '256', value: 2 ** 8 },
+  { label: '512', value: 2 ** 9 },
+  { label: '1K', value: 2 ** 10 },
+  { label: '2K', value: 2 ** 11 },
+  { label: '4K', value: 2 ** 12 },
+  { label: '8K', value: 2 ** 13 },
+  { label: '16K', value: 2 ** 14 },
+  { label: '32K', value: 2 ** 15 },
+  { label: '64K', value: 2 ** 16 },
+  { label: '128K', value: 2 ** 17 },
+  { label: '256K', value: 2 ** 18 },
+  { label: '512K', value: 2 ** 19 },
+  { label: '1M', value: 2 ** 20 },
+  { label: '2M', value: 2 ** 21 },
+];
+
+export function useZeroFillingForm(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#zeroFilling1D'>,
+) {
+  const { operation, onSubmit, onChange, core } = props;
+  const operator = core.getOperationOperator(
+    '@zakodium/nmrium-core-plugins#zeroFilling1D',
+    operation,
+  );
+
+  const validator = useMemo(
+    () => z.object({ size: operator.schemaSettings }),
+    [operator],
+  );
+  const defaultValues = useMemo(
+    () => ({ size: operation.settings }),
+    [operation.settings],
+  );
+  const form = useForm({
+    defaultValues,
+    validators: { onDynamic: validator },
+    validationLogic: revalidateLogic(),
+    onSubmit: ({ value }) => {
+      const { size: settings } = validator.parse(value);
+      onSubmit({ ...operation, settings });
+    },
+    listeners: {
+      onChange: ({ formApi }) => {
+        const result = validator.safeParse(formApi.state.values);
+        if (!result.success) return;
+
+        onChange({ ...operation, settings: result.data.size });
+      },
+    },
+  });
+
+  useEffect(() => {
+    form.reset(defaultValues, { keepDefaultValues: true });
+  }, [form, defaultValues]);
+
+  const options = useMemo(() => {
+    const settings = operation.settings;
+    if (DEFAULT_OPTIONS.some((o) => o.value === settings)) {
+      return DEFAULT_OPTIONS;
+    }
+
+    return [
+      ...DEFAULT_OPTIONS,
+      { label: String(settings), value: settings },
+    ].toSorted((a, b) => a.value - b.value);
+  }, [operation.settings]);
+
+  return { form, options };
+}

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

@@ -1,73 +1,13 @@
-import { revalidateLogic } from '@tanstack/react-form';
-import type { ProcessingOperatorUIExpandedProps } from '@zakodium/nmrium-core';
-import { useMemo } from 'react';
-import { AppForm, useForm } from 'react-science/ui';
-import { z } from 'zod';
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { AppForm } from 'react-science/ui';
 
-const options = [
-  { label: '256', value: 2 ** 8 },
-  { label: '512', value: 2 ** 9 },
-  { label: '1K', value: 2 ** 10 },
-  { label: '2K', value: 2 ** 11 },
-  { label: '4K', value: 2 ** 12 },
-  { label: '8K', value: 2 ** 13 },
-  { label: '16K', value: 2 ** 14 },
-  { label: '32K', value: 2 ** 15 },
-  { label: '64K', value: 2 ** 16 },
-  { label: '128K', value: 2 ** 17 },
-  { label: '256K', value: 2 ** 18 },
-  { label: '512K', value: 2 ** 19 },
-  { label: '1M', value: 2 ** 20 },
-  { label: '2M', value: 2 ** 21 },
-];
+import { useZeroFillingForm } from './zero_filling.hook.ts';
 
 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 operator = core.getOperationOperator(
-    '@zakodium/nmrium-core-plugins#zeroFilling1D',
-    operation,
-  );
-
-  const validator = useMemo(
-    () =>
-      z.object({
-        size: operator.schemaSettings,
-      }),
-    [operator],
-  );
-  const defaultValues = useMemo(
-    () => ({ size: operation.settings }),
-    [operation.settings],
-  );
-  const form = useForm({
-    defaultValues,
-    validators: { onDynamic: validator },
-    validationLogic: revalidateLogic(),
-    onSubmit: ({ value }) => {
-      const { size: settings } = validator.parse(value);
-      onChange({ ...operation, settings });
-    },
-    listeners: {
-      onMount: () => onMount(),
-      onChange: ({ formApi }) => {
-        const result = validator.safeParse(formApi.state.values);
-        if (!result.success) return;
-
-        onLiveChange({ ...operation, settings: result.data.size });
-      },
-    },
-  });
-
-  const allOptions = useMemo(() => {
-    const settings = operation.settings;
-    if (options.some((o) => o.value === settings)) return options;
-
-    return [...options, { label: String(settings), value: settings }].toSorted(
-      (a, b) => a.value - b.value,
-    );
-  }, [operation.settings]);
+  const { children } = props;
+  const { form, options } = useZeroFillingForm(props);
 
   const { AppField, SubmitButton } = form;
 
@@ -80,7 +20,7 @@ export function ZeroFillingExpand(
       )}
 
       <AppField name="size">
-        {({ Select }) => <Select label="Size" items={allOptions} />}
+        {({ Select }) => <Select label="Size" items={options} />}
       </AppField>
     </AppForm>
   );