@archireport/react-native-svg-draw 1.3.0 → 2.0.0

package/lib/module/components/Slider/StrokeSlider.js

@@ -0,0 +1,82 @@
+import React from 'react';
+import { PanGestureHandler } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { View } from 'react-native';
+import { sliderStyle, TRACK_R } from './sliderStyle';
+import useDrawHook from '../DrawCore/useDrawHook';
+import SliderSvg from '../DrawWithOptions/SliderSvg';
+import { StyleSheet } from 'react-native';
+const styles = StyleSheet.create({
+  container: {
+    height: 38,
+    width: '100%',
+    justifyContent: 'center'
+  },
+  sliderBackground: {
+    maxHeight: 15
+  }
+});
+const StrokeSlider = _ref => {
+  let {
+    minValue,
+    maxValue
+  } = _ref;
+  const {
+    onColorStrokeChange,
+    strokeWidth
+  } = useDrawHook();
+  const sliderWidth = useSharedValue(0);
+  const position = useDerivedValue(() => {
+    return sliderWidth.value / (maxValue - minValue) * (strokeWidth.value - minValue);
+  });
+  const wrapperOnColorStrokeChange = () => {
+    onColorStrokeChange();
+  };
+  const onGestureEvent = useAnimatedGestureHandler({
+    onStart: (_ref2, ctx) => {
+      let {
+        x
+      } = _ref2;
+      ctx.startX = x;
+    },
+    onActive: (_ref3, _ref4) => {
+      let {
+        translationX
+      } = _ref3;
+      let {
+        startX
+      } = _ref4;
+      strokeWidth.value = Math.min(maxValue, Math.max(minValue, (startX + translationX) / sliderWidth.value * (maxValue - minValue) + minValue));
+    },
+    onEnd: () => {
+      runOnJS(wrapperOnColorStrokeChange)();
+    }
+  }, []);
+  const style = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: position.value - TRACK_R
+      }]
+    };
+  }, [position.value]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: sliderStyle.container
+  }, /*#__PURE__*/React.createElement(PanGestureHandler, {
+    onGestureEvent: onGestureEvent
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: sliderStyle.container
+  }, /*#__PURE__*/React.createElement(View, {
+    onLayout: event => {
+      sliderWidth.value = event.nativeEvent.layout.width;
+    },
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(SliderSvg, {
+    color: "grey",
+    preserveAspectRatio: "none",
+    style: styles.sliderBackground
+  })), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [sliderStyle.thumb, style]
+  }))));
+};
+export default StrokeSlider;
+//# sourceMappingURL=StrokeSlider.js.map

package/lib/module/components/Slider/StrokeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","View","sliderStyle","TRACK_R","useDrawHook","SliderSvg","StyleSheet","styles","create","container","height","width","justifyContent","sliderBackground","maxHeight","StrokeSlider","minValue","maxValue","onColorStrokeChange","strokeWidth","sliderWidth","position","value","wrapperOnColorStrokeChange","onGestureEvent","onStart","ctx","x","startX","onActive","translationX","Math","min","max","onEnd","style","transform","translateX","event","nativeEvent","layout","thumb"],"sourceRoot":"../../../../src","sources":["components/Slider/StrokeSlider.tsx"],"mappings":"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"}

package/lib/module/components/Slider/sliderStyle.js

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+export const TRACK_R = 10;
+export const sliderStyle = StyleSheet.create({
+  container: {
+    height: 40,
+    alignItems: 'center',
+    width: '100%'
+  },
+  thumb: {
+    position: 'absolute',
+    width: TRACK_R * 2,
+    height: TRACK_R * 2,
+    borderRadius: TRACK_R,
+    left: 0,
+    backgroundColor: 'white',
+    zIndex: 1000,
+    borderWidth: 1,
+    borderColor: '#E5E5E5',
+    marginTop: 9
+  },
+  track: {
+    width: '100%',
+    backgroundColor: 'grey',
+    height: 6,
+    marginTop: 15,
+    borderRadius: 3
+  }
+});
+//# sourceMappingURL=sliderStyle.js.map

