inv

Author: tripolskypetr

packages/rn-declarative/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-declarative",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "description": "A responsive layout for the react-native",
   "private": false,
   "author": {

packages/rn-declarative/package.json

@@ -34,6 +34,7 @@ const READY_CLASS = "rn-declarative__oneGenesisReady";
 
 const DEFAULT_READY = () => null;
 const DEFAULT_CHANGE = (data: IAnything) => console.log({ data });
+const DEFAULT_OUTGOING_TRANSFORM = (data: IAnything) => data;
 
 /**
  * Represents the OneGenesis component.
@@ -66,6 +67,7 @@ export const OneGenesis = <
 
   const {
     isBaselineForRoot = isBaselineForField,
+    outgoingTransform = DEFAULT_OUTGOING_TRANSFORM,
     change = DEFAULT_CHANGE,
     ready = DEFAULT_READY,
     fields = [],
@@ -130,7 +132,7 @@ export const OneGenesis = <
       }
     });
     if (isValid) {
-      change(newData, initial);
+      change(outgoingTransform(newData, payload), initial);
     }
   }, []);
 

packages/rn-declarative/src/components/One/components/OneGenesis/OneGenesis.tsx

@@ -74,6 +74,7 @@ export const StateProvider = <Data extends IAnything, Payload extends IAnything,
         payload,
         loadStart,
         loadEnd,
+        incomingTransform,
     } = otherProps;
 
     const [object, setObjectHook] = useResolved<Data, Payload>({
@@ -85,6 +86,7 @@ export const StateProvider = <Data extends IAnything, Payload extends IAnything,
         change,
         loadStart,
         loadEnd,
+        incomingTransform,
     });
 
     const object$ = useActualValue(object as unknown as object);

packages/rn-declarative/src/components/One/context/StateProvider.tsx

@@ -27,6 +27,7 @@ import FieldType from '../../../model/FieldType';
 import { useApiRef } from '../context/ApiProvider';
 
 const LOAD_SOURCE = 'one-resolve';
+const DEFAULT_INCOMING_TRANSFORM = (data: IAnything) => data;
 
 /**
  * Represents the resolved properties for a hook.
@@ -42,6 +43,7 @@ interface IResolvedHookProps<Data = IAnything, Payload = IAnything> {
     features: PickProp<IOneProps<Data, Payload>, 'features'>;
     change: PickProp<IOneProps<Data, Payload>, 'change'>;
     loadStart: PickProp<IOneProps<Data, Payload>, 'loadStart'>;
+    incomingTransform: PickProp<IOneProps<Data, Payload>, 'incomingTransform'>;
     loadEnd: PickProp<IOneProps<Data, Payload>, 'loadEnd'>;
 }
 
@@ -92,6 +94,7 @@ export const useResolved = <Data = IAnything, Payload = IAnything>({
     change,
     loadStart,
     loadEnd,
+    incomingTransform = DEFAULT_INCOMING_TRANSFORM,
 }: IResolvedHookProps<Data, Payload>): [Data | null, (v: Data) => void] => {
     const [data, setData] = useState<Data | null>(null);
     const data$ = useActualValue(data);
@@ -118,11 +121,11 @@ export const useResolved = <Data = IAnything, Payload = IAnything>({
                     if (result instanceof Promise) {
                         const newData = assign({}, buildObj<Data>(fields, payload, features), deepClone(await result));
                         change!(newData, true);
-                        isMounted.current && setData(newData);
+                        isMounted.current && setData(incomingTransform(newData, payload));
                     } else {
                         const newData = assign({}, buildObj<Data>(fields, payload, features), deepClone(result));
                         change!(newData, true);
-                        isMounted.current && setData(newData);
+                        isMounted.current && setData(incomingTransform(newData, payload));
                     }
                 } catch (e) {
                     isOk = false;
@@ -136,7 +139,8 @@ export const useResolved = <Data = IAnything, Payload = IAnything>({
                     isRoot.current = true;
                 }
             } else if (handler && !deepCompare(data, handler)) {
-                isMounted.current && setData(assign({}, buildObj(fields, payload, features), deepClone(handler)));
+                const newData = assign({}, buildObj(fields, payload, features), deepClone(handler));
+                isMounted.current && setData(incomingTransform(newData, payload));
             }
         };
         /**
@@ -151,7 +155,7 @@ export const useResolved = <Data = IAnything, Payload = IAnything>({
             const instance: IOneApi<Data> = {
                 reload: tryResolve,
                 change: (data, initial = false) => {
-                    setData(data);
+                    setData(incomingTransform(data, payload));
                     change!(data, initial);
                 },
                 getData: () => ({...data$.current || ({} as Data)}),

packages/rn-declarative/src/components/One/hooks/useResolved.ts

@@ -124,6 +124,12 @@ export interface IOneProps<Data = IAnything, Payload = IAnything, Field = IField
    */
   readTransform?: (value: Value, name: string, data: Data, payload: Payload) => Value;
   writeTransform?: (value: Value, name: string, data: Data, payload: Payload) => Value;
+  /**
+   * Методы для преобразования целевого объекта, например сериализации/десереализации,
+   * чтобы хранить в data страницы строку, синхронизируемую через AJAX
+   */
+  incomingTransform?: (data: IAnything, payload: Payload) => Data;
+  outgoingTransform?: (data: IAnything, payload: Payload) => Data;
   /**
    * Коллбек для перехвата клика по полю
    */