@zakodium/nmrium-core-plugins-ui 0.1.24 → 0.1.25

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAW,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAe,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAqC;IAC3D,eAAe;IACf,aAAa;IACb,aAAa;IACb,KAAK;IACL,QAAQ;IACR,iBAAiB;CAClB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAW,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAqC;IAC3D,eAAe;IACf,aAAa;IACb,aAAa;IACb,KAAK;IACL,QAAQ;IACR,iBAAiB;CAClB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"shift_x.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,gGAGnB,CAAC"}
+{"version":3,"file":"shift_x.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,gGAMnB,CAAC"}

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

@@ -1,6 +1,10 @@
 import { defineProcessingOperatorUI } from '@zakodium/nmrium-core';
+import { ShiftXExpanded } from "./shift_x_expanded.js";
 export const shiftX1D = defineProcessingOperatorUI({
     id: '@zakodium/nmrium-core-plugins#shiftX1D',
     name: 'Shift x',
+    Expanded: ShiftXExpanded,
+    isEditable: true,
+    isLiveEditable: true,
 });
 //# sourceMappingURL=shift_x.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shift_x.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;IACjD,EAAE,EAAE,wCAAwC;IAC5C,IAAI,EAAE,SAAS;CAChB,CAAC,CAAC"}
+{"version":3,"file":"shift_x.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,0BAA0B,CAAC;IACjD,EAAE,EAAE,wCAAwC;IAC5C,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,cAAc;IACxB,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;CACrB,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"shift_x_expanded.d.ts","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x_expanded.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,uBAAuB,CAAC;AAK/E,wBAAgB,cAAc,CAC5B,KAAK,EAAE,iCAAiC,CAAC,wCAAwC,CAAC,+BA+DnF"}

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { revalidateLogic } from '@tanstack/react-form';
+import { useMemo } from 'react';
+import { AppForm, useForm } from 'react-science/ui';
+import { z } from 'zod';
+export function ShiftXExpanded(props) {
+    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);
+            },
+        },
+    });
+    return (_jsxs(AppForm, { form: form, layout: "inline", children: [children?.(_jsx(form.SubmitButton, { variant: "outlined", size: "small", intent: "success", children: "Apply" })), _jsx(form.AppField, { name: "shift", children: (field) => _jsx(field.NumericInput, { label: "Shift" }) })] }));
+}
+//# sourceMappingURL=shift_x_expanded.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shift_x_expanded.js","sourceRoot":"","sources":["../../../../src/plugins/spectrum_1d_processings_ui/operators/shift_x_expanded.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,UAAU,cAAc,CAC5B,KAAkF;IAElF,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE7E,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,CACxC,wCAAwC,EACxC,SAAS,CACV,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACL,KAAK,EAAE,QAAQ;SAChB,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC;IACpC,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,CAAC,CAAC,MAAM,CAAC;YACd,KAAK,EAAE,cAAc;SACtB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,IAAI,GAAG,OAAO,CAAC;QACnB,aAAa;QACb,UAAU,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;QACrC,eAAe,EAAE,eAAe,EAAE;QAClC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACtB,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAEtB,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC1C,MAAM,YAAY,GAAG;gBACnB,GAAG,SAAS;gBACZ,QAAQ,EAAE,KAAK;aAChB,CAAC;YAEF,QAAQ,CAAC,YAAY,CAAC,CAAC;QACzB,CAAC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE;YACxB,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;gBACxB,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC1D,IAAI,CAAC,MAAM,CAAC,OAAO;oBAAE,OAAO;gBAE5B,MAAM,aAAa,GAAG,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACpE,YAAY,CAAC,aAAa,CAAC,CAAC;YAC9B,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,aACjC,QAAQ,EAAE,CACT,KAAC,IAAI,CAAC,YAAY,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,SAAS,sBAE/C,CACrB,EAED,KAAC,IAAI,CAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,YACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,KAAK,CAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,GAClC,IACR,CACX,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zakodium/nmrium-core-plugins-ui",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "license": "CC-BY-NC-SA-4.0",
   "description": "UI related plugins needed for cheminfo/nmrium",
   "keywords": [],
@@ -28,7 +28,7 @@
     "@blueprintjs/select": "^6.3.3",
     "@tanstack/react-form": "^1.33.2",
     "@zakodium/nmrium-core": "^0.7.50",
-    "@zakodium/nmrium-core-plugins": "^0.7.66",
+    "@zakodium/nmrium-core-plugins": "^0.7.67",
     "fifo-logger": "^2.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
@@ -43,5 +43,5 @@
     "typescript": "~6.0.3",
     "vitest": "^4.1.10"
   },
-  "gitHead": "4f2c8c505e0a7a891c941540672a807da0594dd9"
+  "gitHead": "80667e0063863c55c90ac6cd4f8e3159a2aeaa04"
 }

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

@@ -4,7 +4,7 @@ import { apodization1D } from './apodization.ts';
 import { digitalFilter1D } from './digital_filter.tsx';
 import { fft1D } from './fft.tsx';
 import { phaseCorrection1D } from './phase_correction.ts';
-import { shiftX1D } from './shift_x.tsx';
+import { shiftX1D } from './shift_x.ts';
 import { zeroFilling1D } from './zero_filling.tsx';
 
 export const operatorsUI: Array<ProcessingOperatorUI<any>> = [

package/src/plugins/spectrum_1d_processings_ui/operators/{shift_x.tsx → shift_x.ts}

@@ -1,6 +1,11 @@
 import { defineProcessingOperatorUI } from '@zakodium/nmrium-core';
 
+import { ShiftXExpanded } from './shift_x_expanded.tsx';
+
 export const shiftX1D = defineProcessingOperatorUI({
   id: '@zakodium/nmrium-core-plugins#shiftX1D',
   name: 'Shift x',
+  Expanded: ShiftXExpanded,
+  isEditable: true,
+  isLiveEditable: true,
 });

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

@@ -0,0 +1,71 @@
+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';
+
+export function ShiftXExpanded(
+  props: ProcessingOperatorUIExpandedProps<'@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);
+      },
+    },
+  });
+
+  return (
+    <AppForm form={form} layout="inline">
+      {children?.(
+        <form.SubmitButton variant="outlined" size="small" intent="success">
+          Apply
+        </form.SubmitButton>,
+      )}
+
+      <form.AppField name="shift">
+        {(field) => <field.NumericInput label="Shift" />}
+      </form.AppField>
+    </AppForm>
+  );
+}