package/lib/module/components/Slider/sliderStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","TRACK_R","sliderStyle","create","container","height","alignItems","width","thumb","position","borderRadius","left","backgroundColor","zIndex","borderWidth","borderColor","marginTop","track"],"sourceRoot":"../../../../src","sources":["components/Slider/sliderStyle.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,WAAW,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC3CC,SAAS,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE;EACT,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBF,KAAK,EAAEN,OAAO,GAAG,CAAC;IAClBI,MAAM,EAAEJ,OAAO,GAAG,CAAC;IACnBS,YAAY,EAAET,OAAO;IACrBU,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,OAAO;IACxBC,MAAM,EAAE,IAAI;IACZC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,SAAS;IACtBC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLV,KAAK,EAAE,MAAM;IACbK,eAAe,EAAE,MAAM;IACvBP,MAAM,EAAE,CAAC;IACTW,SAAS,EAAE,EAAE;IACbN,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

package/lib/module/index.js

@@ -1,3 +1,4 @@
 export { default as DrawCore } from './components/DrawCore';
 export { default as DrawWithOptions } from './components/DrawWithOptions';
+export { default as DrawProvider } from './components/DrawCore/DrawProvider';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","DrawCore","DrawWithOptions"],"sources":["index.tsx"],"sourcesContent":["export { default as DrawCore } from './components/DrawCore';\nexport { default as DrawWithOptions } from './components/DrawWithOptions';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB,QAAoC,uBAApC;AACA,SAASD,OAAO,IAAIE,eAApB,QAA2C,8BAA3C"}
+{"version":3,"names":["default","DrawCore","DrawWithOptions","DrawProvider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAAQ,QAAQ,uBAAuB;AAC3D,SAASD,OAAO,IAAIE,eAAe,QAAQ,8BAA8B;AACzE,SAASF,OAAO,IAAIG,YAAY,QAAQ,oCAAoC"}

package/lib/module/types.d.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.d.ts"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport {\n  ForeignObjectProps,\n  EllipseProps,\n  LineProps,\n  RectProps,\n} from 'react-native-svg';\n\nexport type Point = { x: number; y: number };\n\nexport type hslColor = `hsl(${number}, ${number | string}%, ${\n  | number\n  | string}%)`;\n\ntype Size = { width: number; height: number };\n\nexport type DrawItem = (\n  | { type: 'singleHead'; data: LineProps }\n  | { type: 'doubleHead'; data: LineProps }\n  | { type: 'rectangle'; data: RectProps }\n  | { type: 'ellipse'; data: EllipseProps }\n  | { type: 'text'; data: ForeignObjectProps; text?: string }\n  | { type: 'pen'; data: Point[] }\n) & { strokeWidth: number; color: hslColor };\n\nexport type DrawItemType = DrawItem['type'];\n\nexport type DrawCoreProps = {\n  drawingContainer: React.Ref<View>;\n  deleteSelectedItem: () => void;\n  cancelLastAction: () => void;\n  takeSnapshot: () => Promise<string | undefined>;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.d.ts"],"mappings":""}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import Animated from 'react-native-reanimated';
 import type { DrawItem, Point } from '../../types';
 export declare const pointsToPath: (points: Point[]) => string;
 export default function CurrentAnimatedItem({ currentItem, }: {
     currentItem: Animated.SharedValue<DrawItem | null>;
 }): JSX.Element;
