@archireport/react-native-svg-draw 2.0.0 → 2.1.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.
- package/README.md +14 -9
- package/lib/commonjs/components/DrawWithOptions/index.js +10 -4
- package/lib/commonjs/components/DrawWithOptions/index.js.map +1 -1
- package/lib/module/components/DrawWithOptions/index.js +9 -3
- package/lib/module/components/DrawWithOptions/index.js.map +1 -1
- package/lib/typescript/components/DrawWithOptions/index.d.ts +5 -2
- package/lib/typescript/components/DrawWithOptions/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DrawWithOptions/index.tsx +21 -8
package/README.md
CHANGED
|
@@ -49,9 +49,7 @@ import { DrawWithOptions } from 'react-native-svg-draw';
|
|
|
49
49
|
import LinearGradient from 'react-native-linear-gradient';
|
|
50
50
|
|
|
51
51
|
// ...
|
|
52
|
-
<DrawProvider>
|
|
53
52
|
<DrawWithOptions linearGradient={LinearGradient} />
|
|
54
|
-
</DrawProvider>;
|
|
55
53
|
```
|
|
56
54
|
|
|
57
55
|
### Expo
|
|
@@ -61,16 +59,13 @@ import { DrawWithOptions } from 'react-native-svg-draw';
|
|
|
61
59
|
import { LinearGradient } from 'expo-linear-gradient';
|
|
62
60
|
|
|
63
61
|
// ...
|
|
64
|
-
<DrawProvider>
|
|
65
62
|
<DrawWithOptions linearGradient={LinearGradient} />
|
|
66
|
-
</DrawProvider>;
|
|
67
63
|
```
|
|
68
64
|
|
|
69
65
|
---
|
|
70
66
|
|
|
71
67
|
## How it works
|
|
72
68
|
|
|
73
|
-
The draw provider manage the context of the svg draw core.
|
|
74
69
|
You have 2 options
|
|
75
70
|
|
|
76
71
|
### Use DrawWithOptions provided by the lib
|
|
@@ -78,8 +73,7 @@ You have 2 options
|
|
|
78
73
|
Fast and easy way to use the lib.
|
|
79
74
|
Example :
|
|
80
75
|
|
|
81
|
-
```
|
|
82
|
-
<DrawProvider>
|
|
76
|
+
```jsx
|
|
83
77
|
<DrawWithOptions
|
|
84
78
|
linearGradient={LinearGradient}
|
|
85
79
|
image={require('./pexels-sebastian-palomino-2847766.jpg')}
|
|
@@ -88,13 +82,23 @@ Example :
|
|
|
88
82
|
snap.then((uri) => console.log('snapShot uri:', uri));
|
|
89
83
|
}}
|
|
90
84
|
/>
|
|
91
|
-
</DrawProvider>
|
|
92
85
|
```
|
|
93
86
|
|
|
94
87
|
### Use your own "DrawWithOptions" component
|
|
95
88
|
|
|
96
89
|
You can create your own "DrawWithOptions" component and customize the ui.
|
|
97
|
-
|
|
90
|
+
|
|
91
|
+
You will need to use `DrawCore` component wrapped in `DrawProvider` context.
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
```jsx
|
|
95
|
+
<DrawProvider>
|
|
96
|
+
<DrawCore image={require('./pexels-sebastian-palomino-2847766.jpg')}/>
|
|
97
|
+
</DrawProvider>
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
Then you can use the hook "useDrawHook" inside your components to interact with the context. This hook expose a lot of functions and objects that can be used to interact with the `DrawCore`.
|
|
98
102
|
|
|
99
103
|
```js
|
|
100
104
|
const {
|
|
@@ -139,6 +143,7 @@ Component with header and footer, based on DrawCore
|
|
|
139
143
|
| `takeSnapshot` | function | (optional) called when send button (at the top right) is pressed |
|
|
140
144
|
| `linearGradient` | React Component | implementation used for linear gradient (differs between expo and bare react native app) |
|
|
141
145
|
| `image` | image | (optional) background picture |
|
|
146
|
+
| `backgroundColor` | string | (optional) background color of the draw zone |
|
|
142
147
|
|
|
143
148
|
### DrawCore
|
|
144
149
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = DrawWithOptions;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _DoubleHeadSvg = _interopRequireDefault(require("./DoubleHeadSvg"));
|
|
@@ -19,6 +19,7 @@ var _DrawCore = _interopRequireDefault(require("../DrawCore"));
|
|
|
19
19
|
var _ThrashSvg = _interopRequireDefault(require("./ThrashSvg"));
|
|
20
20
|
var _CancelSvg = _interopRequireDefault(require("./CancelSvg"));
|
|
21
21
|
var _SendSvg = _interopRequireDefault(require("./SendSvg"));
|
|
22
|
+
var _DrawProvider = _interopRequireDefault(require("../DrawCore/DrawProvider"));
|
|
22
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
24
|
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); }
|
|
24
25
|
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; }
|
|
@@ -72,12 +73,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
72
73
|
paddingHorizontal: 20
|
|
73
74
|
}
|
|
74
75
|
});
|
|
75
|
-
function
|
|
76
|
+
function DrawWithOptionsCore(_ref) {
|
|
76
77
|
let {
|
|
77
78
|
linearGradient,
|
|
78
79
|
image,
|
|
79
80
|
close,
|
|
80
|
-
takeSnapshot
|
|
81
|
+
takeSnapshot,
|
|
82
|
+
backgroundColor
|
|
81
83
|
} = _ref;
|
|
82
84
|
const {
|
|
83
85
|
itemIsSelected,
|
|
@@ -228,7 +230,8 @@ function DrawWithOption(_ref) {
|
|
|
228
230
|
flex: 1
|
|
229
231
|
}
|
|
230
232
|
}, /*#__PURE__*/_react.default.createElement(_DrawCore.default, {
|
|
231
|
-
image: image
|
|
233
|
+
image: image,
|
|
234
|
+
backgroundColor: backgroundColor
|
|
232
235
|
})), /*#__PURE__*/_react.default.createElement(_Sliders.default, {
|
|
233
236
|
linearGradient: linearGradient
|
|
234
237
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -264,4 +267,7 @@ function DrawWithOption(_ref) {
|
|
|
264
267
|
strokeWidth: 2
|
|
265
268
|
}))) : null) : null));
|
|
266
269
|
}
|
|
270
|
+
function DrawWithOptions(props) {
|
|
271
|
+
return /*#__PURE__*/_react.default.createElement(_DrawProvider.default, null, /*#__PURE__*/_react.default.createElement(DrawWithOptionsCore, props));
|
|
272
|
+
}
|
|
267
273
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["styles","StyleSheet","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","
|
|
1
|
+
{"version":3,"names":["styles","StyleSheet","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","DrawWithOptionsCore","linearGradient","image","close","takeSnapshot","itemIsSelected","cancelLastAction","takeSnapshotAction","deleteSelectedItem","dispatchDrawStates","drawState","useDrawHook","showToolbar","setShowToolbar","useState","useEffect","sudDidHide","Keyboard","addListener","sudDidShow","event","endCoordinates","remove","takeSnapshotAndGetUri","useCallback","alignSelf","borderWidth","borderColor","paddingVertical","type","drawingMode","value","marginRight","cancelEnabled","DrawWithOptions","props"],"sourceRoot":"../../../../src","sources":["components/DrawWithOptions/index.tsx"],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ import DrawCore from '../DrawCore';
|
|
|
13
13
|
import ThrashSvg from './ThrashSvg';
|
|
14
14
|
import CancelSvg from './CancelSvg';
|
|
15
15
|
import SendSvg from './SendSvg';
|
|
16
|
+
import DrawProvider from '../DrawCore/DrawProvider';
|
|
16
17
|
const styles = StyleSheet.create({
|
|
17
18
|
container: {
|
|
18
19
|
flex: 1
|
|
@@ -63,12 +64,13 @@ const styles = StyleSheet.create({
|
|
|
63
64
|
paddingHorizontal: 20
|
|
64
65
|
}
|
|
65
66
|
});
|
|
66
|
-
|
|
67
|
+
function DrawWithOptionsCore(_ref) {
|
|
67
68
|
let {
|
|
68
69
|
linearGradient,
|
|
69
70
|
image,
|
|
70
71
|
close,
|
|
71
|
-
takeSnapshot
|
|
72
|
+
takeSnapshot,
|
|
73
|
+
backgroundColor
|
|
72
74
|
} = _ref;
|
|
73
75
|
const {
|
|
74
76
|
itemIsSelected,
|
|
@@ -219,7 +221,8 @@ export default function DrawWithOption(_ref) {
|
|
|
219
221
|
flex: 1
|
|
220
222
|
}
|
|
221
223
|
}, /*#__PURE__*/React.createElement(DrawCore, {
|
|
222
|
-
image: image
|
|
224
|
+
image: image,
|
|
225
|
+
backgroundColor: backgroundColor
|
|
223
226
|
})), /*#__PURE__*/React.createElement(Sliders, {
|
|
224
227
|
linearGradient: linearGradient
|
|
225
228
|
}), /*#__PURE__*/React.createElement(View, {
|
|
@@ -255,4 +258,7 @@ export default function DrawWithOption(_ref) {
|
|
|
255
258
|
strokeWidth: 2
|
|
256
259
|
}))) : null) : null));
|
|
257
260
|
}
|
|
261
|
+
export default function DrawWithOptions(props) {
|
|
262
|
+
return /*#__PURE__*/React.createElement(DrawProvider, null, /*#__PURE__*/React.createElement(DrawWithOptionsCore, props));
|
|
263
|
+
}
|
|
258
264
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useState","Pressable","View","StyleSheet","Keyboard","DoubleHeadSvg","CircleSvg","SquareSvg","ArrowSvg","TextSvg","CloseSvg","PenSvg","useDrawHook","Sliders","DrawCore","ThrashSvg","CancelSvg","SendSvg","styles","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useState","Pressable","View","StyleSheet","Keyboard","DoubleHeadSvg","CircleSvg","SquareSvg","ArrowSvg","TextSvg","CloseSvg","PenSvg","useDrawHook","Sliders","DrawCore","ThrashSvg","CancelSvg","SendSvg","DrawProvider","styles","create","container","flex","actionButton","backgroundColor","padding","justifyContent","alignContent","alignItems","height","borderRadius","width","option","marginHorizontal","toolbar","flexDirection","paddingBottom","paddingTop","paddingHorizontal","drawOptions","sendButton","marginLeft","bottomToolBar","DrawWithOptionsCore","linearGradient","image","close","takeSnapshot","itemIsSelected","cancelLastAction","takeSnapshotAction","deleteSelectedItem","dispatchDrawStates","drawState","showToolbar","setShowToolbar","sudDidHide","addListener","sudDidShow","event","endCoordinates","remove","takeSnapshotAndGetUri","alignSelf","borderWidth","borderColor","paddingVertical","type","drawingMode","value","marginRight","cancelEnabled","DrawWithOptions","props"],"sourceRoot":"../../../../src","sources":["components/DrawWithOptions/index.tsx"],"mappings":"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"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ViewProps, ImageRequireSource, ImageURISource } from 'react-native';
|
|
3
|
-
|
|
3
|
+
type DrawWithOptionsProps = {
|
|
4
4
|
linearGradient: React.ComponentType<{
|
|
5
5
|
colors: any[];
|
|
6
6
|
} & ViewProps>;
|
|
7
7
|
image?: ImageRequireSource | ImageURISource;
|
|
8
8
|
close?: () => void;
|
|
9
9
|
takeSnapshot?: (snap: Promise<string | undefined>) => void;
|
|
10
|
-
|
|
10
|
+
backgroundColor?: string;
|
|
11
|
+
};
|
|
12
|
+
export default function DrawWithOptions(props: DrawWithOptionsProps): JSX.Element;
|
|
13
|
+
export {};
|
|
11
14
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAIL,SAAS,EACT,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/DrawWithOptions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAIL,SAAS,EACT,kBAAkB,EAClB,cAAc,EAEf,MAAM,cAAc,CAAC;AAiEtB,KAAK,oBAAoB,GAAG;IAC1B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,MAAM,EAAE,GAAG,EAAE,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,kBAAkB,GAAG,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAgOF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAMlE"}
|
package/package.json
CHANGED
|
@@ -21,6 +21,7 @@ import DrawCore from '../DrawCore';
|
|
|
21
21
|
import ThrashSvg from './ThrashSvg';
|
|
22
22
|
import CancelSvg from './CancelSvg';
|
|
23
23
|
import SendSvg from './SendSvg';
|
|
24
|
+
import DrawProvider from '../DrawCore/DrawProvider';
|
|
24
25
|
|
|
25
26
|
const styles = StyleSheet.create({
|
|
26
27
|
container: { flex: 1 },
|
|
@@ -71,17 +72,21 @@ const styles = StyleSheet.create({
|
|
|
71
72
|
},
|
|
72
73
|
});
|
|
73
74
|
|
|
74
|
-
|
|
75
|
-
linearGradient,
|
|
76
|
-
image,
|
|
77
|
-
close,
|
|
78
|
-
takeSnapshot,
|
|
79
|
-
}: {
|
|
75
|
+
type DrawWithOptionsProps = {
|
|
80
76
|
linearGradient: React.ComponentType<{ colors: any[] } & ViewProps>;
|
|
81
77
|
image?: ImageRequireSource | ImageURISource;
|
|
82
78
|
close?: () => void;
|
|
83
79
|
takeSnapshot?: (snap: Promise<string | undefined>) => void;
|
|
84
|
-
|
|
80
|
+
backgroundColor?: string;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
function DrawWithOptionsCore({
|
|
84
|
+
linearGradient,
|
|
85
|
+
image,
|
|
86
|
+
close,
|
|
87
|
+
takeSnapshot,
|
|
88
|
+
backgroundColor,
|
|
89
|
+
}: DrawWithOptionsProps) {
|
|
85
90
|
const {
|
|
86
91
|
itemIsSelected,
|
|
87
92
|
cancelLastAction,
|
|
@@ -254,7 +259,7 @@ export default function DrawWithOption({
|
|
|
254
259
|
flex: 1,
|
|
255
260
|
}}
|
|
256
261
|
>
|
|
257
|
-
<DrawCore image={image} />
|
|
262
|
+
<DrawCore image={image} backgroundColor={backgroundColor} />
|
|
258
263
|
</View>
|
|
259
264
|
|
|
260
265
|
<Sliders linearGradient={linearGradient} />
|
|
@@ -296,3 +301,11 @@ export default function DrawWithOption({
|
|
|
296
301
|
</View>
|
|
297
302
|
);
|
|
298
303
|
}
|
|
304
|
+
|
|
305
|
+
export default function DrawWithOptions(props: DrawWithOptionsProps) {
|
|
306
|
+
return (
|
|
307
|
+
<DrawProvider>
|
|
308
|
+
<DrawWithOptionsCore {...props} />
|
|
309
|
+
</DrawProvider>
|
|
310
|
+
);
|
|
311
|
+
}
|