@umituz/react-native-video-editor 1.1.41 → 1.1.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-video-editor",
-  "version": "1.1.41",
+  "version": "1.1.43",
   "description": "Professional video editor with layer-based timeline, text/image/shape/audio/animation layers, and export functionality",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/VideoEditor.tsx

@@ -7,7 +7,7 @@
 import React, { useState, useMemo, useRef, useCallback } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicText, AtomicIcon } from "@umituz/react-native-design-system/atoms";
-import { BottomSheetModal } from "@umituz/react-native-design-system/molecules";
+import { BottomSheetModal, type BottomSheetModalRef } from "@umituz/react-native-design-system/molecules";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area";
 
@@ -42,8 +42,8 @@ export const VideoEditor: React.FC<VideoEditorProps> = ({
   const [playbackRate, setPlaybackRate] = useState(DEFAULT_PLAYBACK_RATE);
   const [activeTool, setActiveTool] = useState<ActiveTool>(null);
 
-  const filterSheetRef = useRef<{ present: () => void; dismiss: () => void }>(null);
-  const speedSheetRef = useRef<{ present: () => void; dismiss: () => void }>(null);
+  const filterSheetRef = useRef<BottomSheetModalRef>(null);
+  const speedSheetRef = useRef<BottomSheetModalRef>(null);
 
   const handleToggleTool = useCallback((tool: Exclude<ActiveTool, null>) => {
     if (activeTool === tool) {

package/README.md

@@ -1,92 +0,0 @@
-# @umituz/react-native-video-editor
-
-Professional video editor package with layer-based timeline, multiple layer types, and export functionality.
-
-## Features
-
-- Layer-based editing system (text, image, shape, audio, animation)
-- Timeline management with scenes
-- Playback controls
-- History/undo functionality
-- Video export with customizable settings
-- Bottom sheet integration for layer editing
-
-## Installation
-
-```bash
-npm install @umituz/react-native-video-editor
-```
-
-## Peer Dependencies
-
-This package requires the following peer dependencies:
-
-```json
-{
-  "react": ">=18.2.0",
-  "react-native": ">=0.74.0",
-  "@umituz/react-native-design-system": ">=1.0.0",
-  "zustand": ">=4.0.0"
-}
-```
-
-## Usage
-
-### Hooks
-
-```typescript
-import {
-  useEditorLayers,
-  useEditorScenes,
-  useEditorPlayback,
-  useEditorHistory,
-  useEditorBottomSheet,
-  useEditorActions,
-} from "@umituz/react-native-video-editor";
-
-// Use hooks in your component
-const { layers, addLayer, removeLayer } = useEditorLayers();
-const { scenes, addScene, removeScene } = useEditorScenes();
-const { isPlaying, play, pause } = useEditorPlayback();
-```
-
-### Components
-
-```typescript
-import {
-  EditorHeader,
-  EditorPreviewArea,
-  EditorTimeline,
-  EditorToolPanel,
-  TextLayerEditor,
-  ImageLayerEditor,
-  ShapeLayerEditor,
-  AudioEditor,
-  AnimationEditor,
-  ExportDialog,
-} from "@umituz/react-native-video-editor";
-
-// Use components in your editor screen
-<EditorHeader />
-<EditorPreviewArea />
-<EditorTimeline />
-```
-
-### Services
-
-```typescript
-import {
-  layerOperationsService,
-  sceneOperationsService,
-  exportOrchestratorService,
-} from "@umituz/react-native-video-editor";
-
-// Use services for business logic
-layerOperationsService.duplicateLayer(layerId);
-sceneOperationsService.addScene(sceneData);
-exportOrchestratorService.exportVideo(options);
-```
-
-## License
-
-MIT