@technotoil/image-video-editor 0.1.2 → 0.1.4
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 +2 -8
- package/android/src/main/java/com/technotoil/image_videoeditor/MediaEditorModule.kt +29 -3
- package/lib/commonjs/components/Icon.js +31 -0
- package/lib/commonjs/components/Icon.js.map +1 -0
- package/lib/commonjs/components/VideoEditor.js +0 -3
- package/lib/commonjs/components/VideoEditor.js.map +1 -1
- package/lib/commonjs/icons.js +35 -0
- package/lib/commonjs/icons.js.map +1 -0
- package/lib/commonjs/screens/EditorScreen.js +40 -40
- package/lib/commonjs/screens/EditorScreen.js.map +1 -1
- package/lib/commonjs/screens/PickScreen.js +10 -10
- package/lib/commonjs/screens/PickScreen.js.map +1 -1
- package/lib/module/components/Icon.js +25 -0
- package/lib/module/components/Icon.js.map +1 -0
- package/lib/module/components/VideoEditor.js +0 -2
- package/lib/module/components/VideoEditor.js.map +1 -1
- package/lib/module/icons.js +31 -0
- package/lib/module/icons.js.map +1 -0
- package/lib/module/screens/EditorScreen.js +1 -1
- package/lib/module/screens/EditorScreen.js.map +1 -1
- package/lib/module/screens/PickScreen.js +1 -1
- package/lib/module/screens/PickScreen.js.map +1 -1
- package/lib/typescript/src/components/Icon.d.ts +11 -0
- package/lib/typescript/src/icons.d.ts +28 -0
- package/package.json +1 -4
- package/src/components/Icon.tsx +19 -0
- package/src/components/VideoEditor.tsx +1 -2
- package/src/icons.ts +28 -0
- package/src/screens/EditorScreen.tsx +1 -1
- package/src/screens/PickScreen.tsx +1 -1
|
@@ -11,7 +11,7 @@ var _FrameGrabber = require("../native/FrameGrabber");
|
|
|
11
11
|
var _MediaLibrary = require("../native/MediaLibrary");
|
|
12
12
|
var _VideoPreview = require("../native/VideoPreview");
|
|
13
13
|
var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
|
|
14
|
-
var
|
|
14
|
+
var _Icon = require("../components/Icon");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
17
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
@@ -2404,7 +2404,7 @@ function EditorScreen({
|
|
|
2404
2404
|
style: styles.previewOverlay,
|
|
2405
2405
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
2406
2406
|
style: styles.playPauseCircle,
|
|
2407
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2407
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2408
2408
|
name: "play",
|
|
2409
2409
|
size: 22,
|
|
2410
2410
|
color: "#fff"
|
|
@@ -2528,7 +2528,7 @@ function EditorScreen({
|
|
|
2528
2528
|
}), isActive && cardItem.type === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
2529
2529
|
style: styles.cropIconBtn,
|
|
2530
2530
|
onPress: () => onOpenCrop(cardItem),
|
|
2531
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2531
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2532
2532
|
name: "crop-outline",
|
|
2533
2533
|
size: 20,
|
|
2534
2534
|
color: "#fff"
|
|
@@ -2563,7 +2563,7 @@ function EditorScreen({
|
|
|
2563
2563
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
2564
2564
|
onPress: () => setIsEditingVideo(false),
|
|
2565
2565
|
style: styles.editModeBackBtn,
|
|
2566
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2566
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2567
2567
|
name: "chevron-down",
|
|
2568
2568
|
size: 22,
|
|
2569
2569
|
color: "#fff"
|
|
@@ -2575,7 +2575,7 @@ function EditorScreen({
|
|
|
2575
2575
|
children: saving ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
2576
2576
|
size: "small",
|
|
2577
2577
|
color: "#fff"
|
|
2578
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2578
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2579
2579
|
name: "arrow-forward",
|
|
2580
2580
|
size: 20,
|
|
2581
2581
|
color: "#fff"
|
|
@@ -2702,7 +2702,7 @@ function EditorScreen({
|
|
|
2702
2702
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
2703
2703
|
onPress: () => setVideoPaused(!videoPaused),
|
|
2704
2704
|
style: styles.editPlayPauseBtn,
|
|
2705
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2705
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2706
2706
|
name: videoPaused ? 'play' : 'pause',
|
|
2707
2707
|
size: 20,
|
|
2708
2708
|
color: "#fff"
|
|
@@ -2718,7 +2718,7 @@ function EditorScreen({
|
|
|
2718
2718
|
}],
|
|
2719
2719
|
onPress: handleUndo,
|
|
2720
2720
|
disabled: undoStack.length === 0,
|
|
2721
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2721
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2722
2722
|
name: "arrow-undo",
|
|
2723
2723
|
size: 18,
|
|
2724
2724
|
color: "#fff"
|
|
@@ -2729,7 +2729,7 @@ function EditorScreen({
|
|
|
2729
2729
|
}],
|
|
2730
2730
|
onPress: handleRedo,
|
|
2731
2731
|
disabled: redoStack.length === 0,
|
|
2732
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
2732
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
2733
2733
|
name: "arrow-redo",
|
|
2734
2734
|
size: 18,
|
|
2735
2735
|
color: "#fff"
|
|
@@ -3045,7 +3045,7 @@ function EditorScreen({
|
|
|
3045
3045
|
justifyContent: 'center',
|
|
3046
3046
|
alignItems: 'center'
|
|
3047
3047
|
},
|
|
3048
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3048
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3049
3049
|
name: "close",
|
|
3050
3050
|
size: 20,
|
|
3051
3051
|
color: "#fff"
|
|
@@ -3120,7 +3120,7 @@ function EditorScreen({
|
|
|
3120
3120
|
onPress: addTextOverlay,
|
|
3121
3121
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3122
3122
|
style: styles.toolIconContainer,
|
|
3123
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3123
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3124
3124
|
name: "text",
|
|
3125
3125
|
size: 22,
|
|
3126
3126
|
color: "#fff"
|
|
@@ -3134,7 +3134,7 @@ function EditorScreen({
|
|
|
3134
3134
|
onPress: () => setShowMusicModal(true),
|
|
3135
3135
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3136
3136
|
style: styles.toolIconContainer,
|
|
3137
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3137
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3138
3138
|
name: "musical-notes",
|
|
3139
3139
|
size: 22,
|
|
3140
3140
|
color: "#fff"
|
|
@@ -3148,7 +3148,7 @@ function EditorScreen({
|
|
|
3148
3148
|
onPress: () => setPanel(panel === 'transform' ? 'trim' : 'transform'),
|
|
3149
3149
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3150
3150
|
style: styles.toolIconContainer,
|
|
3151
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3151
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3152
3152
|
name: "crop",
|
|
3153
3153
|
size: 22,
|
|
3154
3154
|
color: "#fff"
|
|
@@ -3162,7 +3162,7 @@ function EditorScreen({
|
|
|
3162
3162
|
onPress: () => setPanel(panel === 'filter' ? 'trim' : 'filter'),
|
|
3163
3163
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3164
3164
|
style: styles.toolIconContainer,
|
|
3165
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3165
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3166
3166
|
name: "color-palette",
|
|
3167
3167
|
size: 22,
|
|
3168
3168
|
color: "#fff"
|
|
@@ -3176,7 +3176,7 @@ function EditorScreen({
|
|
|
3176
3176
|
onPress: () => setPanel(panel === 'frame' ? 'trim' : 'frame'),
|
|
3177
3177
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3178
3178
|
style: styles.toolIconContainer,
|
|
3179
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3179
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3180
3180
|
name: "images",
|
|
3181
3181
|
size: 22,
|
|
3182
3182
|
color: "#fff"
|
|
@@ -3190,7 +3190,7 @@ function EditorScreen({
|
|
|
3190
3190
|
onPress: () => setPanel(panel === 'edit' ? 'trim' : 'edit'),
|
|
3191
3191
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3192
3192
|
style: styles.toolIconContainer,
|
|
3193
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3193
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3194
3194
|
name: "settings-outline",
|
|
3195
3195
|
size: 22,
|
|
3196
3196
|
color: "#fff"
|
|
@@ -3213,7 +3213,7 @@ function EditorScreen({
|
|
|
3213
3213
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
3214
3214
|
onPress: onBack,
|
|
3215
3215
|
style: styles.fullscreenCloseBtn,
|
|
3216
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3216
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3217
3217
|
name: "close",
|
|
3218
3218
|
size: 24,
|
|
3219
3219
|
color: "#fff"
|
|
@@ -3221,7 +3221,7 @@ function EditorScreen({
|
|
|
3221
3221
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
3222
3222
|
onPress: () => setIsMuted(!isMuted),
|
|
3223
3223
|
style: styles.fullscreenSoundBtn,
|
|
3224
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3224
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3225
3225
|
name: isMuted ? 'volume-mute' : 'volume-high',
|
|
3226
3226
|
size: 22,
|
|
3227
3227
|
color: "#fff"
|
|
@@ -3296,7 +3296,7 @@ function EditorScreen({
|
|
|
3296
3296
|
onPress: () => setShowMusicModal(true),
|
|
3297
3297
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3298
3298
|
style: styles.toolIconContainer,
|
|
3299
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3299
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3300
3300
|
name: "musical-notes",
|
|
3301
3301
|
size: 22,
|
|
3302
3302
|
color: "#fff"
|
|
@@ -3310,7 +3310,7 @@ function EditorScreen({
|
|
|
3310
3310
|
onPress: addTextOverlay,
|
|
3311
3311
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3312
3312
|
style: styles.toolIconContainer,
|
|
3313
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3313
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3314
3314
|
name: "text",
|
|
3315
3315
|
size: 22,
|
|
3316
3316
|
color: "#fff"
|
|
@@ -3327,7 +3327,7 @@ function EditorScreen({
|
|
|
3327
3327
|
},
|
|
3328
3328
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3329
3329
|
style: styles.toolIconContainer,
|
|
3330
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3330
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3331
3331
|
name: "crop",
|
|
3332
3332
|
size: 22,
|
|
3333
3333
|
color: "#fff"
|
|
@@ -3341,7 +3341,7 @@ function EditorScreen({
|
|
|
3341
3341
|
onPress: () => setIsEditingVideo(true),
|
|
3342
3342
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3343
3343
|
style: styles.toolIconContainer,
|
|
3344
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3344
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3345
3345
|
name: "cut",
|
|
3346
3346
|
size: 22,
|
|
3347
3347
|
color: "#fff"
|
|
@@ -3358,7 +3358,7 @@ function EditorScreen({
|
|
|
3358
3358
|
},
|
|
3359
3359
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3360
3360
|
style: styles.toolIconContainer,
|
|
3361
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3361
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3362
3362
|
name: "images",
|
|
3363
3363
|
size: 22,
|
|
3364
3364
|
color: "#fff"
|
|
@@ -3375,7 +3375,7 @@ function EditorScreen({
|
|
|
3375
3375
|
},
|
|
3376
3376
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3377
3377
|
style: styles.toolIconContainer,
|
|
3378
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3378
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3379
3379
|
name: "color-palette",
|
|
3380
3380
|
size: 22,
|
|
3381
3381
|
color: "#fff"
|
|
@@ -3392,7 +3392,7 @@ function EditorScreen({
|
|
|
3392
3392
|
},
|
|
3393
3393
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3394
3394
|
style: styles.toolIconContainer,
|
|
3395
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3395
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3396
3396
|
name: "settings-outline",
|
|
3397
3397
|
size: 22,
|
|
3398
3398
|
color: "#fff"
|
|
@@ -3431,7 +3431,7 @@ function EditorScreen({
|
|
|
3431
3431
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
3432
3432
|
onPress: onBack,
|
|
3433
3433
|
style: styles.backButton,
|
|
3434
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3434
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3435
3435
|
name: "close",
|
|
3436
3436
|
size: 22,
|
|
3437
3437
|
color: "#fff"
|
|
@@ -3441,7 +3441,7 @@ function EditorScreen({
|
|
|
3441
3441
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
3442
3442
|
onPress: () => setIsMuted(!isMuted),
|
|
3443
3443
|
style: styles.soundButton,
|
|
3444
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3444
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3445
3445
|
name: isMuted ? 'volume-mute' : 'volume-high',
|
|
3446
3446
|
size: 22,
|
|
3447
3447
|
color: "#fff"
|
|
@@ -3661,7 +3661,7 @@ function EditorScreen({
|
|
|
3661
3661
|
justifyContent: 'center',
|
|
3662
3662
|
alignItems: 'center'
|
|
3663
3663
|
}],
|
|
3664
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3664
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3665
3665
|
name: "close",
|
|
3666
3666
|
size: 24,
|
|
3667
3667
|
color: "#fff"
|
|
@@ -3763,7 +3763,7 @@ function EditorScreen({
|
|
|
3763
3763
|
fontSize: 20
|
|
3764
3764
|
},
|
|
3765
3765
|
children: s.emoji
|
|
3766
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3766
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3767
3767
|
name: "close-circle",
|
|
3768
3768
|
size: 14,
|
|
3769
3769
|
color: "#ff6b6b",
|
|
@@ -3871,7 +3871,7 @@ function EditorScreen({
|
|
|
3871
3871
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
3872
3872
|
onPress: () => removeCaption(c.id),
|
|
3873
3873
|
style: styles.captionRemoveBtn,
|
|
3874
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3874
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3875
3875
|
name: "close",
|
|
3876
3876
|
size: 14,
|
|
3877
3877
|
color: "#ff6b6b"
|
|
@@ -3917,7 +3917,7 @@ function EditorScreen({
|
|
|
3917
3917
|
onPress: () => setShowMusicModal(true),
|
|
3918
3918
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3919
3919
|
style: styles.toolIconContainer,
|
|
3920
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3920
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3921
3921
|
name: "musical-notes",
|
|
3922
3922
|
size: 22,
|
|
3923
3923
|
color: "#fff"
|
|
@@ -3931,7 +3931,7 @@ function EditorScreen({
|
|
|
3931
3931
|
onPress: () => setPanel('text'),
|
|
3932
3932
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3933
3933
|
style: styles.toolIconContainer,
|
|
3934
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3934
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3935
3935
|
name: "text",
|
|
3936
3936
|
size: 22,
|
|
3937
3937
|
color: "#fff"
|
|
@@ -3945,7 +3945,7 @@ function EditorScreen({
|
|
|
3945
3945
|
onPress: handleOpenTransform,
|
|
3946
3946
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3947
3947
|
style: styles.toolIconContainer,
|
|
3948
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3948
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3949
3949
|
name: "crop",
|
|
3950
3950
|
size: 22,
|
|
3951
3951
|
color: "#fff"
|
|
@@ -3959,7 +3959,7 @@ function EditorScreen({
|
|
|
3959
3959
|
onPress: () => setPanel('trim'),
|
|
3960
3960
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3961
3961
|
style: styles.toolIconContainer,
|
|
3962
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3962
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3963
3963
|
name: "cut",
|
|
3964
3964
|
size: 22,
|
|
3965
3965
|
color: "#fff"
|
|
@@ -3973,7 +3973,7 @@ function EditorScreen({
|
|
|
3973
3973
|
onPress: () => setPanel('frame'),
|
|
3974
3974
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3975
3975
|
style: styles.toolIconContainer,
|
|
3976
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3976
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3977
3977
|
name: "images",
|
|
3978
3978
|
size: 22,
|
|
3979
3979
|
color: "#fff"
|
|
@@ -3987,7 +3987,7 @@ function EditorScreen({
|
|
|
3987
3987
|
onPress: () => setPanel('filter'),
|
|
3988
3988
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
3989
3989
|
style: styles.toolIconContainer,
|
|
3990
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
3990
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
3991
3991
|
name: "color-palette",
|
|
3992
3992
|
size: 22,
|
|
3993
3993
|
color: "#fff"
|
|
@@ -4001,7 +4001,7 @@ function EditorScreen({
|
|
|
4001
4001
|
onPress: () => setPanel('edit'),
|
|
4002
4002
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
4003
4003
|
style: styles.toolIconContainer,
|
|
4004
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
4004
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
4005
4005
|
name: "settings-outline",
|
|
4006
4006
|
size: 22,
|
|
4007
4007
|
color: "#fff"
|
|
@@ -4028,7 +4028,7 @@ function EditorScreen({
|
|
|
4028
4028
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
4029
4029
|
style: styles.nextBlueText,
|
|
4030
4030
|
children: "Next"
|
|
4031
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
4031
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
4032
4032
|
name: "arrow-forward",
|
|
4033
4033
|
size: 16,
|
|
4034
4034
|
color: "#fff",
|
|
@@ -4063,7 +4063,7 @@ function EditorScreen({
|
|
|
4063
4063
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
4064
4064
|
onPress: () => setShowMusicModal(false),
|
|
4065
4065
|
style: styles.musicModalCloseBtn,
|
|
4066
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
4066
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
4067
4067
|
name: "close",
|
|
4068
4068
|
size: 24,
|
|
4069
4069
|
color: "#fff"
|
|
@@ -4084,7 +4084,7 @@ function EditorScreen({
|
|
|
4084
4084
|
}), musicSearchQuery.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
4085
4085
|
onPress: () => setMusicSearchQuery(''),
|
|
4086
4086
|
style: styles.musicSearchClearBtn,
|
|
4087
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
4087
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
4088
4088
|
name: "close-circle",
|
|
4089
4089
|
size: 18,
|
|
4090
4090
|
color: "#8e8e93"
|
|
@@ -4339,7 +4339,7 @@ function EditorScreen({
|
|
|
4339
4339
|
scale: 1.15
|
|
4340
4340
|
}]
|
|
4341
4341
|
} : {}],
|
|
4342
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
4342
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
4343
4343
|
name: isOverTrash ? "trash" : "trash-outline",
|
|
4344
4344
|
size: 20,
|
|
4345
4345
|
color: "#fff"
|