+//# sourceMappingURL=CurrentAnimatedItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/CurrentAnimatedItem.tsx"],"names":[],"mappings":"AACA,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,QAAQ,EAAY,KAAK,EAAE,MAAM,aAAa,CAAC;AAsE7D,eAAO,MAAM,YAAY,WAAY,KAAK,EAAE,WAW3C,CAAC;AAmEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,WAAW,GACZ,EAAE;IACD,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;CACpD,eA4IA"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Animated from 'react-native-reanimated';
 import type { DrawItem } from '../../types';
 /**
@@ -9,3 +8,4 @@ export default function CurrentAnimatedText({ currentItem, onHeightChange, }: {
     currentItem: Animated.SharedValue<DrawItem | null>;
     onHeightChange: (height: number) => void;
 }): JSX.Element;
+//# sourceMappingURL=CurrentAnimatedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrentAnimatedText.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/CurrentAnimatedText.tsx"],"names":[],"mappings":"AAEA,OAAO,QAIN,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgC5C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,WAAW,EACX,cAAc,GACf,EAAE;IACD,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,eAsEA"}

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

@@ -0,0 +1,14 @@
+import type { DrawItem, DrawState, Action } from '../../types';
+import { RefObject } from 'react';
+import type { SharedValue } from 'react-native-reanimated';
+import type ViewShot from 'react-native-view-shot';
+export declare const DrawContext: import("react").Context<{
+    drawState: DrawState;
+    dispatchDrawStates: React.Dispatch<Action>;
+    strokeWidth?: SharedValue<number> | undefined;
+    color?: SharedValue<`hsl(${number}, ${string}%, ${string}%)` | `hsl(${number}, ${string}%, ${number}%)` | `hsl(${number}, ${number}%, ${string}%)` | `hsl(${number}, ${number}%, ${number}%)`> | undefined;
+    currentItem?: SharedValue<DrawItem | null> | undefined;
+    itemIsSelected?: SharedValue<boolean> | undefined;
+    viewShot?: RefObject<ViewShot> | undefined;
+}>;
+//# sourceMappingURL=DrawContext.d.ts.map

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

@@ -0,0 +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,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;;;;;;EAc1C,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type Animated from 'react-native-reanimated';
 import type { DrawItem } from '../../types';
 declare const DrawPad: ({ currentItem, doneItems, onPressItem, onTextHeightChange, }: {
@@ -8,3 +7,4 @@ declare const DrawPad: ({ currentItem, doneItems, onPressItem, onTextHeightChang
     onTextHeightChange: (height: number) => void;
 }) => JSX.Element;
 export default DrawPad;
+//# sourceMappingURL=DrawPad.d.ts.map

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

@@ -0,0 +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;iBAME,SAAS,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;eACvC,MAAM,QAAQ,CAAC;wBACN,QAAQ,SAAS,MAAM,KAAK,MAAM,IAAI;iCAC7B,MAAM,KAAK,IAAI;iBAoE7C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+declare const DrawProvider: ({ children }: {
+    children: ReactElement;
+}) => JSX.Element;
+export default DrawProvider;
+//# sourceMappingURL=DrawProvider.d.ts.map

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

@@ -0,0 +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;AAkFzE,QAAA,MAAM,YAAY;cAA8B,YAAY;iBAoC3D,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import type { DrawItem } from '../../types';
 export default function Item({ item, onPress, }: {
     item: DrawItem;
     onPress: () => void;
 }): JSX.Element | null;
+//# sourceMappingURL=Item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAkB5C,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,sBA+FA"}

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

@@ -1,14 +1,7 @@
-import React from 'react';
-import { ImageURISource, ViewProps } from 'react-native';
-import type { DrawItemType, DrawCoreProps } from '../../types';
-declare const DrawCore: React.ForwardRefExoticComponent<{
-    drawingMode: DrawItemType;
+import { ImageRequireSource, ImageURISource } from 'react-native';
+declare const DrawCore: ({ image, backgroundColor, }: {
     image?: number | ImageURISource | undefined;
-    linearGradient: React.ComponentType<{
-        colors: any[];
-    } & ViewProps>;
-    onSelectionChange?: ((selected: boolean) => void) | undefined;
-    onCancelChange?: ((cancel: boolean) => void) | undefined;
     backgroundColor?: string | undefined;
-} & React.RefAttributes<DrawCoreProps>>;
+}) => JSX.Element;
 export default DrawCore;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,kBAAkB,EAClB,cAAc,EAGf,MAAM,cAAc,CAAC;AAyMtB,QAAA,MAAM,QAAQ;;;iBAygCb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+/// <reference types="react-native-reanimated" />
+/// <reference types="react-native-view-shot" />
+declare const useDrawHook: () => {
+    drawState: import("../../types").DrawState;
+    dispatchDrawStates: import("react").Dispatch<import("../../types").Action>;
+    currentItem: import("react-native-reanimated").SharedValue<import("../../types").DrawItem | null>;
+    strokeWidth: import("react-native-reanimated").SharedValue<number>;
+    color: import("react-native-reanimated").SharedValue<`hsl(${number}, ${string}%, ${string}%)` | `hsl(${number}, ${string}%, ${number}%)` | `hsl(${number}, ${number}%, ${string}%)` | `hsl(${number}, ${number}%, ${number}%)`>;
+    onColorStrokeChange: () => void;
+    itemIsSelected: import("react-native-reanimated").SharedValue<boolean>;
+    cancelLastAction: () => void;
+    takeSnapshot: () => Promise<string | undefined>;
+    viewShot: import("react").RefObject<import("react-native-view-shot").default>;
+    deleteSelectedItem: () => void;
+};
+export default useDrawHook;
+//# sourceMappingURL=useDrawHook.d.ts.map

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function ArrowSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=ArrowSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/ArrowSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,QAAQ,eAM/C"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function CancelSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=CancelSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/CancelSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,QAAQ,eAmBhD"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function CircleSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=CircleSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/CircleSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAA4B,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,QAAQ,eAoBhD"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function CloseSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=CloseSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CloseSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/CloseSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,QAAQ,eAM/C"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function DoubleHeadSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=DoubleHeadSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleHeadSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/DoubleHeadSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,QAAQ,eAMpD"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function PenSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=PenSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PenSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/PenSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,QAAQ,eAU7C"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 declare function SendSvg(props: SvgProps): JSX.Element;
 export default SendSvg;
+//# sourceMappingURL=SendSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/SendSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,QAAQ,EAAW,MAAM,kBAAkB,CAAC;AAE1D,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,eAQ/B;AAED,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+import { SvgProps } from 'react-native-svg';
+declare function SvgSlider(props: SvgProps): JSX.Element;
+export default SvgSlider;
+//# sourceMappingURL=SliderSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/SliderSvg.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,eAiBjC;AAED,eAAe,SAAS,CAAC"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 export default function SquareSvg(props: SvgProps): JSX.Element;
+//# sourceMappingURL=SquareSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SquareSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/SquareSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAA4B,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,QAAQ,eAoBhD"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 declare function SvgComponent(props: SvgProps): JSX.Element;
 export default SvgComponent;
+//# sourceMappingURL=TextSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/TextSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,QAAQ,EAA4B,MAAM,kBAAkB,CAAC;AAE3E,iBAAS,YAAY,CAAC,KAAK,EAAE,QAAQ,eAoBpC;AAED,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { SvgProps } from 'react-native-svg';
 declare function ThrashSvg(props: SvgProps): JSX.Element;
 export default ThrashSvg;
+//# sourceMappingURL=ThrashSvg.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThrashSvg.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/ThrashSvg.tsx"],"names":[],"mappings":"AACA,OAAY,EAAE,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAEvD,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,eAiCjC;AAED,eAAe,SAAS,CAAC"}

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

@@ -1,12 +1,11 @@
 import React from 'react';
 import { ViewProps, ImageRequireSource, ImageURISource } from 'react-native';
-import type { DrawItemType } from '../../types';
-export default function DrawWithOptions({ close, takeSnapshot, linearGradient, image, defaultDrawingMode, }: {
-    close?: () => void;
-    takeSnapshot?: (snap: Promise<string | undefined>) => void;
+export default function DrawWithOption({ linearGradient, image, close, takeSnapshot, }: {
     linearGradient: React.ComponentType<{
         colors: any[];
     } & ViewProps>;
     image?: ImageRequireSource | ImageURISource;
-    defaultDrawingMode?: DrawItemType;
+    close?: () => void;
+    takeSnapshot?: (snap: Promise<string | undefined>) => void;
 }): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;AAgEtB,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,cAAc,EACd,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE;IACD,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;CAC5D,eAsNA"}

package/lib/typescript/components/Slider/ColorSlider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import type { LinearGradientType } from '../../types';
+declare const ColorSlider: ({ linearGradient: LinearGradient, }: {
+    linearGradient: React.ComponentType<LinearGradientType & ViewProps>;
+}) => JSX.Element;
+export default ColorSlider;
+//# sourceMappingURL=ColorSlider.d.ts.map

package/lib/typescript/components/Slider/ColorSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/ColorSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAA2B,SAAS,EAAE,MAAM,cAAc,CAAC;AAalE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAoBtD,QAAA,MAAM,WAAW,wCAEd;IACD,cAAc,EAAE,MAAM,aAAa,CAAC,kBAAkB,GAAG,SAAS,CAAC,CAAC;CACrE,gBAsGA,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/components/Slider/Sliders.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import type { LinearGradientType } from '../../types';
+declare const Sliders: ({ linearGradient, }: {
+    linearGradient: React.ComponentType<LinearGradientType & ViewProps>;
+}) => JSX.Element;
+export default Sliders;
+//# sourceMappingURL=Sliders.d.ts.map

package/lib/typescript/components/Slider/Sliders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sliders.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAI/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAwCtD,QAAA,MAAM,OAAO;oBAGK,MAAM,aAAa,CAAC,kBAAkB,GAAG,SAAS,CAAC;iBAwBpE,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/components/Slider/StrokeSlider.d.ts

@@ -0,0 +1,6 @@
+declare const StrokeSlider: ({ minValue, maxValue, }: {
+    minValue: number;
+    maxValue: number;
+}) => JSX.Element;
+export default StrokeSlider;
+//# sourceMappingURL=StrokeSlider.d.ts.map

package/lib/typescript/components/Slider/StrokeSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StrokeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/StrokeSlider.tsx"],"names":[],"mappings":"AA6BA,QAAA,MAAM,YAAY;cAIN,MAAM;cACN,MAAM;iBAoEjB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/lib/typescript/components/Slider/sliderStyle.d.ts

@@ -0,0 +1,28 @@
+export declare const TRACK_R = 10;
+export declare const sliderStyle: {
+    container: {
+        height: number;
+        alignItems: "center";
+        width: string;
+    };
+    thumb: {
+        position: "absolute";
+        width: number;
+        height: number;
+        borderRadius: number;
+        left: number;
+        backgroundColor: string;
+        zIndex: number;
+        borderWidth: number;
+        borderColor: string;
+        marginTop: number;
+    };
+    track: {
+        width: string;
+        backgroundColor: string;
+        height: number;
+        marginTop: number;
+        borderRadius: number;
+    };
+};
+//# sourceMappingURL=sliderStyle.d.ts.map

package/lib/typescript/components/Slider/sliderStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/sliderStyle.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO,KAAK,CAAC;AAC1B,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAyBtB,CAAC"}

package/lib/typescript/index.d.ts

@@ -1,2 +1,4 @@
 export { default as DrawCore } from './components/DrawCore';
 export { default as DrawWithOptions } from './components/DrawWithOptions';
+export { default as DrawProvider } from './components/DrawCore/DrawProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archireport/react-native-svg-draw",
-  "version": "1.3.0",
+  "version": "2.0.0",
   "description": "React Native drawing component based on SVG with editable annotations",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -13,13 +13,18 @@
     "android",
     "ios",
     "cpp",
-    "react-native-svg-draw.podspec",
+    "*.podspec",
     "!lib/typescript/example",
-    "!android/build",
     "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
     "!**/__tests__",
     "!**/__fixtures__",
