@archireport/react-native-svg-draw 2.3.2 → 3.0.0

package/lib/module/components/DrawWithOptions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useState","Pressable","View","StyleSheet","Keyboard","DoubleHeadSvg","CircleSvg","SquareSvg","ArrowSvg","TextSvg","CloseSvg","PenSvg","useDrawHook","Sliders","DrawCore","ThrashSvg","CancelSvg","SendSvg","DrawProvider","styles","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","DrawWithOptionsCore","linearGradient","image","close","takeSnapshot","itemIsSelected","cancelLastAction","takeSnapshotAction","deleteSelectedItem","dispatchDrawStates","drawState","showToolbar","setShowToolbar","sudDidHide","addListener","sudDidShow","event","console","log","endCoordinates","remove","takeSnapshotAndGetUri","alignSelf","borderWidth","borderColor","paddingVertical","type","drawingMode","value","marginRight","cancelEnabled","DrawWithOptions","props"],"sourceRoot":"../../../../src","sources":["components/DrawWithOptions/index.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","Pressable","View","StyleSheet","Keyboard","DoubleHeadSvg","CircleSvg","SquareSvg","ArrowSvg","TextSvg","CloseSvg","PenSvg","useDrawHook","Sliders","DrawCore","ThrashSvg","CancelSvg","SendSvg","DrawProvider","styles","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","DrawWithOptionsCore","linearGradient","image","close","actionWithSnapShotUri","itemIsSelected","cancelLastAction","deleteSelectedItem","dispatchDrawStates","drawState","doSnapshot","showToolbar","setShowToolbar","sudDidHide","addListener","sudDidShow","event","console","log","endCoordinates","remove","alignSelf","borderWidth","borderColor","paddingVertical","type","drawingMode","value","marginRight","cancelEnabled","DrawWithOptions","props"],"sourceRoot":"../../../../src","sources":["components/DrawWithOptions/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,SAAS,EACTC,IAAI,EACJC,UAAU,EAIVC,QAAQ,QACH,cAAc;AACrB,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,yBAAyB;AACjD,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,YAAY,MAAM,0BAA0B;AAEnD,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/BC,SAAS,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EACtBC,YAAY,EAAE;IACZC,eAAe,EAAE,MAAM;IACvBC,OAAO,EAAE,EAAE;IACXC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE,QAAQ;IACtBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACND,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVH,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE,QAAQ;IACpBK,gBAAgB,EAAE;EACpB,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBT,cAAc,EAAE,eAAe;IAC/BU,aAAa,EAAE,EAAE;IACjBC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE;EACrB,CAAC;EACDC,WAAW,EAAE;IACXjB,IAAI,EAAE,CAAC;IACPgB,iBAAiB,EAAE;EACrB,CAAC;EACDE,UAAU,EAAE;IACVhB,eAAe,EAAE,SAAS;IAC1BO,KAAK,EAAE,EAAE;IACTF,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBF,UAAU,EAAE,QAAQ;IACpBF,cAAc,EAAE,QAAQ;IACxBe,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbP,aAAa,EAAE,KAAK;IACpBT,cAAc,EAAE,UAAU;IAC1BE,UAAU,EAAE,QAAQ;IACpBQ,aAAa,EAAE,EAAE;IACjBC,UAAU,EAAE,EAAE;IACdC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAUF,SAASK,mBAAmB,OAMH;EAAA,IANI;IAC3BC,cAAc;IACdC,KAAK;IACLC,KAAK;IACLtB,eAAe;IACfuB;EACoB,CAAC;EACrB,MAAM;IACJC,cAAc;IACdC,gBAAgB;IAChBC,kBAAkB;IAClBC,kBAAkB;IAClBC,SAAS;IACTC;EACF,CAAC,GAAGzC,WAAW,EAAE;EAEjB,MAAM,CAAC0C,WAAW,EAAEC,cAAc,CAAC,GAAGvD,QAAQ,CAAC,IAAI,CAAC;EAEpDD,SAAS,CAAC,MAAM;IACd,MAAMyD,UAAU,GAAGpD,QAAQ,CAACqD,WAAW,CAAC,iBAAiB,EAAE,MAAM;MAC/DF,cAAc,CAAC,IAAI,CAAC;IACtB,CAAC,CAAC;IAEF,MAAMG,UAAU,GAAGtD,QAAQ,CAACqD,WAAW,CACrC,iBAAiB,EAChBE,KAA6C,IAAK;MACjDC,OAAO,CAACC,GAAG,CAAC,qBAAqB,CAAC;MAClC;MACA,IAAIF,KAAK,CAACG,cAAc,CAACjC,MAAM,GAAG,GAAG,EAAE;QACrC0B,cAAc,CAAC,KAAK,CAAC;MACvB;IACF,CAAC,CACF;;IAED;IACA,OAAO,MAAM;MACXG,UAAU,CAACK,MAAM,EAAE;MACnBP,UAAU,CAACO,MAAM,EAAE;IACrB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE5C,MAAM,CAACE;EAAU,gBAC5B,oBAAC,IAAI;IAAC,KAAK,EAAEF,MAAM,CAACe;EAAQ,gBAC1B,oBAAC,IAAI;IAAC,KAAK,EAAEf,MAAM,CAACI;EAAa,gBAC/B,oBAAC,SAAS;IAAC,OAAO,EAAEuB;EAAM,gBACxB,oBAAC,QAAQ;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE,EAAG;IAAC,IAAI,EAAC;EAAS,EAAG,CACxC,CACP,eACP,oBAAC,IAAI;IAAC,KAAK,EAAE3B,MAAM,CAACoB;EAAY,gBAC9B,oBAAC,IAAI;IACH,KAAK,EAAE;MACLJ,aAAa,EAAE,KAAK;MACpB6B,SAAS,EAAE,QAAQ;MACnBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,MAAM;MACnBpC,YAAY,EAAE,EAAE;MAChBD,MAAM,EAAE,EAAE;MACVS,iBAAiB,EAAE,EAAE;MACrB6B,eAAe,EAAE;IACnB;EAAE,gBAEF,oBAAC,SAAS;IACR,KAAK,EAAEhD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,MAAM;IACL,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,MAAM,EAAC,SAAS;IAChB,WAAW,EAAC,GAAG;IACf,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,KAAK,GAAG,CAAC,GAAG;EAAI,EACnD,CACQ,eACZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,aAAa;IACZ,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,IAAI,EAAC,SAAS;IACd,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,YAAY,GAAG,CAAC,GAAG;EAAI,EAC1D,CACQ,eACZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,QAAQ;IACP,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,IAAI,EAAC,SAAS;IACd,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,YAAY,GAAG,CAAC,GAAG;EAAI,EAC1D,CACQ,eACZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,SAAS;IACR,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,IAAI,EAAC,SAAS;IACd,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,WAAW,GAAG,CAAC,GAAG;EAAI,EACzD,CACQ,eACZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,SAAS;IACR,IAAI,EAAC,SAAS;IACd,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,SAAS,GAAG,CAAC,GAAG;EAAI,EACvD,CACQ,eAEZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,OAAO;IACN,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,KAAK,EAAE,MAAO;IACd,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG;EAAI,EACpD,CACQ,eAEZ,oBAAC,SAAS;IACR,KAAK,EAAElD,MAAM,CAACa,MAAO;IACrB,OAAO,EAAE,MAAM;MACbmB,kBAAkB,CAAC;QACjBiB,IAAI,EAAE,kBAAkB;QACxBC,WAAW,EAAE;MACf,CAAC,CAAC;IACJ;EAAE,gBAEF,oBAAC,aAAa;IACZ,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,IAAI,EAAC,SAAS;IACd,OAAO,EAAEjB,SAAS,CAACiB,WAAW,KAAK,cAAc,GAAG,CAAC,GAAG;EAAI,EAC5D,CACQ,CACP,CACF,eAEP,oBAAC,IAAI;IAAC,KAAK,EAAElD,MAAM,CAACI;EAAa,gBAC/B,oBAAC,SAAS;IAAC,OAAO,EAAE8B;EAAW,gBAC7B,oBAAC,OAAO;IAAC,MAAM,EAAE,EAAG;IAAC,KAAK,EAAE,EAAG;IAAC,IAAI,EAAC;EAAS,EAAG,CACvC,CACP,CACF,eACP,oBAAC,IAAI;IACH,KAAK,EAAE;MACLpB,gBAAgB,EAAE,CAAC;MACnBX,IAAI,EAAE;IACR;EAAE,gBAEF,oBAAC,QAAQ;IACP,KAAK,EAAEuB,KAAM;IACb,eAAe,EAAErB,eAAgB;IACjC,qBAAqB,EAAEuB;EAAsB,EAC7C,CACG,eAEP,oBAAC,OAAO;IAAC,cAAc,EAAEH;EAAe,EAAG,eAE3C,oBAAC,IAAI;IAAC,KAAK,EAAE;MAAEf,MAAM,EAAE;IAAG;EAAE,GACzByB,WAAW,gBACV,oBAAC,IAAI;IAAC,KAAK,EAAEnC,MAAM,CAACuB;EAAc,GAC/BM,cAAc,CAACsB,KAAK,gBACnB,oBAAC,IAAI;IAAC,KAAK,EAAE;MAAE,GAAGnD,MAAM,CAACI,YAAY;MAAEgD,WAAW,EAAE;IAAG;EAAE,gBACvD,oBAAC,SAAS;IAAC,KAAK,EAAEpD,MAAM,CAACa,MAAO;IAAC,OAAO,EAAEkB;EAAmB,gBAC3D,oBAAC,SAAS;IACR,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAC,OAAO;IACb,WAAW,EAAE;EAAE,EACf,CACQ,CACP,GACL,IAAI,EACPE,SAAS,CAACoB,aAAa,gBACtB,oBAAC,IAAI;IACH,KAAK,EAAE;MACL,GAAGrD,MAAM,CAACI;IACZ;EAAE,gBAEF,oBAAC,SAAS;IAAC,KAAK,EAAEJ,MAAM,CAACa,MAAO;IAAC,OAAO,EAAEiB;EAAiB,gBACzD,oBAAC,SAAS;IACR,KAAK,EAAE,EAAG;IACV,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,MAAO;IACd,WAAW,EAAE;EAAE,EACf,CACQ,CACP,GACL,IAAI,CACH,GACL,IAAI,CACH,CACF;AAEX;AAEA,eAAe,SAASwB,eAAe,CAACC,KAA2B,EAAE;EACnE,oBACE,oBAAC,YAAY,qBACX,oBAAC,mBAAmB,EAAKA,KAAK,CAAI,CACrB;AAEnB"}

