@zakodium/nmrium-core-plugins-ui 0.1.34 → 0.1.35

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

@@ -1 +1 @@
-{"version":3,"file":"phase_correction.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yGAQ5B,CAAC"}
+{"version":3,"file":"phase_correction.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,yGAS5B,CAAC"}

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

@@ -1,6 +1,7 @@
 import { defineProcessingOperatorUI } from '@zakodium/nmrium-core';
 import { PhaseCorrectionExpanded } from "./phase_correction_expanded.js";
 import { PhaseCorrectionTool } from "./phase_correction_tool.js";
+import { PhaseCorrectionTopbar } from "./phase_correction_topbar.js";
 export const phaseCorrection1D = defineProcessingOperatorUI({
     id: '@zakodium/nmrium-core-plugins#phaseCorrection1D',
     name: 'Phase correction',
@@ -9,5 +10,6 @@ export const phaseCorrection1D = defineProcessingOperatorUI({
     Expanded: PhaseCorrectionExpanded,
     defaultShouldProcessAll: false,
     Tool: PhaseCorrectionTool,
+    TopBar: PhaseCorrectionTopbar,
 });
 //# sourceMappingURL=phase_correction.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"phase_correction.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAiC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA6B,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAA0B,CAAC;IAC1D,EAAE,EAAE,iDAAiD;IACrD,IAAI,EAAE,kBAAkB;IACxB,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,uBAAuB;IACjC,uBAAuB,EAAE,KAAK;IAC9B,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAC"}
+{"version":3,"file":"phase_correction.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAiC,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA6B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA+B,CAAC;AAEtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,0BAA0B,CAAC;IAC1D,EAAE,EAAE,iDAAiD;IACrD,IAAI,EAAE,kBAAkB;IACxB,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,uBAAuB;IACjC,uBAAuB,EAAE,KAAK;IAC9B,IAAI,EAAE,mBAAmB;IACzB,MAAM,EAAE,qBAAqB;CAC9B,CAAC,CAAC"}

package/lib/plugins/spectrum_1d_processings_ui/operators/phase_correction_topbar.d.ts

@@ -0,0 +1,3 @@
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+export declare function PhaseCorrectionTopbar(props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>): import("react").JSX.Element;
+//# sourceMappingURL=phase_correction_topbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phase_correction_topbar.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction_topbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,uBAAuB,CAAC;AAOnF,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,qCAAqC,CAAC,iDAAiD,CAAC,+BAiDhG"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { castSpectrum1D } from '@zakodium/nmrium-core';
+import { HorizontalAppForm } from "../utils/horizontal_app_form.js";
+import { usePhaseCorrectionForm } from "./phase_correction.hook.js";
+export function PhaseCorrectionTopbar(props) {
+    const { children, spectrum } = props;
+    castSpectrum1D(spectrum);
+    const { form, selectModeProps, appFieldModeListeners } = usePhaseCorrectionForm(props);
+    return (_jsxs(HorizontalAppForm, { form: form, layout: "inline", children: [_jsx(form.AppField, { name: "mode", listeners: appFieldModeListeners, children: (field) => (_jsxs(_Fragment, { children: [_jsx(field.Select, { layout: "inline", ...selectModeProps }), field.state.value === 'manual' && (_jsxs(_Fragment, { children: [_jsx(form.AppField, { name: "ph0", children: (field) => (_jsx(field.DraggableNumericInput, { hideInput: true, draggableLabel: "Change PH0 (click and drag)", draggableIntent: "success" })) }), _jsx(form.AppField, { name: "ph1", children: (field) => (_jsx(field.DraggableNumericInput, { hideInput: true, draggableLabel: "Change PH1 (click and drag)", draggableIntent: "success" })) })] }))] })) }), children(_jsx(form.SubmitButton, { variant: "outlined", size: "small", intent: "success", children: "Apply" }))] }));
+}
+//# sourceMappingURL=phase_correction_topbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"phase_correction_topbar.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/phase_correction_topbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAkC,CAAC;AAErE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,UAAU,qBAAqB,CACnC,KAA+F;IAE/F,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEzB,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,qBAAqB,EAAE,GACpD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,aAC5C,KAAC,IAAI,CAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,qBAAqB,YACxD,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,8BACE,KAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,KAAK,eAAe,GAAI,EAEpD,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,CACjC,8BACE,KAAC,IAAI,CAAC,QAAQ,IAAC,IAAI,EAAC,KAAK,YACtB,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAC,KAAK,CAAC,qBAAqB,IAC1B,SAAS,QACT,cAAc,EAAC,6BAA6B,EAC5C,eAAe,EAAC,SAAS,GACzB,CACH,GACa,EAEhB,KAAC,IAAI,CAAC,QAAQ,IAAC,IAAI,EAAC,KAAK,YACtB,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,KAAC,KAAK,CAAC,qBAAqB,IAC1B,SAAS,QACT,cAAc,EAAC,6BAA6B,EAC5C,eAAe,EAAC,SAAS,GACzB,CACH,GACa,IACf,CACJ,IACA,CACJ,GACa,EAEf,QAAQ,CACP,KAAC,IAAI,CAAC,YAAY,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,sBAE/C,CACrB,IACiB,CACrB,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zakodium/nmrium-core-plugins-ui",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "license": "CC-BY-NC-SA-4.0",
   "description": "UI related plugins needed for cheminfo/nmrium",
   "keywords": [],
@@ -45,5 +45,5 @@
     "typescript": "~6.0.3",
     "vitest": "^4.1.10"
   },
-  "gitHead": "699ffe8485c79fa4cc9a6e1f8c54282fa14f8506"
+  "gitHead": "036eec508d66c5fa9ed8c395ace4112803ff50bb"
 }

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

