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

package/lib/commonjs/components/DrawCore/ColorSlider.js

@@ -4,22 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const TRACK_R = 10;
 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 styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
@@ -47,7 +39,6 @@ const styles = _reactNative.StyleSheet.create({
     marginTop: 20
   }
 });
-
 const ColorSlider = _ref => {
   let {
     color,
@@ -58,17 +49,14 @@ const ColorSlider = _ref => {
   const position = (0, _reactNativeReanimated.useDerivedValue)(() => {
     const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
     const res = hslRegExp.exec(color.value);
-    const lum = res ? parseFloat(res[3]) : 0;
-    const tint = res ? parseFloat(res[1]) : 0;
-
+    const lum = res ? parseFloat(res[3] ?? '0') : 0;
+    const tint = res ? parseFloat(res[1] ?? '0') : 0;
     if (lum > 50) {
       return sliderHeight.value * 0.1 / 50 * (100 - lum);
     }
-
     if (lum < 50) {
       return sliderHeight.value - sliderHeight.value * 0.1 / 50 * lum;
     }
-
     return Math.min(sliderHeight.value, Math.max(0, sliderHeight.value * 0.1 + tint * ((sliderHeight.value - sliderHeight.value * 0.2) / 360)));
   }, [sliderHeight.value]);
   const onGestureEvent = (0, _reactNativeReanimated.useAnimatedGestureHandler)({
@@ -86,7 +74,6 @@ const ColorSlider = _ref => {
         startY
       } = _ref4;
       const slidePos = Math.min(sliderHeight.value, startY + translationY);
-
       if (slidePos < 0.1 * sliderHeight.value) {
         color.value = `hsl(0, 100%, ${Math.min(100, 100 - slidePos / (0.1 * sliderHeight.value) * 50).toFixed(10)}%)`;
       } else if (slidePos > 0.9 * sliderHeight.value) {
@@ -130,7 +117,6 @@ const ColorSlider = _ref => {
     style: [styles.indicator, selectedColorStyle]
   }));
 };
-
 var _default = ColorSlider;
 exports.default = _default;
 //# sourceMappingURL=ColorSlider.js.map

package/lib/commonjs/components/DrawCore/ColorSlider.js.map

@@ -1 +1 @@
-{"version":3,"names":["TRACK_R","gradientColors","styles","StyleSheet","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","borderWidth","indicator","marginTop","ColorSlider","color","linearGradient","LinearGradient","onColorChange","sliderHeight","useSharedValue","useDerivedValue","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","onGestureEvent","useAnimatedGestureHandler","onStart","ctx","y","startY","onActive","translationY","slidePos","toFixed","onEnd","runOnJS","style","useAnimatedStyle","transform","translateY","selectedColorStyle","onLayout","useCallback","event","nativeEvent","layout"],"sources":["ColorSlider.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { LayoutChangeEvent, StyleSheet, View, ViewProps } from 'react-native';\n\nimport {\n  PanGestureHandler,\n  PanGestureHandlerGestureEvent,\n} from 'react-native-gesture-handler';\nimport Animated, {\n  runOnJS,\n  useAnimatedGestureHandler,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from 'react-native-reanimated';\nimport type { hslColor } from '../../types';\n\nconst TRACK_R = 10;\n\nconst gradientColors = [\n  'hsl(0, 100%, 100%) 00%',\n  'hsl(0, 100%, 50%) 10%',\n  'hsl(45, 100%, 50%) 20%',\n  'hsl(90, 100%, 50%) 30%',\n  'hsl(135, 100%, 50%) 40%',\n  'hsl(180, 100%, 50%) 50%',\n  'hsl(225, 100%, 50%) 60%',\n  'hsl(270, 100%, 50%) 70%',\n  'hsl(315, 100%, 50%) 80%',\n  'hsl(360, 100%, 50%) 90%',\n  'hsl(0, 100%, 0%) 100%  ',\n];\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    alignItems: 'center',\n    width: '100%',\n  },\n  thumb: {\n    position: 'absolute',\n    width: TRACK_R * 2,\n    height: TRACK_R * 2,\n    borderRadius: TRACK_R,\n    top: 0,\n    backgroundColor: 'white',\n  },\n  track: { width: 10, flex: 1, borderRadius: 5, borderWidth: 1 },\n  indicator: {\n    width: 22,\n    height: 22,\n    borderRadius: 22,\n    marginTop: 20,\n  },\n});\n\nconst ColorSlider = ({\n  color,\n  linearGradient: LinearGradient,\n  onColorChange,\n}: {\n  color: Animated.SharedValue<hslColor>;\n  linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;\n  onColorChange: () => void;\n}) => {\n  const sliderHeight = useSharedValue(0);\n\n  const position = useDerivedValue(() => {\n    const hslRegExp = new RegExp(/hsl\\(([\\d.]+),\\s*(\\d+)%,\\s*([\\d.]+)%\\)/);\n    const res = hslRegExp.exec(color.value);\n\n    const lum = res ? parseFloat(res[3]) : 0;\n\n    const tint = res ? parseFloat(res[1]) : 0;\n\n    if (lum > 50) {\n      return ((sliderHeight.value * 0.1) / 50) * (100 - lum);\n    }\n\n    if (lum < 50) {\n      return sliderHeight.value - ((sliderHeight.value * 0.1) / 50) * lum;\n    }\n\n    return Math.min(\n      sliderHeight.value,\n      Math.max(\n        0,\n        sliderHeight.value * 0.1 +\n          tint * ((sliderHeight.value - sliderHeight.value * 0.2) / 360)\n      )\n    );\n  }, [sliderHeight.value]);\n\n  const onGestureEvent = useAnimatedGestureHandler<\n    PanGestureHandlerGestureEvent,\n    { startY: number }\n  >(\n    {\n      onStart: ({ y }, ctx) => {\n        ctx.startY = y;\n      },\n      onActive: ({ translationY }, { startY }) => {\n        const slidePos = Math.min(sliderHeight.value, startY + translationY);\n\n        if (slidePos < 0.1 * sliderHeight.value) {\n          color.value = `hsl(0, 100%, ${Math.min(\n            100,\n            100 - (slidePos / (0.1 * sliderHeight.value)) * 50\n          ).toFixed(10)}%)`;\n        } else if (slidePos > 0.9 * sliderHeight.value) {\n          color.value = `hsl(0, 100%, ${Math.max(\n            50 -\n              ((slidePos - 0.9 * sliderHeight.value) /\n                (0.1 * sliderHeight.value)) *\n                50,\n            0\n          ).toFixed(10)}%)`;\n        } else {\n          color.value = `hsl(${\n            ((slidePos - sliderHeight.value * 0.1) /\n              (sliderHeight.value - sliderHeight.value * 0.2)) *\n            360\n          }, 100%, 50%)`;\n        }\n      },\n      onEnd: () => {\n        runOnJS(onColorChange)();\n      },\n    },\n    []\n  );\n\n  const style = useAnimatedStyle(() => {\n    return {\n      transform: [{ translateY: position.value - TRACK_R }],\n    };\n  }, [position.value]);\n\n  const selectedColorStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: color.value,\n    };\n  }, [color.value]);\n\n  const onLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      sliderHeight.value = event.nativeEvent.layout.height;\n    },\n    [sliderHeight]\n  );\n\n  return (\n    <View style={styles.container}>\n      <PanGestureHandler onGestureEvent={onGestureEvent}>\n        <Animated.View style={styles.container}>\n          <LinearGradient\n            colors={gradientColors}\n            onLayout={onLayout}\n            style={styles.track}\n          />\n          <Animated.View style={[styles.thumb, style]} />\n        </Animated.View>\n      </PanGestureHandler>\n\n      <Animated.View style={[styles.indicator, selectedColorStyle]} />\n    </View>\n  );\n};\n\nexport default ColorSlider;\n"],"mappings":"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"}
+{"version":3,"names":["TRACK_R","gradientColors","styles","StyleSheet","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","borderWidth","indicator","marginTop","ColorSlider","color","linearGradient","LinearGradient","onColorChange","sliderHeight","useSharedValue","useDerivedValue","hslRegExp","RegExp","res","exec","value","lum","parseFloat","tint","Math","min","max","onGestureEvent","useAnimatedGestureHandler","onStart","ctx","y","startY","onActive","translationY","slidePos","toFixed","onEnd","runOnJS","style","useAnimatedStyle","transform","translateY","selectedColorStyle","onLayout","useCallback","event","nativeEvent","layout"],"sourceRoot":"../../src","sources":["ColorSlider.tsx"],"mappings":"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"}

package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js

@@ -5,28 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CurrentAnimatedItem;
 exports.pointsToPath = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _reactNativeSvg = require("react-native-svg");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
-
 const AnimatedEllipse = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Ellipse);
-
 const AnimatedRectangle = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Rect);
+const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line);
 
