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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/lib/commonjs/components/DrawCore/ColorSlider.js +2 -16
  2. package/lib/commonjs/components/DrawCore/ColorSlider.js.map +1 -1
  3. package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js +50 -54
  4. package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
  5. package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js +3 -14
  6. package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js.map +1 -1
  7. package/lib/commonjs/components/DrawCore/DrawPad.js +1 -13
  8. package/lib/commonjs/components/DrawCore/DrawPad.js.map +1 -1
  9. package/lib/commonjs/components/DrawCore/Item.js +0 -15
  10. package/lib/commonjs/components/DrawCore/Item.js.map +1 -1
  11. package/lib/commonjs/components/DrawCore/StrokeSlider.js +0 -10
  12. package/lib/commonjs/components/DrawCore/StrokeSlider.js.map +1 -1
  13. package/lib/commonjs/components/DrawCore/index.js +21 -134
  14. package/lib/commonjs/components/DrawCore/index.js.map +1 -1
  15. package/lib/commonjs/components/DrawWithOptions/ArrowSvg.js +0 -6
  16. package/lib/commonjs/components/DrawWithOptions/ArrowSvg.js.map +1 -1
  17. package/lib/commonjs/components/DrawWithOptions/CancelSvg.js +0 -6
  18. package/lib/commonjs/components/DrawWithOptions/CancelSvg.js.map +1 -1
  19. package/lib/commonjs/components/DrawWithOptions/CircleSvg.js +0 -6
  20. package/lib/commonjs/components/DrawWithOptions/CircleSvg.js.map +1 -1
  21. package/lib/commonjs/components/DrawWithOptions/CloseSvg.js +0 -6
  22. package/lib/commonjs/components/DrawWithOptions/CloseSvg.js.map +1 -1
  23. package/lib/commonjs/components/DrawWithOptions/DoubleHeadSvg.js +0 -7
  24. package/lib/commonjs/components/DrawWithOptions/DoubleHeadSvg.js.map +1 -1
  25. package/lib/commonjs/components/DrawWithOptions/PenSvg.js +0 -6
  26. package/lib/commonjs/components/DrawWithOptions/PenSvg.js.map +1 -1
  27. package/lib/commonjs/components/DrawWithOptions/SendSvg.js +0 -7
  28. package/lib/commonjs/components/DrawWithOptions/SendSvg.js.map +1 -1
  29. package/lib/commonjs/components/DrawWithOptions/SquareSvg.js +0 -7
  30. package/lib/commonjs/components/DrawWithOptions/SquareSvg.js.map +1 -1
  31. package/lib/commonjs/components/DrawWithOptions/TextSvg.js +0 -7
  32. package/lib/commonjs/components/DrawWithOptions/TextSvg.js.map +1 -1
  33. package/lib/commonjs/components/DrawWithOptions/ThrashSvg.js +0 -8
  34. package/lib/commonjs/components/DrawWithOptions/ThrashSvg.js.map +1 -1
  35. package/lib/commonjs/components/DrawWithOptions/index.js +2 -23
  36. package/lib/commonjs/components/DrawWithOptions/index.js.map +1 -1
  37. package/lib/commonjs/index.js +0 -3
  38. package/lib/commonjs/index.js.map +1 -1
  39. package/lib/commonjs/types.d.js.map +1 -1
  40. package/lib/module/components/DrawCore/ColorSlider.js +2 -8
  41. package/lib/module/components/DrawCore/ColorSlider.js.map +1 -1
  42. package/lib/module/components/DrawCore/CurrentAnimatedItem.js +51 -43
  43. package/lib/module/components/DrawCore/CurrentAnimatedItem.js.map +1 -1
  44. package/lib/module/components/DrawCore/CurrentAnimatedText.js +3 -7
  45. package/lib/module/components/DrawCore/CurrentAnimatedText.js.map +1 -1
  46. package/lib/module/components/DrawCore/DrawPad.js +1 -5
  47. package/lib/module/components/DrawCore/DrawPad.js.map +1 -1
  48. package/lib/module/components/DrawCore/Item.js +0 -8
  49. package/lib/module/components/DrawCore/Item.js.map +1 -1
  50. package/lib/module/components/DrawCore/StrokeSlider.js +0 -2
  51. package/lib/module/components/DrawCore/StrokeSlider.js.map +1 -1
  52. package/lib/module/components/DrawCore/index.js +21 -116
  53. package/lib/module/components/DrawCore/index.js.map +1 -1
  54. package/lib/module/components/DrawWithOptions/ArrowSvg.js +0 -1
  55. package/lib/module/components/DrawWithOptions/ArrowSvg.js.map +1 -1
  56. package/lib/module/components/DrawWithOptions/CancelSvg.js +0 -1
  57. package/lib/module/components/DrawWithOptions/CancelSvg.js.map +1 -1
  58. package/lib/module/components/DrawWithOptions/CircleSvg.js +0 -1
  59. package/lib/module/components/DrawWithOptions/CircleSvg.js.map +1 -1
  60. package/lib/module/components/DrawWithOptions/CloseSvg.js +0 -1
  61. package/lib/module/components/DrawWithOptions/CloseSvg.js.map +1 -1
  62. package/lib/module/components/DrawWithOptions/DoubleHeadSvg.js +0 -1
  63. package/lib/module/components/DrawWithOptions/DoubleHeadSvg.js.map +1 -1
  64. package/lib/module/components/DrawWithOptions/PenSvg.js +0 -1
  65. package/lib/module/components/DrawWithOptions/PenSvg.js.map +1 -1
  66. package/lib/module/components/DrawWithOptions/SendSvg.js +0 -3
  67. package/lib/module/components/DrawWithOptions/SendSvg.js.map +1 -1
  68. package/lib/module/components/DrawWithOptions/SquareSvg.js +0 -1
  69. package/lib/module/components/DrawWithOptions/SquareSvg.js.map +1 -1
  70. package/lib/module/components/DrawWithOptions/TextSvg.js +0 -3
  71. package/lib/module/components/DrawWithOptions/TextSvg.js.map +1 -1
  72. package/lib/module/components/DrawWithOptions/ThrashSvg.js +0 -3
  73. package/lib/module/components/DrawWithOptions/ThrashSvg.js.map +1 -1
  74. package/lib/module/components/DrawWithOptions/index.js +2 -3
  75. package/lib/module/components/DrawWithOptions/index.js.map +1 -1
  76. package/lib/module/index.js.map +1 -1
  77. package/lib/module/types.d.js.map +1 -1
  78. package/lib/typescript/components/DrawCore/ColorSlider.d.ts +1 -0
  79. package/lib/typescript/components/DrawCore/ColorSlider.d.ts.map +1 -0
  80. package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts +1 -1
  81. package/lib/typescript/components/DrawCore/CurrentAnimatedItem.d.ts.map +1 -0
  82. package/lib/typescript/components/DrawCore/CurrentAnimatedText.d.ts +1 -1
  83. package/lib/typescript/components/DrawCore/CurrentAnimatedText.d.ts.map +1 -0
  84. package/lib/typescript/components/DrawCore/DrawPad.d.ts +1 -1
  85. package/lib/typescript/components/DrawCore/DrawPad.d.ts.map +1 -0
  86. package/lib/typescript/components/DrawCore/Item.d.ts +1 -1
  87. package/lib/typescript/components/DrawCore/Item.d.ts.map +1 -0
  88. package/lib/typescript/components/DrawCore/StrokeSlider.d.ts +1 -1
  89. package/lib/typescript/components/DrawCore/StrokeSlider.d.ts.map +1 -0
  90. package/lib/typescript/components/DrawCore/index.d.ts +1 -0
  91. package/lib/typescript/components/DrawCore/index.d.ts.map +1 -0
  92. package/lib/typescript/components/DrawWithOptions/ArrowSvg.d.ts +1 -1
  93. package/lib/typescript/components/DrawWithOptions/ArrowSvg.d.ts.map +1 -0
  94. package/lib/typescript/components/DrawWithOptions/CancelSvg.d.ts +1 -1
  95. package/lib/typescript/components/DrawWithOptions/CancelSvg.d.ts.map +1 -0
  96. package/lib/typescript/components/DrawWithOptions/CircleSvg.d.ts +1 -1
  97. package/lib/typescript/components/DrawWithOptions/CircleSvg.d.ts.map +1 -0
  98. package/lib/typescript/components/DrawWithOptions/CloseSvg.d.ts +1 -1
  99. package/lib/typescript/components/DrawWithOptions/CloseSvg.d.ts.map +1 -0
  100. package/lib/typescript/components/DrawWithOptions/DoubleHeadSvg.d.ts +1 -1
  101. package/lib/typescript/components/DrawWithOptions/DoubleHeadSvg.d.ts.map +1 -0
  102. package/lib/typescript/components/DrawWithOptions/PenSvg.d.ts +1 -1
  103. package/lib/typescript/components/DrawWithOptions/PenSvg.d.ts.map +1 -0
  104. package/lib/typescript/components/DrawWithOptions/SendSvg.d.ts +1 -1
  105. package/lib/typescript/components/DrawWithOptions/SendSvg.d.ts.map +1 -0
  106. package/lib/typescript/components/DrawWithOptions/SquareSvg.d.ts +1 -1
  107. package/lib/typescript/components/DrawWithOptions/SquareSvg.d.ts.map +1 -0
  108. package/lib/typescript/components/DrawWithOptions/TextSvg.d.ts +1 -1
  109. package/lib/typescript/components/DrawWithOptions/TextSvg.d.ts.map +1 -0
  110. package/lib/typescript/components/DrawWithOptions/ThrashSvg.d.ts +1 -1
  111. package/lib/typescript/components/DrawWithOptions/ThrashSvg.d.ts.map +1 -0
  112. package/lib/typescript/components/DrawWithOptions/index.d.ts +1 -0
  113. package/lib/typescript/components/DrawWithOptions/index.d.ts.map +1 -0
  114. package/lib/typescript/index.d.ts +1 -0
  115. package/lib/typescript/index.d.ts.map +1 -0
  116. package/package.json +29 -30
  117. package/src/components/DrawCore/ColorSlider.tsx +2 -2
  118. package/src/components/DrawCore/CurrentAnimatedItem.tsx +161 -106
  119. package/src/components/DrawCore/DrawPad.tsx +3 -9
  120. package/src/components/DrawCore/index.tsx +14 -7
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = Item;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _reactNative = require("react-native");
11
-
12
9
  var _reactNativeSvg = require("react-native-svg");