package/lib/typescript/components/DrawCore/DrawContext.d.ts

@@ -12,5 +12,8 @@ export declare const DrawContext: import("react").Context<{
     itemIsSelected?: SharedValue<boolean> | undefined;
     viewShot?: RefObject<ViewShot> | undefined;
     doubleArrowTextInput?: RefObject<TextInput> | undefined;
+    doSnapshot: () => void;
+    snapShotRequested: boolean;
+    setSnapShotRequested: React.Dispatch<React.SetStateAction<boolean>>;
 }>;
 //# sourceMappingURL=DrawContext.d.ts.map

package/lib/typescript/components/DrawCore/DrawContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAY,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAC;AAEnD,eAAO,MAAM,WAAW;eACX,SAAS;wBACA,MAAM,QAAQ,CAAC,MAAM,CAAC;;;;;;;EAe1C,CAAC"}
+{"version":3,"file":"DrawContext.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAY,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACzE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,wBAAwB,CAAC;AAEnD,eAAO,MAAM,WAAW;eACX,SAAS;wBACA,MAAM,QAAQ,CAAC,MAAM,CAAC;;;;;;;gBAO9B,MAAM,IAAI;uBACH,OAAO;0BACJ,MAAM,QAAQ,CAAC,MAAM,cAAc,CAAC,OAAO,CAAC,CAAC;EAYnE,CAAC"}