-const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line); // properties of a line
-
-
+// properties of a line
 const line = (pointA, pointB) => {
   'worklet';
 
@@ -36,18 +26,19 @@ const line = (pointA, pointB) => {
     length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
     angle: Math.atan2(lengthY, lengthX)
   };
-}; // position of a control point
-
+};
 
+// position of a control point
 const controlPoint = (current, previous, next, reverse) => {
-  'worklet'; // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'
+  'worklet';
 
+  // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'
   const p = previous || current;
   const n = next || current;
-  const smoothing = 0.2; // Properties of the opposed-line
-
-  const o = line(p, n); // If is end-control-point, add PI to the angle to go backward
-
+  const smoothing = 0.2;
+  // Properties of the opposed-line
+  const o = line(p, n);
+  // If is end-control-point, add PI to the angle to go backward
   const angle = o.angle + (reverse ? Math.PI : 0);
   const length = o.length * smoothing;
   const x = current.x + Math.cos(angle) * length;
@@ -56,67 +47,65 @@ const controlPoint = (current, previous, next, reverse) => {
     x: x,
     y: y
   };
-}; // create the bezier curve command
-
+};
 
+// create the bezier curve command
 const bezierCommand = (point, i, a) => {
   'worklet';
 
-  const endPoint = controlPoint(point, a[i - 1], a[i + 1], true);
-
-  if (i === 1) {
-    const startPoint = controlPoint(a[i - 1], a[i - 2], point, true);
-    return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
-  } else {
-    return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+  const previousPoint = a[i - 1];
+  const nextPoint = a[i + 1];
+  if (previousPoint && nextPoint) {
+    const endPoint = controlPoint(point, previousPoint, nextPoint, true);
+    if (i === 1) {
+      const pointBefore = a[i - 2];
+      if (pointBefore) {
+        const startPoint = controlPoint(previousPoint, pointBefore, point, true);
+        return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+      }
+    } else {
+      return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+    }
   }
+  return '';
 };
-
 const pointsToPath = points => {
   'worklet';
 
   return points.length > 0 ? points.reduce((acc, point, i, a) => i === 0 ? `M ${point.x},${point.y}` : `${acc} ${bezierCommand(point, i, a)}`, '') : '';
 };
-
 exports.pointsToPath = pointsToPath;
-
 function hue2rgb(p, q, t) {
   'worklet';
 
   if (t < 0) {
     t += 1;
   }
-
   if (t > 1) {
     t -= 1;
   }
-
   if (t < 1 / 6) {
     return p + (q - p) * 6 * t;
   }
-
   if (t < 1 / 2) {
     return q;
   }
-
   if (t < 2 / 3) {
     return p + (q - p) * (2 / 3 - t) * 6;
   }
-
   return p;
-} // see https://github.com/software-mansion/react-native-reanimated/issues/1909
-
+}
 
