@umituz/react-native-video-editor 1.0.17 → 1.0.19

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 (13) hide show
  1. package/package.json +4 -1
  2. package/src/presentation/components/EditorToolPanel.tsx +3 -3
  3. package/src/presentation/components/LayerActionsMenu.tsx +5 -5
  4. package/src/presentation/components/animation-layer/AnimationEditorActions.tsx +1 -1
  5. package/src/presentation/components/animation-layer/AnimationInfoBanner.tsx +1 -1
  6. package/src/presentation/components/audio-layer/AudioEditorActions.tsx +1 -1
  7. package/src/presentation/components/audio-layer/AudioFileSelector.tsx +2 -2
  8. package/src/presentation/components/audio-layer/InfoBanner.tsx +1 -1
  9. package/src/presentation/components/export/ExportActions.tsx +1 -1
  10. package/src/presentation/components/export/ExportInfoBanner.tsx +1 -1
  11. package/src/presentation/components/image-layer/ImageSelectionButtons.tsx +2 -2
  12. package/src/presentation/components/shape-layer/ColorPickerHorizontal.tsx +1 -1
  13. package/src/presentation/components/text-layer/ColorPicker.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umituz/react-native-video-editor",
3
- "version": "1.0.17",
3
+ "version": "1.0.19",
4
4
  "description": "Professional video editor with layer-based timeline, text/image/shape/audio/animation layers, and export functionality",
5
5
  "main": "./src/index.ts",
6
6
  "types": "./src/index.ts",
@@ -25,6 +25,9 @@
25
25
  "type": "git",
26
26
  "url": "https://github.com/umituz/react-native-video-editor"
27
27
  },