13
-
14
10
  var _CurrentAnimatedItem = require("./CurrentAnimatedItem");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
-
20
13
  const styles = _reactNative.StyleSheet.create({
21
14
  textZone: {
22
15
  paddingHorizontal: 10
@@ -31,13 +24,11 @@ const styles = _reactNative.StyleSheet.create({
31
24
  color: 'white'
32
25
  }
33
26
  });
34
-
35
27
  function Item(_ref) {
36
28
  let {
37
29
  item,
38
30
  onPress
39
31
  } = _ref;
40
-
41
32
  switch (item.type) {
42
33
  case 'singleHead':
43
34
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {
@@ -48,7 +39,6 @@ function Item(_ref) {
48
39
  strokeWidth: item.strokeWidth,
49
40
  markerEnd: "url(#arrowhead)"
50
41
  })));
51
-
52
42
  case 'doubleHead':
53
43
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {
54
44
  onPressIn: onPress
@@ -59,7 +49,6 @@ function Item(_ref) {
59
49
  markerStart: "url(#side)",
60
50
  markerEnd: "url(#side)"
61
51
  })));
62
-
63
52
  case 'ellipse':
64
53
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Ellipse, _extends({}, item.data, {
65
54
  fill: "none",
@@ -67,7 +56,6 @@ function Item(_ref) {
67
56
  strokeWidth: item.strokeWidth,
68
57
  onPress: onPress
69
58
  }));