+// see https://github.com/software-mansion/react-native-reanimated/issues/1909
 function hslToRgb(col) {
   'worklet';
 
   const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
   const res = hslRegExp.exec(col);
-  const h = res ? parseFloat(res[1]) / 360 : 0;
-  const s = res ? parseFloat(res[2]) / 100 : 0;
-  const l = res ? parseFloat(res[3]) / 100 : 0;
+  const h = res ? parseFloat(res[1] ?? '0') / 360 : 0;
+  const s = res ? parseFloat(res[2] ?? '0') / 100 : 0;
+  const l = res ? parseFloat(res[3] ?? '0') / 100 : 0;
   var r, g, b;
-
   if (s === 0) {
     r = g = b = l; // achromatic
   } else {
@@ -126,17 +115,28 @@ function hslToRgb(col) {
     g = hue2rgb(p, q, h);
     b = hue2rgb(p, q, h - 1 / 3);
   }
-
   return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)})`;
 }
-
+const propAdapter = (0, _reactNativeReanimated.createAnimatedPropAdapter)(props => {
+  if (Object.keys(props).includes('fill') && (typeof props.fill === 'string' || typeof props.fill === 'number')) {
+    props.fill = {
+      type: 0,
+      payload: (0, _reactNativeReanimated.processColor)(props.fill)
+    };
+  }
+  if (Object.keys(props).includes('stroke') && (typeof props.stroke === 'string' || typeof props.stroke === 'number')) {
+    props.stroke = {
+      type: 0,
+      payload: (0, _reactNativeReanimated.processColor)(props.stroke)
+    };
+  }
+}, ['fill', 'stroke']);
 function CurrentAnimatedItem(_ref) {
   let {
     currentItem
   } = _ref;
   const ellipseAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value, _currentItem$value2, _currentItem$value3, _currentItem$value4;
-
     const coordinates = ((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'ellipse' ? currentItem.value.data : {
       cx: -10,
       cy: -10,
@@ -153,10 +153,9 @@ function CurrentAnimatedItem(_ref) {
       strokeWidth: ((_currentItem$value4 = currentItem.value) === null || _currentItem$value4 === void 0 ? void 0 : _currentItem$value4.type) === 'ellipse' ? currentItem.value.strokeWidth : 0,
       marker: 'url(#selection)'
     };
-  }, [currentItem.value]);
+  }, [currentItem.value], propAdapter);
   const singleHeadAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value5, _currentItem$value6, _currentItem$value7, _currentItem$value8;
-
     const coordinates = ((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.type) === 'singleHead' ? currentItem.value.data : {
       x1: -10,
       y1: -10,
@@ -173,10 +172,9 @@ function CurrentAnimatedItem(_ref) {
       strokeWidth: ((_currentItem$value8 = currentItem.value) === null || _currentItem$value8 === void 0 ? void 0 : _currentItem$value8.type) === 'singleHead' ? currentItem.value.strokeWidth : 0,
       markerEnd: 'arrowhead'
     };
-  }, [currentItem.value]);
+  }, [currentItem.value], propAdapter);
   const doubleHeadAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value9, _currentItem$value10, _currentItem$value11, _currentItem$value12;
-
     const coordinates = ((_currentItem$value9 = currentItem.value) === null || _currentItem$value9 === void 0 ? void 0 : _currentItem$value9.type) === 'doubleHead' ? currentItem.value.data : {
       x1: -10,
       y1: -10,
@@ -194,10 +192,9 @@ function CurrentAnimatedItem(_ref) {
       markerStart: 'side',
       markerEnd: 'side'
     };
-  }, [currentItem.value]);
+  }, [currentItem.value], propAdapter);
   const rectangleAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value13, _currentItem$value14, _currentItem$value15, _currentItem$value16;
-
     const coordinates = ((_currentItem$value13 = currentItem.value) === null || _currentItem$value13 === void 0 ? void 0 : _currentItem$value13.type) === 'rectangle' ? currentItem.value.data : {
       x: -10,
       y: -10,
@@ -214,10 +211,9 @@ function CurrentAnimatedItem(_ref) {
       strokeWidth: ((_currentItem$value16 = currentItem.value) === null || _currentItem$value16 === void 0 ? void 0 : _currentItem$value16.type) === 'rectangle' ? currentItem.value.strokeWidth : 0,
       marker: 'url(#selection)'
     };
-  }, [currentItem.value]);
+  }, [currentItem.value], propAdapter);
   const penAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value17, _currentItem$value18, _currentItem$value19, _currentItem$value20;
-
     const d = pointsToPath(((_currentItem$value17 = currentItem.value) === null || _currentItem$value17 === void 0 ? void 0 : _currentItem$value17.type) === 'pen' ? currentItem.value.data : [{
       x: -10,
       y: -10
@@ -230,7 +226,7 @@ function CurrentAnimatedItem(_ref) {
       markerStart: 'selection',
       markerEnd: 'selection'
     };
-  }, [currentItem.value]);
+  }, [currentItem.value], propAdapter);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnimatedEllipse, {
     animatedProps: ellipseAnimatedProps
   }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {

package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedPath","Animated","createAnimatedComponent","Path","AnimatedEllipse","Ellipse","AnimatedRectangle","Rect","AnimatedLine","Line","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","endPoint","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","useAnimatedProps","coordinates","value","type","data","cx","cy","rx","ry","stroke","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sources":["CurrentAnimatedItem.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, { useAnimatedProps } from 'react-native-reanimated';\nimport { Path, Ellipse, Rect, Line, G } from 'react-native-svg';\nimport type { DrawItem, hslColor, Point } from '../../types';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst AnimatedEllipse = Animated.createAnimatedComponent(Ellipse);\n\nconst AnimatedRectangle = Animated.createAnimatedComponent(Rect);\n\nconst AnimatedLine = Animated.createAnimatedComponent(Line);\n\n// properties of a line\nconst line = (pointA: Point, pointB: Point) => {\n  'worklet';\n  const lengthX = pointB.x - pointA.x;\n  const lengthY = pointB.y - pointA.y;\n  return {\n    length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n    angle: Math.atan2(lengthY, lengthX),\n  };\n};\n\n// position of a control point\nconst controlPoint = (\n  current: Point,\n  previous: Point,\n  next: Point,\n  reverse: boolean\n): Point => {\n  'worklet';\n  // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'\n  const p = previous || current;\n  const n = next || current;\n  const smoothing = 0.2;\n  // Properties of the opposed-line\n  const o = line(p, n);\n  // If is end-control-point, add PI to the angle to go backward\n  const angle = o.angle + (reverse ? Math.PI : 0);\n  const length = o.length * smoothing;\n\n  const x = current.x + Math.cos(angle) * length;\n  const y = current.y + Math.sin(angle) * length;\n\n  return { x: x, y: y };\n};\n\n// create the bezier curve command\nconst bezierCommand = (point: Point, i: number, a: Point[]) => {\n  'worklet';\n  const endPoint: Point = controlPoint(point, a[i - 1], a[i + 1], true);\n  if (i === 1) {\n    const startPoint: Point = controlPoint(a[i - 1], a[i - 2], point, true);\n    return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n  } else {\n    return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n  }\n};\n\nexport const pointsToPath = (points: Point[]) => {\n  'worklet';\n  return points.length > 0\n    ? points.reduce(\n        (acc, point, i, a) =>\n          i === 0\n            ? `M ${point.x},${point.y}`\n            : `${acc} ${bezierCommand(point, i, a)}`,\n        ''\n      )\n    : '';\n};\n\nfunction hue2rgb(p: number, q: number, t: number) {\n  'worklet';\n  if (t < 0) {\n    t += 1;\n  }\n  if (t > 1) {\n    t -= 1;\n  }\n  if (t < 1 / 6) {\n    return p + (q - p) * 6 * t;\n  }\n  if (t < 1 / 2) {\n    return q;\n  }\n  if (t < 2 / 3) {\n    return p + (q - p) * (2 / 3 - t) * 6;\n  }\n  return p;\n}\n\n// see https://github.com/software-mansion/react-native-reanimated/issues/1909\nfunction hslToRgb(col: hslColor) {\n  'worklet';\n  const hslRegExp = new RegExp(/hsl\\(([\\d.]+),\\s*(\\d+)%,\\s*([\\d.]+)%\\)/);\n  const res = hslRegExp.exec(col);\n\n  const h = res ? parseFloat(res[1]) / 360 : 0;\n  const s = res ? parseFloat(res[2]) / 100 : 0;\n  const l = res ? parseFloat(res[3]) / 100 : 0;\n\n  var r, g, b;\n\n  if (s === 0) {\n    r = g = b = l; // achromatic\n  } else {\n    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    var p = 2 * l - q;\n    r = hue2rgb(p, q, h + 1 / 3);\n    g = hue2rgb(p, q, h);\n    b = hue2rgb(p, q, h - 1 / 3);\n  }\n\n  return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(\n    b * 255\n  )})`;\n}\n\nexport default function CurrentAnimatedItem({\n  currentItem,\n}: {\n  currentItem: Animated.SharedValue<DrawItem | null>;\n}) {\n  const ellipseAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'ellipse'\n        ? currentItem.value.data\n        : { cx: -10, cy: -10, rx: 0, ry: 0 };\n\n    return {\n      cx: coordinates.cx,\n      cy: coordinates.cy,\n      rx: coordinates.rx,\n      ry: coordinates.ry,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'ellipse' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'ellipse'\n          ? currentItem.value.strokeWidth\n          : 0,\n      marker: 'url(#selection)',\n    };\n  }, [currentItem.value]);\n\n  const singleHeadAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'singleHead'\n        ? currentItem.value.data\n        : { x1: -10, y1: -10, x2: -10, y2: -10 };\n    return {\n      x1: coordinates.x1,\n      y1: coordinates.y1,\n      x2: coordinates.x2,\n      y2: coordinates.y2,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'singleHead' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'singleHead'\n          ? currentItem.value.strokeWidth\n          : 0,\n      markerEnd: 'arrowhead',\n    };\n  }, [currentItem.value]);\n\n  const doubleHeadAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'doubleHead'\n        ? currentItem.value.data\n        : { x1: -10, y1: -10, x2: -10, y2: -10 };\n\n    return {\n      x1: coordinates.x1,\n      y1: coordinates.y1,\n      x2: coordinates.x2,\n      y2: coordinates.y2,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'doubleHead' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'doubleHead'\n          ? currentItem.value.strokeWidth\n          : 0,\n      markerStart: 'side',\n      markerEnd: 'side',\n    };\n  }, [currentItem.value]);\n\n  const rectangleAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'rectangle'\n        ? currentItem.value.data\n        : { x: -10, y: -10, width: 0, height: 0 };\n    return {\n      x: coordinates.x,\n      y: coordinates.y,\n      width: coordinates.width,\n      height: coordinates.height,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'rectangle' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'rectangle'\n          ? currentItem.value.strokeWidth\n          : 0,\n\n      marker: 'url(#selection)',\n    };\n  }, [currentItem.value]);\n\n  const penAnimatedProps = useAnimatedProps(() => {\n    const d = pointsToPath(\n      currentItem.value?.type === 'pen'\n        ? currentItem.value.data\n        : [{ x: -10, y: -10 }]\n    );\n    return {\n      d: d,\n      strokeWidth:\n        currentItem.value?.type === 'pen' ? currentItem.value.strokeWidth : 0,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'pen' ? 1 : 0,\n      markerStart: 'selection',\n      markerEnd: 'selection',\n    };\n  }, [currentItem.value]);\n\n  return (\n    <>\n      <AnimatedEllipse animatedProps={ellipseAnimatedProps} />\n      <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n        <AnimatedLine animatedProps={singleHeadAnimatedProps} />\n      </G>\n      <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n        <AnimatedLine animatedProps={doubleHeadAnimatedProps} />\n      </G>\n      <AnimatedRectangle animatedProps={rectangleAnimatedProps} />\n      <AnimatedPath animatedProps={penAnimatedProps} />\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["AnimatedPath","Animated","createAnimatedComponent","Path","AnimatedEllipse","Ellipse","AnimatedRectangle","Rect","AnimatedLine","Line","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","previousPoint","nextPoint","endPoint","pointBefore","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","propAdapter","createAnimatedPropAdapter","props","Object","keys","includes","fill","type","payload","processColor","stroke","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","useAnimatedProps","coordinates","value","data","cx","cy","rx","ry","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sourceRoot":"../../src","sources":["CurrentAnimatedItem.tsx"],"mappings":"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"}

package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CurrentAnimatedText;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const styles = _reactNative.StyleSheet.create({
   textBackground: {
     marginHorizontal: 10,
@@ -44,15 +38,13 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: 'white'
   }
 });
+
 /**
  * There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)
  * So we cannot embed this component directly in the Svg
  */
-
-
 function CurrentAnimatedText(_ref) {
   var _currentItem$value, _currentItem$value4;
-
   let {
     currentItem,
     onHeightChange
@@ -60,20 +52,17 @@ function CurrentAnimatedText(_ref) {
   const [text, setText] = (0, _react.useState)(((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'text' ? currentItem.value.text || '' : '');
   (0, _reactNativeReanimated.useDerivedValue)(() => {
     var _currentItem$value2;
-
     (0, _reactNativeReanimated.runOnJS)(setText)(((_currentItem$value2 = currentItem.value) === null || _currentItem$value2 === void 0 ? void 0 : _currentItem$value2.type) === 'text' ? currentItem.value.text || '' : '');
   }, [currentItem.value]);
   const textAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    var _currentItem$value$st, _currentItem$value3;
-
+    var _currentItem$value3;
     return {
-      fontSize: 16 + ((_currentItem$value$st = (_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.strokeWidth) !== null && _currentItem$value$st !== void 0 ? _currentItem$value$st : 0),
+      fontSize: 16 + (((_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.strokeWidth) ?? 0),
       color: 'white'
     };
   }, [(_currentItem$value4 = currentItem.value) === null || _currentItem$value4 === void 0 ? void 0 : _currentItem$value4.strokeWidth]);
   const containerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     var _currentItem$value5, _currentItem$value6, _currentItem$value7, _currentItem$value8, _currentItem$value9;
-
     return {
       opacity: ((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.type) === 'text' ? 1 : 0,
       height: ((_currentItem$value6 = currentItem.value) === null || _currentItem$value6 === void 0 ? void 0 : _currentItem$value6.type) === 'text' ? 'auto' : -10,

package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","useState","value","type","useDerivedValue","runOnJS","textAnimatedStyle","useAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sources":["CurrentAnimatedText.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useDerivedValue,\n} from 'react-native-reanimated';\nimport type { DrawItem } from '../../types';\n\nconst styles = StyleSheet.create({\n  textBackground: {\n    marginHorizontal: 10,\n    backgroundColor: 'rgba(0, 0, 0, 0.6)',\n    borderRadius: 10,\n    paddingVertical: 13,\n    paddingHorizontal: 18,\n  },\n  markerContainerLeft: {\n    position: 'absolute',\n    left: 5,\n    height: '100%',\n    justifyContent: 'center',\n  },\n  markerContainerRight: {\n    position: 'absolute',\n    right: 5,\n    height: '100%',\n    justifyContent: 'center',\n  },\n  marker: {\n    width: 10,\n    height: 10,\n    borderRadius: 10,\n    backgroundColor: '#3a6cff',\n    borderWidth: 1,\n    borderColor: 'white',\n  },\n});\n\n/**\n * There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)\n * So we cannot embed this component directly in the Svg\n */\nexport default function CurrentAnimatedText({\n  currentItem,\n  onHeightChange,\n}: {\n  currentItem: Animated.SharedValue<DrawItem | null>;\n  onHeightChange: (height: number) => void;\n}) {\n  const [text, setText] = useState(\n    currentItem.value?.type === 'text' ? currentItem.value.text || '' : ''\n  );\n\n  useDerivedValue(() => {\n    runOnJS(setText)(\n      currentItem.value?.type === 'text' ? currentItem.value.text || '' : ''\n    );\n  }, [currentItem.value]);\n\n  const textAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      fontSize: 16 + (currentItem.value?.strokeWidth ?? 0),\n      color: 'white',\n    };\n  }, [currentItem.value?.strokeWidth]);\n\n  const containerStyle = useAnimatedStyle(() => {\n    return {\n      opacity: currentItem.value?.type === 'text' ? 1 : 0,\n      height: currentItem.value?.type === 'text' ? 'auto' : -10,\n      width:\n        (currentItem.value?.type === 'text' &&\n          (typeof currentItem.value.data.width === 'string'\n            ? parseFloat(currentItem.value.data.width)\n            : currentItem.value.data.width)) ||\n        0,\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      transform: [\n        {\n          translateX:\n            (currentItem.value?.type === 'text' &&\n              (typeof currentItem.value.data.x === 'string'\n                ? parseFloat(currentItem.value.data.x)\n                : currentItem.value.data.x)) ||\n            0,\n        },\n        {\n          translateY:\n            (currentItem.value?.type === 'text' &&\n              (typeof currentItem.value.data.y === 'string'\n                ? parseFloat(currentItem.value.data.y)\n                : currentItem.value.data.y)) ||\n            0,\n        },\n      ],\n    };\n  }, [currentItem.value]);\n\n  return (\n    <Animated.View style={containerStyle}>\n      <View\n        style={styles.textBackground}\n        onLayout={(event) => {\n          onHeightChange(event.nativeEvent.layout.height);\n        }}\n      >\n        <Animated.Text style={textAnimatedStyle}>{text}</Animated.Text>\n      </View>\n      <View style={styles.markerContainerLeft}>\n        <View style={styles.marker} />\n      </View>\n      <View style={styles.markerContainerRight}>\n        <View style={styles.marker} />\n      </View>\n    </Animated.View>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["styles","StyleSheet","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","useState","value","type","useDerivedValue","runOnJS","textAnimatedStyle","useAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sourceRoot":"../../src","sources":["CurrentAnimatedText.tsx"],"mappings":"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"}

package/lib/commonjs/components/DrawCore/DrawPad.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
-
 var _CurrentAnimatedItem = _interopRequireDefault(require("./CurrentAnimatedItem"));
-
 var _CurrentAnimatedText = _interopRequireDefault(require("./CurrentAnimatedText"));
-
 var _Item = _interopRequireDefault(require("./Item"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const DrawPad = _ref => {
   let {
     currentItem,
@@ -28,9 +19,7 @@ const DrawPad = _ref => {
     onPressItem,
     onTextHeightChange
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
-    fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Defs, null, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Circle, {
     id: "selectionIndicator",
     fill: "#3a6cff",
     r: 5,
@@ -79,7 +68,6 @@ const DrawPad = _ref => {
     onHeightChange: onTextHeightChange
   }));
 };
-
 var _default = DrawPad;
 exports.default = _default;
 //# sourceMappingURL=DrawPad.js.map

package/lib/commonjs/components/DrawCore/DrawPad.js.map

@@ -1 +1 @@
-{"version":3,"names":["DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","map","item","index"],"sources":["DrawPad.tsx"],"sourcesContent":["import React from 'react';\nimport type Animated from 'react-native-reanimated';\nimport Svg, {\n  Circle,\n  Defs,\n  Marker,\n  MarkerUnits,\n  Polyline,\n  Use,\n} from 'react-native-svg';\nimport CurrentAnimatedItem from './CurrentAnimatedItem';\nimport CurrentAnimatedText from './CurrentAnimatedText';\nimport Item from './Item';\nimport type { DrawItem } from '../../types';\n\nconst DrawPad = ({\n  currentItem,\n  doneItems,\n  onPressItem,\n  onTextHeightChange,\n}: {\n  currentItem: Animated.SharedValue<DrawItem | null>;\n  doneItems: Array<DrawItem>;\n  onPressItem: (item: DrawItem, index: number) => () => void;\n  onTextHeightChange: (height: number) => void;\n}) => {\n  return (\n    <>\n      <Svg fillRule=\"evenodd\">\n        <Defs>\n          <Circle\n            id=\"selectionIndicator\"\n            fill=\"#3a6cff\"\n            r={5}\n            cx={0}\n            cy={0}\n            strokeWidth={1}\n            stroke=\"white\"\n          />\n          <Marker\n            id=\"arrowhead\"\n            markerUnits={'strokeWidth' as MarkerUnits}\n            refX=\"0\"\n            refY=\"0\"\n            orient=\"auto\"\n          >\n            <Polyline\n              points=\"-2,-2 0,0 -2,2 0,0\"\n              stroke=\"context-stroke\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </Marker>\n\n          <Marker\n            id=\"side\"\n            markerUnits={'strokeWidth' as MarkerUnits}\n            refX=\"0\"\n            refY=\"0\"\n            orient=\"auto\"\n          >\n            <Polyline\n              stroke=\"context-stroke\"\n              points=\"0,-2 0,2 0,0\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </Marker>\n\n          <Marker\n            id=\"selection\"\n            markerUnits={'userSpaceOnUse' as MarkerUnits}\n            refX=\"0\"\n            refY=\"0\"\n            orient=\"auto\"\n          >\n            <Use href=\"#selectionIndicator\" />\n          </Marker>\n        </Defs>\n\n        {doneItems.map((item, index) => (\n          <Item key={index} item={item} onPress={onPressItem(item, index)} />\n        ))}\n\n        <CurrentAnimatedItem currentItem={currentItem} />\n      </Svg>\n\n      <CurrentAnimatedText\n        currentItem={currentItem}\n        onHeightChange={onTextHeightChange}\n      />\n    </>\n  );\n};\n\nexport default DrawPad;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAQA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,OAAO,GAAG,QAUV;EAAA,IAVW;IACfC,WADe;IAEfC,SAFe;IAGfC,WAHe;IAIfC;EAJe,CAUX;EACJ,oBACE,yEACE,6BAAC,uBAAD;IAAK,QAAQ,EAAC;EAAd,gBACE,6BAAC,oBAAD,qBACE,6BAAC,sBAAD;IACE,EAAE,EAAC,oBADL;IAEE,IAAI,EAAC,SAFP;IAGE,CAAC,EAAE,CAHL;IAIE,EAAE,EAAE,CAJN;IAKE,EAAE,EAAE,CALN;IAME,WAAW,EAAE,CANf;IAOE,MAAM,EAAC;EAPT,EADF,eAUE,6BAAC,sBAAD;IACE,EAAE,EAAC,WADL;IAEE,WAAW,EAAE,aAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,wBAAD;IACE,MAAM,EAAC,oBADT;IAEE,MAAM,EAAC,gBAFT;IAGE,aAAa,EAAC,OAHhB;IAIE,cAAc,EAAC;EAJjB,EAPF,CAVF,eAyBE,6BAAC,sBAAD;IACE,EAAE,EAAC,MADL;IAEE,WAAW,EAAE,aAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,wBAAD;IACE,MAAM,EAAC,gBADT;IAEE,MAAM,EAAC,cAFT;IAGE,aAAa,EAAC,OAHhB;IAIE,cAAc,EAAC;EAJjB,EAPF,CAzBF,eAwCE,6BAAC,sBAAD;IACE,EAAE,EAAC,WADL;IAEE,WAAW,EAAE,gBAFf;IAGE,IAAI,EAAC,GAHP;IAIE,IAAI,EAAC,GAJP;IAKE,MAAM,EAAC;EALT,gBAOE,6BAAC,mBAAD;IAAK,IAAI,EAAC;EAAV,EAPF,CAxCF,CADF,EAoDGF,SAAS,CAACG,GAAV,CAAc,CAACC,IAAD,EAAOC,KAAP,kBACb,6BAAC,aAAD;IAAM,GAAG,EAAEA,KAAX;IAAkB,IAAI,EAAED,IAAxB;IAA8B,OAAO,EAAEH,WAAW,CAACG,IAAD,EAAOC,KAAP;EAAlD,EADD,CApDH,eAwDE,6BAAC,4BAAD;IAAqB,WAAW,EAAEN;EAAlC,EAxDF,CADF,eA4DE,6BAAC,4BAAD;IACE,WAAW,EAAEA,WADf;IAEE,cAAc,EAAEG;EAFlB,EA5DF,CADF;AAmED,CA9ED;;eAgFeJ,O"}
+{"version":3,"names":["DrawPad","currentItem","doneItems","onPressItem","onTextHeightChange","map","item","index"],"sourceRoot":"../../src","sources":["DrawPad.tsx"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AAA0B;AAAA;AAAA;AAI1B,MAAMA,OAAO,GAAG,QAUV;EAAA,IAVW;IACfC,WAAW;IACXC,SAAS;IACTC,WAAW;IACXC;EAMF,CAAC;EACC,oBACE,yEACE,6BAAC,uBAAG,qBACF,6BAAC,oBAAI,qBACH,6BAAC,sBAAM;IACL,EAAE,EAAC,oBAAoB;IACvB,IAAI,EAAC,SAAS;IACd,CAAC,EAAE,CAAE;IACL,EAAE,EAAE,CAAE;IACN,EAAE,EAAE,CAAE;IACN,WAAW,EAAE,CAAE;IACf,MAAM,EAAC;EAAO,EACd,eACF,6BAAC,sBAAM;IACL,EAAE,EAAC,WAAW;IACd,WAAW,EAAE,aAA6B;IAC1C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,6BAAC,wBAAQ;IACP,MAAM,EAAC,oBAAoB;IAC3B,MAAM,EAAC,gBAAgB;IACvB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACK,eAET,6BAAC,sBAAM;IACL,EAAE,EAAC,MAAM;IACT,WAAW,EAAE,aAA6B;IAC1C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,6BAAC,wBAAQ;IACP,MAAM,EAAC,gBAAgB;IACvB,MAAM,EAAC,cAAc;IACrB,aAAa,EAAC,OAAO;IACrB,cAAc,EAAC;EAAO,EACtB,CACK,eAET,6BAAC,sBAAM;IACL,EAAE,EAAC,WAAW;IACd,WAAW,EAAE,gBAAgC;IAC7C,IAAI,EAAC,GAAG;IACR,IAAI,EAAC,GAAG;IACR,MAAM,EAAC;EAAM,gBAEb,6BAAC,mBAAG;IAAC,IAAI,EAAC;EAAqB,EAAG,CAC3B,CACJ,EAENF,SAAS,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACzB,6BAAC,aAAI;IAAC,GAAG,EAAEA,KAAM;IAAC,IAAI,EAAED,IAAK;IAAC,OAAO,EAAEH,WAAW,CAACG,IAAI,EAAEC,KAAK;EAAE,EACjE,CAAC,eAEF,6BAAC,4BAAmB;IAAC,WAAW,EAAEN;EAAY,EAAG,CAC7C,eAEN,6BAAC,4BAAmB;IAClB,WAAW,EAAEA,WAAY;IACzB,cAAc,EAAEG;EAAmB,EACnC,CACD;AAEP,CAAC;AAAC,eAEaJ,OAAO;AAAA"}