28
+ "dependencies": {
29
+ "@umituz/react-native-filesystem": "latest"
30
+ },
28
31
  "peerDependencies": {
29
32
  "@umituz/react-native-design-system": ">=1.0.0",
30
33
  "expo-document-picker": ">=14.0.0",
package/src/presentation/components/EditorToolPanel.tsx CHANGED
@@ -60,7 +60,7 @@ export const EditorToolPanel: React.FC<EditorToolPanelProps> = ({
60
60
  ]}
61
61
  onPress={onAddText}
62
62
  >
63
- <AtomicIcon name="Type" size="md" color="primary" />
63
+ <AtomicIcon name="text-outline" size="md" color="primary" />
64
64
  <AtomicText
65
65
  type="labelSmall"
66
66
  style={{ color: tokens.colors.textPrimary, marginTop: 4 }}
@@ -92,7 +92,7 @@ export const EditorToolPanel: React.FC<EditorToolPanelProps> = ({
92
92
  ]}
93
93
  onPress={onAddShape}
94
94
  >
95
- <AtomicIcon name="Square" size="md" color="primary" />
95
+ <AtomicIcon name="square-outline" size="md" color="primary" />
96
96
  <AtomicText
97
97
  type="labelSmall"
98
98
  style={{ color: tokens.colors.textPrimary, marginTop: 4 }}
@@ -108,7 +108,7 @@ export const EditorToolPanel: React.FC<EditorToolPanelProps> = ({
108
108
  ]}
109
109
  onPress={onAudio}
110
110
  >
111
- <AtomicIcon name="Music" size="md" color="primary" />
111
+ <AtomicIcon name="musical-notes-outline" size="md" color="primary" />
112
112
  <AtomicText
113
113
  type="labelSmall"
114
114
  style={{ color: tokens.colors.textPrimary, marginTop: 4 }}
package/src/presentation/components/LayerActionsMenu.tsx CHANGED
@@ -43,7 +43,7 @@ export const LayerActionsMenu: React.FC<LayerActionsMenuProps> = ({
43
43
  <View style={{ paddingVertical: 8 }}>
44
44
  {layer.type === "text" && (
45
45
  <TouchableOpacity style={styles.actionMenuItem} onPress={onEditText}>
46
- <AtomicIcon name="Edit" size="md" color="primary" />
46
+ <AtomicIcon name="create-outline" size="md" color="primary" />
47
47
  <AtomicText
48
48
  type="bodyMedium"
49
49
  style={{
@@ -57,7 +57,7 @@ export const LayerActionsMenu: React.FC<LayerActionsMenuProps> = ({
57
57
  )}
58
58
  {layer.type === "image" && (
59
59
  <TouchableOpacity style={styles.actionMenuItem} onPress={onEditImage}>
60
- <AtomicIcon name="Edit" size="md" color="primary" />
60
+ <AtomicIcon name="create-outline" size="md" color="primary" />
61
61
  <AtomicText
62
62
  type="bodyMedium"
63
63
  style={{
@@ -107,7 +107,7 @@ export const LayerActionsMenu: React.FC<LayerActionsMenuProps> = ({
107
107
  <View style={styles.divider} />
108
108
 
109
109
  <TouchableOpacity style={styles.actionMenuItem} onPress={onMoveFront}>
110
- <AtomicIcon name="ChevronsUp" size="md" color="secondary" />
110
+ <AtomicIcon name="chevron-up-outline" size="md" color="secondary" />
111
111
  <AtomicText
112
112
  type="bodyMedium"
113
113
  style={{
@@ -120,7 +120,7 @@ export const LayerActionsMenu: React.FC<LayerActionsMenuProps> = ({
120
120
  </TouchableOpacity>
121
121
 
122
122
  <TouchableOpacity style={styles.actionMenuItem} onPress={onMoveUp}>
123
- <AtomicIcon name="ChevronUp" size="md" color="secondary" />
123
+ <AtomicIcon name="chevron-up-outline" size="md" color="secondary" />
124
124
  <AtomicText
125
125
  type="bodyMedium"
126
126
  style={{
@@ -146,7 +146,7 @@ export const LayerActionsMenu: React.FC<LayerActionsMenuProps> = ({
146
146
  </TouchableOpacity>
147
147
 
148
148
  <TouchableOpacity style={styles.actionMenuItem} onPress={onMoveBack}>
149
- <AtomicIcon name="ChevronsDown" size="md" color="secondary" />
149
+ <AtomicIcon name="chevron-down-outline" size="md" color="secondary" />
150
150
  <AtomicText
151
151
  type="bodyMedium"
152
152
  style={{
package/src/presentation/components/animation-layer/AnimationEditorActions.tsx CHANGED
@@ -65,7 +65,7 @@ export const AnimationEditorActions: React.FC<AnimationEditorActionsProps> = ({
65
65
  ]}
66
66
  onPress={onSave}
67
67
  >
68
- <AtomicIcon name="Check" size="sm" color="onSurface" />
68
+ <AtomicIcon name="checkmark-outline" size="sm" color="onSurface" />
69
69
  <AtomicText
70
70
  type="bodyMedium"
71
71
  style={{ color: "#FFFFFF", fontWeight: "600", marginLeft: 6 }}
package/src/presentation/components/animation-layer/AnimationInfoBanner.tsx CHANGED
@@ -21,7 +21,7 @@ export const AnimationInfoBanner: React.FC = () => {
21
21
  { backgroundColor: tokens.colors.primary + "20" },
22
22
  ]}
23
23
  >
24
- <AtomicIcon name="Info" size="sm" color="primary" />
24
+ <AtomicIcon name="information-circle-outline" size="sm" color="primary" />
25
25
  <AtomicText
26
26
  type="labelSmall"
27
27
  style={{ color: tokens.colors.primary, marginLeft: 8, flex: 1 }}
package/src/presentation/components/audio-layer/AudioEditorActions.tsx CHANGED
@@ -78,7 +78,7 @@ export const AudioEditorActions: React.FC<AudioEditorActionsProps> = ({
78
78
  onPress={onSave}
79
79
  disabled={!isValid}
80
80
  >
81
- <AtomicIcon name="Check" size="sm" color="onSurface" />
81
+ <AtomicIcon name="checkmark-outline" size="sm" color="onSurface" />
82
82
  <AtomicText
83
83
  type="bodyMedium"
84
84
  style={{ color: "#FFFFFF", fontWeight: "600", marginLeft: 6 }}
package/src/presentation/components/audio-layer/AudioFileSelector.tsx CHANGED
@@ -31,7 +31,7 @@ export const AudioFileSelector: React.FC<AudioFileSelectorProps> = ({
31
31
  style={[styles.fileCard, { backgroundColor: tokens.colors.surface }]}
32
32
  >
33
33
  <View style={styles.fileInfo}>
34
- <AtomicIcon name="Music" size="md" color="primary" />
34
+ <AtomicIcon name="musical-notes-outline" size="md" color="primary" />
35
35
  <View style={{ marginLeft: 12, flex: 1 }}>
36
36
  <AtomicText
37
37
  type="bodySmall"
@@ -71,7 +71,7 @@ export const AudioFileSelector: React.FC<AudioFileSelectorProps> = ({
71
71
  style={[styles.pickButton, { backgroundColor: tokens.colors.surface }]}
72
72
  onPress={onPickAudio}
73
73
  >
74
- <AtomicIcon name="Upload" size="md" color="primary" />
74
+ <AtomicIcon name="cloud-upload-outline" size="md" color="primary" />
75
75
  <AtomicText
76
76
  type="bodyMedium"
77
77
  style={{
package/src/presentation/components/audio-layer/InfoBanner.tsx CHANGED
@@ -21,7 +21,7 @@ export const InfoBanner: React.FC = () => {
21
21
  { backgroundColor: tokens.colors.primary + "20" },
22
22
  ]}
23
23
  >
24
- <AtomicIcon name="Info" size="sm" color="primary" />
24
+ <AtomicIcon name="information-circle-outline" size="sm" color="primary" />
25
25
  <AtomicText
26
26
  type="labelSmall"
27
27
  style={{ color: tokens.colors.primary, marginLeft: 8, flex: 1 }}
package/src/presentation/components/export/ExportActions.tsx CHANGED
@@ -66,7 +66,7 @@ export const ExportActions: React.FC<ExportActionsProps> = ({
66
66
  {isExporting ? (
67
67
  <AtomicSpinner size="sm" color="white" />
68
68
  ) : (
69
- <AtomicIcon name="Download" size="sm" color="onSurface" />
69
+ <AtomicIcon name="download-outline" size="sm" color="onSurface" />
70
70
  )}
71
71
  <AtomicText
72
72
  type="bodyMedium"
package/src/presentation/components/export/ExportInfoBanner.tsx CHANGED
@@ -21,7 +21,7 @@ export const ExportInfoBanner: React.FC = () => {
21
21
  { backgroundColor: tokens.colors.primary + "20" },
22
22
  ]}
23
23
  >
24
- <AtomicIcon name="Info" size="sm" color="primary" />
24
+ <AtomicIcon name="information-circle-outline" size="sm" color="primary" />
25
25
  <AtomicText
26
26
  type="labelSmall"
27
27
  style={{ color: tokens.colors.primary, marginLeft: 8, flex: 1 }}
package/src/presentation/components/image-layer/ImageSelectionButtons.tsx CHANGED
@@ -34,7 +34,7 @@ export const ImageSelectionButtons: React.FC<ImageSelectionButtonsProps> = ({
34
34
  ]}
35
35
  onPress={onPickFromGallery}
36
36
  >
37
- <AtomicIcon name="FolderOpen" size="md" color="primary" />
37
+ <AtomicIcon name="folder-open-outline" size="md" color="primary" />
38
38
  <AtomicText
39
39
  type="bodySmall"
40
40
  style={{ color: tokens.colors.textPrimary, marginTop: 8 }}
@@ -53,7 +53,7 @@ export const ImageSelectionButtons: React.FC<ImageSelectionButtonsProps> = ({
53
53
  ]}
54
54
  onPress={onTakePhoto}
55
55
  >
56
- <AtomicIcon name="Camera" size="md" color="primary" />
56
+ <AtomicIcon name="camera-outline" size="md" color="primary" />
57
57
  <AtomicText
58
58
  type="bodySmall"
59
59
  style={{ color: tokens.colors.textPrimary, marginTop: 8 }}
package/src/presentation/components/shape-layer/ColorPickerHorizontal.tsx CHANGED
@@ -61,7 +61,7 @@ export const ColorPickerHorizontal: React.FC<ColorPickerHorizontalProps> = ({
61
61
  >
62
62
  {selectedColor === color.value && (
63
63
  <AtomicIcon
64
- name="Check"
64
+ name="checkmark-outline"
65
65
  size="sm"
66
66
  color={color.value === "#FFFFFF" ? "primary" : "onSurface"}
67
67
  />
package/src/presentation/components/text-layer/ColorPicker.tsx CHANGED
@@ -56,7 +56,7 @@ export const ColorPicker: React.FC<ColorPickerProps> = ({
56
56
  >
57
57
  {selectedColor === color && (
58
58
  <AtomicIcon
59
- name="Check"
59
+ name="checkmark-outline"
60
60
  size="sm"
61
61
  color={
62
62
  color === "#FFFFFF" || color === "#FCD34D"