@archireport/react-native-svg-draw 3.1.0 → 3.2.0

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

@@ -1,8 +1,8 @@
 import { sliderStyle, TRACK_R } from './sliderStyle';
 import React, { useCallback } from 'react';
 import { View } from 'react-native';
-import { PanGestureHandler } from 'react-native-gesture-handler';
-import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import useDrawHook from '../DrawCore/useDrawHook';
 const gradientColors = ['hsl(0, 100%, 100%) 00%', 'hsl(0, 100%, 50%) 10%', 'hsl(45, 100%, 50%) 20%', 'hsl(90, 100%, 50%) 30%', 'hsl(135, 100%, 50%) 40%', 'hsl(180, 100%, 50%) 50%', 'hsl(225, 100%, 50%) 60%', 'hsl(270, 100%, 50%) 70%', 'hsl(315, 100%, 50%) 80%', 'hsl(360, 100%, 50%) 90%', 'hsl(0, 100%, 0%) 100%  '];
 const gradientStart = {
@@ -22,6 +22,7 @@ const ColorSlider = _ref => {
     color
   } = useDrawHook();
   const sliderWidth = useSharedValue(0);
+  const gestureStartX = useSharedValue(0);
   const position = useDerivedValue(() => {
     const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
     const res = hslRegExp.exec(color.value);
@@ -34,51 +35,38 @@ const ColorSlider = _ref => {
       return sliderWidth.value - sliderWidth.value * 0.1 / 50 * lum;
     }
     return Math.min(sliderWidth.value, Math.max(0, sliderWidth.value * 0.1 + tint * ((sliderWidth.value - sliderWidth.value * 0.2) / 360)));
-  }, [sliderWidth.value]);
+  });
   const wrapperOnColorChange = () => {
     onColorStrokeChange();
   };