70
-
71
59
  case 'rectangle':
72
60
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Rect, _extends({}, item.data, {
73
61
  fill: "none",
@@ -75,7 +63,6 @@ function Item(_ref) {
75
63
  strokeWidth: item.strokeWidth,
76
64
  onPress: onPress
77
65
  }));
78
-
79
66
  case 'pen':
80
67
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
81
68
  d: (0, _CurrentAnimatedItem.pointsToPath)(item.data),
@@ -84,7 +71,6 @@ function Item(_ref) {
84
71
  strokeWidth: item.strokeWidth,
85
72
  onPress: onPress
86
73
  });
87
-
88
74
  case 'text':
89
75
  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {
90
76
  onPress: onPress
@@ -106,7 +92,6 @@ function Item(_ref) {
106
92
  fontSize: 14 + item.strokeWidth
107
93
  }]
108
94
  }, item.text)))));
109
-
110
95
  default:
111
96
  return null;
112
97
  }
@@ -1 +1 @@
1
- {"version":3,"names":["styles","StyleSheet","create","textZone","paddingHorizontal","textContainer","backgroundColor","borderRadius","paddingVertical","text","color","Item","item","onPress","type","data","strokeWidth","pointsToPath","x","y","width","fontSize"],"sources":["Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, StyleSheet } from 'react-native';\nimport { G, Line, Ellipse, Rect, Path, ForeignObject } from 'react-native-svg';\nimport type { DrawItem } from '../../types';\nimport { pointsToPath } from './CurrentAnimatedItem';\n\nconst styles = StyleSheet.create({\n textZone: {\n paddingHorizontal: 10,\n },\n textContainer: {\n backgroundColor: 'rgba(0, 0, 0, 0.6)',\n borderRadius: 10,\n paddingVertical: 13,\n paddingHorizontal: 18,\n },\n text: {\n color: 'white',\n },\n});\n\nexport default function Item({\n item,\n onPress,\n}: {\n item: DrawItem;\n onPress: () => void;\n}) {\n switch (item.type) {\n case 'singleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerEnd=\"url(#arrowhead)\"\n />\n </G>\n );\n case 'doubleHead':\n return (\n <G onPressIn={onPress}>\n <Line\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n markerStart=\"url(#side)\"\n markerEnd=\"url(#side)\"\n />\n </G>\n );\n case 'ellipse':\n return (\n <Ellipse\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'rectangle':\n return (\n <Rect\n {...item.data}\n fill=\"none\"\n stroke={item.color}\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'pen':\n return (\n <Path\n d={pointsToPath(item.data)}\n stroke={item.color}\n fill=\"none\"\n strokeWidth={item.strokeWidth}\n onPress={onPress}\n />\n );\n case 'text':\n return (\n <G onPress={onPress}>\n <Rect {...item.data} onPress={onPress} />\n <ForeignObject\n x={item.data.x}\n y={item.data.y}\n width={item.data.width}\n key={item.text}\n >\n <View\n style={[\n styles.textZone,\n {\n width: item.data.width,\n },\n ]}\n >\n <View style={styles.textContainer}>\n <Text\n style={[\n styles.text,\n {\n fontSize: 14 + item.strokeWidth,\n },\n ]}\n >\n {item.text}\n </Text>\n </View>\n </View>\n </ForeignObject>\n </G>\n );\n\n default:\n return null;\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["styles","StyleSheet","create","textZone","paddingHorizontal","textContainer","backgroundColor","borderRadius","paddingVertical","text","color","Item","item","onPress","type","data","strokeWidth","pointsToPath","x","y","width","fontSize"],"sourceRoot":"../../src","sources":["Item.tsx"],"mappings":"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"}
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _reactNativeGestureHandler = require("react-native-gesture-handler");
11
-
12
9
  var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
13
-
14
10
  var _reactNative = require("react-native");
15
-
16
11
  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); }