-    "!**/__mocks__"
+    "!**/__mocks__",
+    "!**/.*"
   ],
   "scripts": {
     "test": "jest",
@@ -48,29 +53,29 @@
     "public": true
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^16.2.4",
-    "@react-native-community/eslint-config": "^3.0.1",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/jest": "^27.5.0",
-    "@types/react": "^17.0.0",
-    "@types/react-native": "^0.67.6",
-    "commitlint": "^16.2.4",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^7.0.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "husky": "^4.2.5",
-    "jest": "^28.1.0",
-    "pod-install": "^0.1.35",
-    "prettier": "^2.0.5",
-    "react": "17.0.2",
-    "react-native": "^0.68.2",
-    "react-native-builder-bob": "^0.18.2",
-    "react-native-gesture-handler": "^2.5.0",
-    "react-native-reanimated": "^2.9.1",
-    "react-native-svg": "^12.3.0",
-    "react-native-view-shot": "^3.3.0",
-    "release-it": "^15.0.0",
-    "typescript": "^4.6.4"
+    "@arkweid/lefthook": "^0.7.7",
+    "@commitlint/config-conventional": "^17.4.4",
+    "@react-native-community/eslint-config": "^3.2.0",
+    "@release-it/conventional-changelog": "^5.1.1",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^18.0.34",
+    "@types/react-native": "^0.71.5",
+    "commitlint": "^17.5.1",
+    "eslint": "^8.38.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "jest": "^29.5.0",
+    "pod-install": "^0.1.38",
+    "prettier": "^2.8.7",
+    "react": "18.2.0",
+    "react-native": "0.71.6",
+    "react-native-builder-bob": "^0.20.4",
+    "react-native-gesture-handler": "^2.9.0",
+    "react-native-reanimated": "^2.14.4",
+    "react-native-svg": "^13.5.0",
+    "react-native-view-shot": "^3.5.0",
+    "release-it": "^15.10.1",
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
     "react": "*",
@@ -87,12 +92,6 @@
       "<rootDir>/lib/"
     ]
   },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "yarn lint && yarn typescript"
-    }
-  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"