@@ -2,6 +2,7 @@ import { defineProcessingOperatorUI } from '@zakodium/nmrium-core';
 
 import { PhaseCorrectionExpanded } from './phase_correction_expanded.tsx';
 import { PhaseCorrectionTool } from './phase_correction_tool.tsx';
+import { PhaseCorrectionTopbar } from './phase_correction_topbar.tsx';
 
 export const phaseCorrection1D = defineProcessingOperatorUI({
   id: '@zakodium/nmrium-core-plugins#phaseCorrection1D',
@@ -11,4 +12,5 @@ export const phaseCorrection1D = defineProcessingOperatorUI({
   Expanded: PhaseCorrectionExpanded,
   defaultShouldProcessAll: false,
   Tool: PhaseCorrectionTool,
+  TopBar: PhaseCorrectionTopbar,
 });

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

@@ -0,0 +1,58 @@
+import type { ProcessingOperatorUISettingsFormProps } from '@zakodium/nmrium-core';
+import { castSpectrum1D } from '@zakodium/nmrium-core';
+
+import { HorizontalAppForm } from '../utils/horizontal_app_form.tsx';
+
+import { usePhaseCorrectionForm } from './phase_correction.hook.ts';
+
+export function PhaseCorrectionTopbar(
+  props: ProcessingOperatorUISettingsFormProps<'@zakodium/nmrium-core-plugins#phaseCorrection1D'>,
+) {
+  const { children, spectrum } = props;
+  castSpectrum1D(spectrum);
+
+  const { form, selectModeProps, appFieldModeListeners } =
+    usePhaseCorrectionForm(props);
+
+  return (
+    <HorizontalAppForm form={form} layout="inline">
+      <form.AppField name="mode" listeners={appFieldModeListeners}>
+        {(field) => (
+          <>
+            <field.Select layout="inline" {...selectModeProps} />
+
+            {field.state.value === 'manual' && (
+              <>
+                <form.AppField name="ph0">
+                  {(field) => (
+                    <field.DraggableNumericInput
+                      hideInput
+                      draggableLabel="Change PH0 (click and drag)"
+                      draggableIntent="success"
+                    />
+                  )}
+                </form.AppField>
+
+                <form.AppField name="ph1">
+                  {(field) => (
+                    <field.DraggableNumericInput
+                      hideInput
+                      draggableLabel="Change PH1 (click and drag)"
+                      draggableIntent="success"
+                    />
+                  )}
+                </form.AppField>
+              </>
+            )}
+          </>
+        )}
+      </form.AppField>
+
+      {children(
+        <form.SubmitButton variant="outlined" size="small" intent="success">
+          Apply
+        </form.SubmitButton>,
+      )}
+    </HorizontalAppForm>
+  );
+}