17
-
18
12
  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; }
19
-
20
13
  const TRACK_R = 10;
21
-
22
14
  const styles = _reactNative.StyleSheet.create({
23
15
  container: {
24
16
  flex: 1,
@@ -46,7 +38,6 @@ const styles = _reactNative.StyleSheet.create({
46
38
  fontWeight: 'bold'
47
39
  }
48
40
  });
49
-
50
41
  const StrokeSlider = _ref => {
51
42
  let {
52
43
  minValue,
@@ -104,7 +95,6 @@ const StrokeSlider = _ref => {
104
95
  style: styles.textIndicator
105
96
  }, text));
106
97
  };
107
-
108
98
  var _default = StrokeSlider;
109
99
  exports.default = _default;
110
100
  //# sourceMappingURL=StrokeSlider.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["TRACK_R","styles","StyleSheet","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","textIndicator","color","fontSize","marginTop","fontWeight","StrokeSlider","minValue","maxValue","stroke","onStrokeChange","sliderHeight","useSharedValue","text","setText","useState","value","useDerivedValue","runOnJS","Math","round","onGestureEvent","useAnimatedGestureHandler","onStart","ctx","y","startY","onActive","translationY","min","max","onEnd","style","useAnimatedStyle","transform","translateY","event","nativeEvent","layout"],"sources":["StrokeSlider.tsx"],"sourcesContent":["import React, { useState } from 'react';\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 { View, StyleSheet, Text } from 'react-native';\n\nconst TRACK_R = 10;\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: {\n width: 10,\n flex: 1,\n borderRadius: 5,\n backgroundColor: 'black',\n },\n textIndicator: {\n color: 'white',\n fontSize: 14,\n marginTop: 10,\n fontWeight: 'bold',\n },\n});\n\nconst StrokeSlider = ({\n minValue,\n maxValue,\n stroke,\n onStrokeChange,\n}: {\n minValue: number;\n maxValue: number;\n stroke: Animated.SharedValue<number>;\n onStrokeChange: () => void;\n}) => {\n const sliderHeight = useSharedValue(0);\n\n const [text, setText] = useState(stroke.value);\n\n const position = useDerivedValue(() => {\n runOnJS(setText)(Math.round(stroke.value));\n return (\n (sliderHeight.value / (maxValue - minValue)) * (stroke.value - minValue)\n );\n });\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 stroke.value = Math.min(\n maxValue,\n Math.max(\n minValue,\n ((startY + translationY) / sliderHeight.value) *\n (maxValue - minValue) +\n minValue\n )\n );\n },\n onEnd: () => {\n runOnJS(onStrokeChange)();\n },\n },\n []\n );\n\n const style = useAnimatedStyle(() => {\n return {\n transform: [{ translateY: position.value - TRACK_R }],\n };\n }, [position.value]);\n\n return (\n <View style={styles.container}>\n <PanGestureHandler onGestureEvent={onGestureEvent}>\n <Animated.View style={styles.container}>\n <View\n onLayout={(event) => {\n sliderHeight.value = event.nativeEvent.layout.height;\n }}\n style={styles.track}\n />\n <Animated.View style={[styles.thumb, style]} />\n </Animated.View>\n </PanGestureHandler>\n <Text style={styles.textIndicator}>{text}</Text>\n </View>\n );\n};\n\nexport default StrokeSlider;\n"],"mappings":"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"}
1
+ {"version":3,"names":["TRACK_R","styles","StyleSheet","create","container","flex","alignItems","width","thumb","position","height","borderRadius","top","backgroundColor","track","textIndicator","color","fontSize","marginTop","fontWeight","StrokeSlider","minValue","maxValue","stroke","onStrokeChange","sliderHeight","useSharedValue","text","setText","useState","value","useDerivedValue","runOnJS","Math","round","onGestureEvent","useAnimatedGestureHandler","onStart","ctx","y","startY","onActive","translationY","min","max","onEnd","style","useAnimatedStyle","transform","translateY","event","nativeEvent","layout"],"sourceRoot":"../../src","sources":["StrokeSlider.tsx"],"mappings":"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"}