package/lib/typescript/components/DrawCore/DrawPad.d.ts

@@ -1,11 +1,12 @@
 import type Animated from 'react-native-reanimated';
 import type { DrawItem } from '../../types';
-declare const DrawPad: ({ currentItem, doneItems, onPressItem, onTextHeightChange, addBackground, }: {
+declare const DrawPad: ({ currentItem, doneItems, onPressItem, onTextHeightChange, addBackground, ratioImage, }: {
     currentItem: Animated.SharedValue<DrawItem | null>;
     doneItems: Array<DrawItem>;
     onPressItem: (item: DrawItem, index: number) => () => void;
     onTextHeightChange: (height: number) => void;
     addBackground?: boolean | undefined;
+    ratioImage?: number | undefined;
 }) => JSX.Element;
 export default DrawPad;
 //# sourceMappingURL=DrawPad.d.ts.map

package/lib/typescript/components/DrawCore/DrawPad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawPad.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawPad.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,QAAA,MAAM,OAAO;iBAOE,SAAS,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;eACvC,MAAM,QAAQ,CAAC;wBACN,QAAQ,SAAS,MAAM,KAAK,MAAM,IAAI;iCAC7B,MAAM,KAAK,IAAI;;iBAmF7C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"DrawPad.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawPad.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAKpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,QAAA,MAAM,OAAO;iBAQE,SAAS,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;eACvC,MAAM,QAAQ,CAAC;wBACN,QAAQ,SAAS,MAAM,KAAK,MAAM,IAAI;iCAC7B,MAAM,KAAK,IAAI;;;iBA2F7C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/components/DrawCore/DrawProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAqFzE,QAAA,MAAM,YAAY;cAA8B,YAAY;iBAuC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DrawProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawProvider.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,YAAY,EAMb,MAAM,OAAO,CAAC;AAqFf,QAAA,MAAM,YAAY;cAA8B,YAAY;iBAsD3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/DrawCore/index.d.ts

@@ -1,7 +1,8 @@
 import { ImageRequireSource, ImageURISource } from 'react-native';
-declare const DrawCore: ({ image, backgroundColor, }: {
+declare const DrawCore: ({ image, backgroundColor, actionWithSnapShotUri, }: {
     image?: number | ImageURISource | undefined;
     backgroundColor?: string | undefined;
+    actionWithSnapShotUri?: ((uri: string) => Promise<void>) | undefined;
 }) => JSX.Element;
 export default DrawCore;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/DrawCore/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAsNtB,QAAA,MAAM,QAAQ;;;iBAgoCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAsNtB,QAAA,MAAM,QAAQ;;;mCAOkB,MAAM,KAAK,QAAQ,IAAI,CAAC;iBAynCvD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/components/DrawCore/useDrawHook.d.ts

@@ -9,10 +9,13 @@ declare const useDrawHook: () => {
     onColorStrokeChange: () => void;
     itemIsSelected: import("react-native-reanimated").SharedValue<boolean>;
     cancelLastAction: () => void;
-    takeSnapshot: () => Promise<string | undefined>;
+    captureSnapshot: () => Promise<string | null | undefined>;
     viewShot: import("react").RefObject<import("react-native-view-shot").default>;
     deleteSelectedItem: () => void;
     doubleArrowTextInput: import("react").RefObject<import("react-native/types").TextInput> | undefined;
+    snapShotRequested: boolean;
+    doSnapshot: () => void;
+    setSnapShotRequested: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };
 export default useDrawHook;
 //# sourceMappingURL=useDrawHook.d.ts.map

package/lib/typescript/components/DrawCore/useDrawHook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawHook.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/useDrawHook.tsx"],"names":[],"mappings":";;AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;CAkEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useDrawHook.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/useDrawHook.tsx"],"names":[],"mappings":";;AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;CAuEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/components/DrawWithOptions/index.d.ts

@@ -6,7 +6,7 @@ type DrawWithOptionsProps = {
     } & ViewProps>;
     image?: ImageRequireSource | ImageURISource;
     close?: () => void;
-    takeSnapshot?: (snap: Promise<string | undefined>) => void;
+    actionWithSnapShotUri?: (uri: string) => Promise<void>;
     backgroundColor?: string;
 };
 export default function DrawWithOptions(props: DrawWithOptionsProps): JSX.Element;

package/lib/typescript/components/DrawWithOptions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAIL,SAAS,EACT,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAiEtB,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,MAAM,EAAE,GAAG,EAAE,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,kBAAkB,GAAG,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAkPF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAMlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAIL,SAAS,EACT,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAiEtB,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,MAAM,EAAE,GAAG,EAAE,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,kBAAkB,GAAG,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAiPF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAMlE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archireport/react-native-svg-draw",
-  "version": "2.3.2",
+  "version": "3.0.0",
   "description": "React Native drawing component based on SVG with editable annotations",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/DrawCore/DrawContext.tsx

@@ -13,6 +13,9 @@ export const DrawContext = createContext<{
   itemIsSelected?: SharedValue<boolean>;
   viewShot?: RefObject<ViewShot>;
   doubleArrowTextInput?: RefObject<TextInput>;
+  doSnapshot: () => void;
+  snapShotRequested: boolean;
+  setSnapShotRequested: React.Dispatch<React.SetStateAction<boolean>>;
 }>({
   drawState: {
     doneItems: [],
@@ -21,4 +24,7 @@ export const DrawContext = createContext<{
     cancelEnabled: false,
   },
   dispatchDrawStates: () => true,
+  doSnapshot: () => {},
+  snapShotRequested: false,
+  setSnapShotRequested: () => {},
 });

package/src/components/DrawCore/DrawPad.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type Animated from 'react-native-reanimated';
-import Svg, { Circle, Defs, Marker, Polyline, Use } from 'react-native-svg';
+import Svg, { Circle, Defs, G, Marker, Polyline, Use } from 'react-native-svg';
 import CurrentAnimatedItem from './CurrentAnimatedItem';
 import CurrentAnimatedText from './CurrentAnimatedText';
 import Item from './Item';
@@ -13,86 +13,95 @@ const DrawPad = ({
   onPressItem,
   onTextHeightChange,
   addBackground = false,
+  ratioImage = 1,
 }: {
   currentItem: Animated.SharedValue<DrawItem | null>;
   doneItems: Array<DrawItem>;
   onPressItem: (item: DrawItem, index: number) => () => void;
   onTextHeightChange: (height: number) => void;
   addBackground?: boolean;
+  ratioImage?: number;
 }) => {
   return (
     <>
-      <Svg style={addBackground ? { backgroundColor: 'white' } : null}>
-        <Defs>
-          <Circle
-            id="selectionIndicator"
-            fill="#3a6cff"
-            r={10}
-            cx={0}
-            cy={0}
-            strokeWidth={1}
-            stroke="black"
-          />
-          <Marker
-            id="arrowhead"
-            markerUnits={'strokeWidth' as MarkerUnits}
-            refX="0"
-            refY="0"
-            orient="auto"
-          >
-            <Polyline
-              points="-2,-2 0,0 -2,2 0,0"
-              stroke="context-stroke"
-              strokeLinecap="round"
-              strokeLinejoin="round"
+      <Svg
+        style={addBackground ? { backgroundColor: 'white' } : null}
+        preserveAspectRatio="xMinYMin slice"
+        height="100%"
+        width="100%"
+      >
+        <G scale={ratioImage}>
+          <Defs>
+            <Circle
+              id="selectionIndicator"
+              fill="#3a6cff"
+              r={10}
+              cx={0}
+              cy={0}
+              strokeWidth={1}
+              stroke="black"
             />
-          </Marker>
-          <Marker
-            id="arrowheadStart"
-            markerUnits={'strokeWidth' as MarkerUnits}
-            refX="0"
-            refY="0"
-            orient="auto"
-          >
-            <Polyline
-              points="2,-2 0,0 2,2 0,0"
-              stroke="context-stroke"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </Marker>
+            <Marker
+              id="arrowhead"
+              markerUnits={'strokeWidth' as MarkerUnits}
+              refX="0"
+              refY="0"
+              orient="auto"
+            >
+              <Polyline
+                points="-2,-2 0,0 -2,2 0,0"
+                stroke="context-stroke"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </Marker>
+            <Marker
+              id="arrowheadStart"
+              markerUnits={'strokeWidth' as MarkerUnits}
+              refX="0"
+              refY="0"
+              orient="auto"
+            >
+              <Polyline
+                points="2,-2 0,0 2,2 0,0"
+                stroke="context-stroke"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </Marker>
 
-          <Marker
-            id="side"
-            markerUnits={'strokeWidth' as MarkerUnits}
-            refX="0"
-            refY="0"
-            orient="auto"
-          >
-            <Polyline
-              stroke="context-stroke"
-              points="0,-2 0,2 0,0"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </Marker>
+            <Marker
+              id="side"
+              markerUnits={'strokeWidth' as MarkerUnits}
+              refX="0"
+              refY="0"
+              orient="auto"
+            >
+              <Polyline
+                stroke="context-stroke"
+                points="0,-2 0,2 0,0"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </Marker>
 
-          <Marker
-            id="selection"
-            markerUnits={'userSpaceOnUse' as MarkerUnits}
-            refX="0"
-            refY="0"
-            orient="auto"
-          >
-            <Use href="#selectionIndicator" />
-          </Marker>
-        </Defs>
+            <Marker
+              id="selection"
+              markerUnits={'userSpaceOnUse' as MarkerUnits}
+              refX="0"
+              refY="0"
+              orient="auto"
+            >
+              <Use href="#selectionIndicator" />
+            </Marker>
+          </Defs>
 
-        {doneItems.map((item, index) => (
-          <Item key={index} item={item} onPress={onPressItem(item, index)} />
-        ))}
+          {doneItems.map((item, index) => (
+            <Item key={index} item={item} onPress={onPressItem(item, index)} />
+          ))}
 
-        <CurrentAnimatedItem />
+          <CurrentAnimatedItem />
+        </G>
       </Svg>
       <CurrentAnimatedText
         currentItem={currentItem}

package/src/components/DrawCore/DrawProvider.tsx

@@ -1,5 +1,12 @@
 import { DrawContext } from './DrawContext';
-import React, { ReactElement, useMemo, useReducer, useRef } from 'react';
+import React, {
+  ReactElement,
+  useCallback,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+} from 'react';
 import type { Action, DrawItem, DrawState, hslColor } from '../../types';
 import { useSharedValue } from 'react-native-reanimated';
 import type ViewShot from 'react-native-view-shot';
@@ -92,10 +99,19 @@ const DrawProvider = ({ children }: { children: ReactElement }) => {
   const viewShot = useRef<ViewShot>(null);
   const doubleArrowTextInput = useRef<TextInput>(null);
 
+  const [snapShotRequested, setSnapShotRequested] = useState(false);
+
   const [drawState, dispatchDrawStates] = useReducer(
     reducerDrawStates,
     initialState
   );
+  const doSnapshot = useCallback(() => {
+    if (currentItem?.value) {
+      dispatchDrawStates({ type: 'ADD_DONE_ITEM', item: currentItem.value });
+      currentItem.value = null;
+    }
+    setSnapShotRequested(true);
+  }, [currentItem, dispatchDrawStates]);
 
   const contextValue = useMemo(
     () => ({
@@ -107,6 +123,9 @@ const DrawProvider = ({ children }: { children: ReactElement }) => {
       itemIsSelected,
       viewShot,
       doubleArrowTextInput,
+      doSnapshot,
+      snapShotRequested,
+      setSnapShotRequested,
     }),
     [
       drawState,
@@ -117,6 +136,9 @@ const DrawProvider = ({ children }: { children: ReactElement }) => {
       itemIsSelected,
       viewShot,
       doubleArrowTextInput,
+      doSnapshot,
+      snapShotRequested,
+      setSnapShotRequested,
     ]
   );