-  const onGestureEvent = useAnimatedGestureHandler({
-    onStart: (_ref2, ctx) => {
-      let {
-        x
-      } = _ref2;
-      ctx.startX = x;
-    },
-    onActive: (_ref3, _ref4) => {
-      let {
-        translationX
-      } = _ref3;
-      let {
-        startX
-      } = _ref4;
-      const slidePos = Math.min(sliderWidth.value, startX + translationX);
-      if (slidePos < 0.1 * sliderWidth.value) {
-        color.value = `hsl(0, 100%, ${Math.min(100, 100 - slidePos / (0.1 * sliderWidth.value) * 50).toFixed(10)}%)`;
-      } else if (slidePos > 0.9 * sliderWidth.value) {
-        color.value = `hsl(0, 100%, ${Math.max(50 - (slidePos - 0.9 * sliderWidth.value) / (0.1 * sliderWidth.value) * 50, 0).toFixed(10)}%)`;
-      } else {
-        color.value = `hsl(${(slidePos - sliderWidth.value * 0.1) / (sliderWidth.value - sliderWidth.value * 0.2) * 360}, 100%, 50%)`;
-      }
-    },
-    onEnd: () => {
-      runOnJS(wrapperOnColorChange)();
+  const panGesture = Gesture.Pan().onStart(event => {
+    gestureStartX.value = event.x;
+  }).onUpdate(event => {
+    const slidePos = Math.min(sliderWidth.value, gestureStartX.value + event.translationX);
+    if (slidePos < 0.1 * sliderWidth.value) {
+      color.value = `hsl(0, 100%, ${Math.min(100, 100 - slidePos / (0.1 * sliderWidth.value) * 50).toFixed(10)}%)`;
+    } else if (slidePos > 0.9 * sliderWidth.value) {
+      color.value = `hsl(0, 100%, ${Math.max(50 - (slidePos - 0.9 * sliderWidth.value) / (0.1 * sliderWidth.value) * 50, 0).toFixed(10)}%)`;
+    } else {
+      color.value = `hsl(${(slidePos - sliderWidth.value * 0.1) / (sliderWidth.value - sliderWidth.value * 0.2) * 360}, 100%, 50%)`;
     }
-  }, []);
+  }).onEnd(() => {
+    runOnJS(wrapperOnColorChange)();
+  });
   const style = useAnimatedStyle(() => {
     return {
       transform: [{
         translateX: position.value - TRACK_R
       }]
     };
-  }, [position.value]);
+  });
   const onLayout = useCallback(event => {
     sliderWidth.value = event.nativeEvent.layout.width;
   }, [sliderWidth]);
   return /*#__PURE__*/React.createElement(View, {
     style: sliderStyle.container
-  }, /*#__PURE__*/React.createElement(PanGestureHandler, {
-    onGestureEvent: onGestureEvent
+  }, /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: panGesture
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: sliderStyle.container
   }, /*#__PURE__*/React.createElement(LinearGradient, {

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

@@ -1 +1 @@
-{"version":3,"names":["sliderStyle","TRACK_R","React","useCallback","View","PanGestureHandler","Animated","runOnJS","useAnimatedGestureHandler","useAnimatedStyle","useDerivedValue","useSharedValue","useDrawHook","gradientColors","gradientStart","x","y","gradientEnd","ColorSlider","linearGradient","LinearGradient","onColorStrokeChange","color","sliderWidth","position","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","wrapperOnColorChange","onGestureEvent","onStart","ctx","startX","onActive","translationX","slidePos","toFixed","onEnd","style","transform","translateX","onLayout","event","nativeEvent","layout","width","container","track","thumb"],"sourceRoot":"../../../../src","sources":["components/Slider/ColorSlider.tsx"],"mappings":"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"}
+{"version":3,"names":["sliderStyle","TRACK_R","React","useCallback","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","useDrawHook","gradientColors","gradientStart","x","y","gradientEnd","ColorSlider","linearGradient","LinearGradient","onColorStrokeChange","color","sliderWidth","gestureStartX","position","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","wrapperOnColorChange","panGesture","Pan","onStart","event","onUpdate","slidePos","translationX","toFixed","onEnd","style","transform","translateX","onLayout","nativeEvent","layout","width","container","track","thumb"],"sourceRoot":"../../../../src","sources":["components/Slider/ColorSlider.tsx"],"mappings":"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"}

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

@@ -57,7 +57,7 @@ const Sliders = _ref => {
       borderWidth: strokeWidth.value,
       borderColor: color.value
     };
-  }, [strokeWidth, color]);
+  });
   return /*#__PURE__*/React.createElement(View, {
     style: styles.strokeContainer
   }, /*#__PURE__*/React.createElement(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Animated","useAnimatedStyle","StrokeSlider","ColorSlider","useDrawHook","StyleSheet","styles","create","strokeContainer","flexDirection","marginTop","borderColor","borderRadius","height","borderWidth","marginHorizontal","maxWidth","alignSelf","strokeWrapper","flex","justifyContent","currentColorContainer","alignContent","padding","currentColor","width","colorContainer","Sliders","linearGradient","strokeWidth","color","styleStrokeColor","value"],"sourceRoot":"../../../../src","sources":["components/Slider/Sliders.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAC9C,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,gBAAgB,EAAE,EAAE;IACpBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPN,MAAM,EAAE,EAAE;IACVE,gBAAgB,EAAE,EAAE;IACpBK,cAAc,EAAE;EAClB,CAAC;EACDC,qBAAqB,EAAE;IACrBT,YAAY,EAAE,EAAE;IAChBE,WAAW,EAAE,CAAC;IACdH,WAAW,EAAE,SAAS;IACtBS,cAAc,EAAE,QAAQ;IACxBE,YAAY,EAAE,QAAQ;IACtBL,SAAS,EAAE,QAAQ;IACnBM,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEZ,MAAM,EAAE,EAAE;IAAED,YAAY,EAAE;EAAG,CAAC;EACzDc,cAAc,EAAE;IACdP,IAAI,EAAE,CAAC;IACPN,MAAM,EAAE,EAAE;IACVE,gBAAgB,EAAE,EAAE;IACpBK,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMO,OAAO,GAAG,QAIV;EAAA,IAJW;IACfC;EAGF,CAAC;EACC,MAAM;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAG1B,WAAW,EAAE;EAE5C,MAAM2B,gBAAgB,GAAG9B,gBAAgB,CAAC,MAAM;IAC9C,OAAO;MACLa,WAAW,EAAEe,WAAW,CAAEG,KAAK;MAC/BrB,WAAW,EAAEmB,KAAK,CAAEE;IACtB,CAAC;EACH,CAAC,EAAE,CAACH,WAAW,EAAEC,KAAK,CAAC,CAAC;EAExB,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAExB,MAAM,CAACE;EAAgB,gBAClC,oBAAC,IAAI;IAAC,KAAK,EAAEF,MAAM,CAACY;EAAc,gBAChC,oBAAC,YAAY;IAAC,QAAQ,EAAE,CAAE;IAAC,QAAQ,EAAE;EAAG,EAAG,CACtC,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEZ,MAAM,CAACe;EAAsB,gBACxC,oBAAC,QAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAACf,MAAM,CAACkB,YAAY,EAAEO,gBAAgB;EAAE,EAAG,CAC5D,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEzB,MAAM,CAACoB;EAAe,gBACjC,oBAAC,WAAW;IAAC,cAAc,EAAEE;EAAe,EAAG,CAC1C,CACF;AAEX,CAAC;AAED,eAAeD,OAAO"}
+{"version":3,"names":["React","View","Animated","useAnimatedStyle","StrokeSlider","ColorSlider","useDrawHook","StyleSheet","styles","create","strokeContainer","flexDirection","marginTop","borderColor","borderRadius","height","borderWidth","marginHorizontal","maxWidth","alignSelf","strokeWrapper","flex","justifyContent","currentColorContainer","alignContent","padding","currentColor","width","colorContainer","Sliders","linearGradient","strokeWidth","color","styleStrokeColor","value"],"sourceRoot":"../../../../src","sources":["components/Slider/Sliders.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,IAAIC,gBAAgB,QAAQ,yBAAyB;AACpE,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,WAAW,MAAM,eAAe;AAEvC,OAAOC,WAAW,MAAM,yBAAyB;AACjD,SAASC,UAAU,QAAQ,cAAc;AAEzC,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,gBAAgB,EAAE,EAAE;IACpBC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE;EACb,CAAC;EACDC,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPN,MAAM,EAAE,EAAE;IACVE,gBAAgB,EAAE,EAAE;IACpBK,cAAc,EAAE;EAClB,CAAC;EACDC,qBAAqB,EAAE;IACrBT,YAAY,EAAE,EAAE;IAChBE,WAAW,EAAE,CAAC;IACdH,WAAW,EAAE,SAAS;IACtBS,cAAc,EAAE,QAAQ;IACxBE,YAAY,EAAE,QAAQ;IACtBL,SAAS,EAAE,QAAQ;IACnBM,OAAO,EAAE;EACX,CAAC;EACDC,YAAY,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEZ,MAAM,EAAE,EAAE;IAAED,YAAY,EAAE;EAAG,CAAC;EACzDc,cAAc,EAAE;IACdP,IAAI,EAAE,CAAC;IACPN,MAAM,EAAE,EAAE;IACVE,gBAAgB,EAAE,EAAE;IACpBK,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMO,OAAO,GAAG,QAIV;EAAA,IAJW;IACfC;EAGF,CAAC;EACC,MAAM;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAG1B,WAAW,EAAE;EAE5C,MAAM2B,gBAAgB,GAAG9B,gBAAgB,CAAC,MAAM;IAC9C,OAAO;MACLa,WAAW,EAAEe,WAAW,CAAEG,KAAK;MAC/BrB,WAAW,EAAEmB,KAAK,CAAEE;IACtB,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE1B,MAAM,CAACE;EAAgB,gBAClC,oBAAC,IAAI;IAAC,KAAK,EAAEF,MAAM,CAACY;EAAc,gBAChC,oBAAC,YAAY;IAAC,QAAQ,EAAE,CAAE;IAAC,QAAQ,EAAE;EAAG,EAAG,CACtC,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEZ,MAAM,CAACe;EAAsB,gBACxC,oBAAC,QAAQ,CAAC,IAAI;IAAC,KAAK,EAAE,CAACf,MAAM,CAACkB,YAAY,EAAEO,gBAAgB;EAAE,EAAG,CAC5D,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEzB,MAAM,CAACoB;EAAe,gBACjC,oBAAC,WAAW;IAAC,cAAc,EAAEE;EAAe,EAAG,CAC1C,CACF;AAEX,CAAC;AAED,eAAeD,OAAO"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PanGestureHandler } from 'react-native-gesture-handler';
-import Animated, { runOnJS, useAnimatedGestureHandler, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { View } from 'react-native';
 import { sliderStyle, TRACK_R } from './sliderStyle';
 import useDrawHook from '../DrawCore/useDrawHook';
@@ -26,43 +26,31 @@ const StrokeSlider = _ref => {
     strokeWidth
   } = useDrawHook();
   const sliderWidth = useSharedValue(0);
+  const gestureStartX = 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 panGesture = Gesture.Pan().onStart(event => {
+    gestureStartX.value = event.x;
+  }).onUpdate(event => {
+    strokeWidth.value = Math.min(maxValue, Math.max(minValue, (gestureStartX.value + event.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(GestureDetector, {
+    gesture: panGesture
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: sliderStyle.container
   }, /*#__PURE__*/React.createElement(View, {

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

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

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

@@ -2,4 +2,5 @@ import type { hslColor, Point } from '../../types';
 export declare const pointsToPath: (points: Point[]) => string;
 export declare function hslToRgb(col: hslColor): string;
 export default function CurrentAnimatedItem(): JSX.Element;
+export declare function DoubleArrowsTextInput(): JSX.Element;
 //# sourceMappingURL=CurrentAnimatedItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CurrentAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/CurrentAnimatedItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA8EnD,eAAO,MAAM,YAAY,WAAY,KAAK,EAAE,WAW3C,CAAC;AAuBF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,UAwBrC;AAoBD,MAAM,CAAC,OAAO,UAAU,mBAAmB,gBAuc1C"}
+{"version":3,"file":"CurrentAnimatedItem.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/CurrentAnimatedItem.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4EnD,eAAO,MAAM,YAAY,WAAY,KAAK,EAAE,WAsB3C,CAAC;AAuBF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,QAAQ,UAwBrC;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,gBAwS1C;AAED,wBAAgB,qBAAqB,gBAuHpC"}

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

@@ -1 +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;AAiC5C;;;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,eA4EA"}
+{"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;AAiC5C;;;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,eA+EA"}

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;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"}
+{"version":3,"file":"DrawPad.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/DrawPad.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAOpD,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;;;iBA4F7C,CAAC;AAEF,eAAe,OAAO,CAAC"}

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;AAkNtB,QAAA,MAAM,QAAQ;;;mCAOkB,MAAM,KAAK,QAAQ,IAAI,CAAC;iBAwnCvD,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;AAkNtB,QAAA,MAAM,QAAQ;;;mCAOkB,MAAM,KAAK,QAAQ,IAAI,CAAC;iBA2rCvD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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;;;;;;;;;;;;;;;;CAuEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useDrawHook.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawCore/useDrawHook.tsx"],"names":[],"mappings":";;AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;CA0EhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,9 +1,8 @@
 import React from 'react';
-import { ViewProps, ImageRequireSource, ImageURISource } from 'react-native';
+import { ImageRequireSource, ImageURISource } from 'react-native';
+import type { LinearGradientComponentProps } from '../../types';
 type DrawWithOptionsProps = {
-    linearGradient: React.ComponentType<{
-        colors: any[];
-    } & ViewProps>;
+    linearGradient: React.ComponentType<LinearGradientComponentProps>;
     image?: ImageRequireSource | ImageURISource;
     close?: () => void;
     actionWithSnapShotUri?: (uri: string) => Promise<void>;

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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAIL,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAgBtB,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAmDhE,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;IAClE,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;AAwPF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAMlE"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"ColorSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/ColorSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAoBhE,QAAA,MAAM,WAAW,wCAEd;IACD,cAAc,EAAE,MAAM,aAAa,CAAC,4BAA4B,CAAC,CAAC;CACnE,gBAkGA,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"Sliders.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAwChE,QAAA,MAAM,OAAO;oBAGK,MAAM,aAAa,CAAC,4BAA4B,CAAC;iBAwBlE,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"StrokeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/StrokeSlider.tsx"],"names":[],"mappings":"AAyBA,QAAA,MAAM,YAAY;cAIN,MAAM;cACN,MAAM;iBA+DjB,CAAC;AACF,eAAe,YAAY,CAAC"}

package/package.json

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