vuefinder 4.0.6 → 4.0.8

package/README.md

@@ -15,7 +15,7 @@ If you like it, please follow and ⭐ star on GitHub.
 
 ### Demo
 
-[Live Demo](https://vuefinder.ozdemir.be/)
+[Live Demo](https://vuefinder.ozdemir.be/) - Explore Vuefinder's features and capabilities in action.
 
 ### Installation
 
@@ -23,336 +23,7 @@ If you like it, please follow and ⭐ star on GitHub.
 npm i vuefinder
 ```
 
-JS entry point (it can be index.js or main.js)
-
-```js
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import 'vuefinder/dist/style.css';
-import VueFinder from 'vuefinder';
-
-const app = createApp(App);
-
-//By default, Vuefinder will use English as the main language.
-// However, if you want to support multiple languages and customize the localization,
-// you can import the language files manually during component registration.
-app.use(VueFinder);
-
-app.mount('#app');
-```
-
-### Localization
-
-You can manually import the localization files from the package and register them with Vuefinder. The localization files are located in the dist/locales folder.
-
-```js
-import en from 'vuefinder/dist/locales/en.js';
-import tr from 'vuefinder/dist/locales/tr.js';
-import ru from 'vuefinder/dist/locales/ru.js';
-
-app.use(VueFinder, {
-  i18n: { en, tr, ru },
-});
-```
-
-### Async Localization
-
-Alternatively, you can import the localization files asynchronously during component registration. This can be useful for lazy loading or if you prefer to load the files dynamically.
-
-```js
-app.use(VueFinder, {
-  i18n: {
-    en: async () => await import('vuefinder/dist/locales/en.js'),
-    de: async () => await import('vuefinder/dist/locales/de.js'),
-    // Add more locales as needed
-  },
-});
-```
-
-#### Vue Template
-
-```vue
-<div>
-  <vue-finder
-    id="my_vuefinder"
-    :driver="driver"
-    :config="{ initialPath: 'local://public', persist: true }"
-  />
-</div>
-
-<script setup>
-import { RemoteDriver } from 'vuefinder';
-
-// Create a driver instance
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: {
-    list: '/files',
-    upload: '/upload',
-    delete: '/delete',
-    rename: '/rename',
-    copy: '/copy',
-    move: '/move',
-    archive: '/archive',
-    unarchive: '/unarchive',
-    createFile: '/create-file',
-    createFolder: '/create-folder',
-    preview: '/preview',
-    download: '/download',
-    search: '/search',
-    save: '/save',
-  },
-});
-
-// Or use ArrayDriver for in-memory operations:
-// import { ArrayDriver } from 'vuefinder';
-// const driver = new ArrayDriver({
-//   files: filesArray,
-//   storage: 'memory',
-//   readOnly: false
-// });
-</script>
-```
-
-### Styling
-
-Vuefinder uses the BEM (Block Element Modifier) convention for its CSS classes, with default styles applied using TailwindCSS. This structured approach helps maintain a clear and consistent naming convention for CSS classes, making it easier to understand and manage styles across the project.
-
-To customize or update the styles, simply find the appropriate BEM class in the component’s style section and override the styles as needed.
-
-### Props
-
-| Prop                        |              Value               | Default    | Description                                                  |
-| --------------------------- | :------------------------------: | ---------- | :----------------------------------------------------------- |
-| id                          |              string              | _null_     | required                                                     |
-| driver                      |              Driver              | _null_     | **required** - Driver instance used for file operations      |
-| config                      |          ConfigDefaults          | _object_   | optional - configuration store defaults (e.g., initialPath)  |
-| locale                      |              string              | en         | optional - default language code                             |
-| features                    | FeaturesPreset \| FeaturesConfig | 'advanced' | optional - feature preset ('simple'/'advanced') or object    |
-| selectionMode               |      'single' \| 'multiple'      | 'multiple' | optional - selection mode                                    |
-| selectionFilterType         |   'files' \| 'dirs' \| 'both'    | 'both'     | optional - filter selectable items by type                   |
-| selectionFilterMimeIncludes |             string[]             | []         | optional - MIME type filters for selection                   |
-| contextMenuItems            |        ContextMenuItem[]         | _null_     | optional - custom context menu items                         |
-| debug                       |             boolean              | false      | optional - enable debug mode                                 |
-| onError                     |             function             | _function_ | optional - error handler callback                            |
-| onSelect                    |             function             | _function_ | optional - selection handler (alternative to @select)        |
-| onPathChange                |             function             | _function_ | optional - path change handler (alternative to @path-change) |
-| onUploadComplete            |             function             | _function_ | optional - upload handler (alternative to @upload-complete)  |
-| onDeleteComplete            |             function             | _function_ | optional - delete handler (alternative to @delete-complete)  |
-| onReady                     |             function             | _function_ | optional - ready handler (alternative to @ready)             |
-| onFileDclick                |             function             | _function_ | optional - file double-click handler                         |
-| onFolderDclick              |             function             | _function_ | optional - folder double-click handler                       |
-
-**Note:** Configuration options like `theme`, `maxFileSize`, `fullScreen`, `loadingIndicator`, etc. are now part of the `config` prop. See the [Configuration Guide](https://vuefinder.ozdemir.be/guide/configuration) for details.
-
-### Events
-
-| Event              | Description                                                                                                |
-| ------------------ | :--------------------------------------------------------------------------------------------------------- |
-| `@select`          | Emitted when the user selects a file or folder. `(items: DirEntry[]) => void`                              |
-| `@path-change`     | Emitted when the user navigates to a different folder. `(path: string) => void`                            |
-| `@upload-complete` | Emitted when file uploads are completed successfully. `(files: DirEntry[]) => void`                        |
-| `@delete-complete` | Emitted when files or folders are deleted successfully. `(deletedItems: DirEntry[]) => void`               |
-| `@error`           | Emitted when an error occurs during any operation. `(error: any) => void`                                  |
-| `@ready`           | Emitted when VueFinder is initialized and ready to use. `() => void`                                       |
-| `@file-dclick`     | Emitted when a file is double-clicked. Overrides default preview behavior. `(item: DirEntry) => void`      |
-| `@folder-dclick`   | Emitted when a folder is double-clicked. Overrides default navigation behavior. `(item: DirEntry) => void` |
-
-### Selection
-
-There are 2 ways to select files and folders.
-
-#### 1) Inline select button via status bar scoped slot (recommended)
-
-You can inject a custom button into the status bar and access the reactive selection via the `status-bar` scoped slot:
-
-```vue
-<vue-finder id="my_vuefinder" :driver="driver">
-  <template #status-bar="{ selected, count, path  }">
-    <div class="vuefinder__status-bar__actions">
-      <button class="btn"
-              @click="() => {
-                    console.log(selected);
-                    console.log(count);
-                    console.log(path);
-                }"
-              :disabled="!count">
-        Show Selected ({{ count ?? 0 }} selected)
-      </button>
-    </div>
-  </template>
-</vue-finder>
-```
-
-Alternatively, you can use the select event to get the selected items.
-
-```vue
-<vue-finder
-  id="my_vuefinder"
-  :driver="driver"
-  @select="handleSelect"
-  @path-change="handlePathChange"
-  @upload-complete="handleUploadComplete"
-  @delete-complete="handleDeleteComplete"
-  @error="handleError"
-  @ready="handleReady"
-  @file-dclick="handleFileDoubleClick"
-  @folder-dclick="handleFolderDoubleClick"
-/>
-
-<script setup>
-import { ref } from 'vue';
-import { RemoteDriver } from 'vuefinder';
-
-// Create driver instance
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: {
-    list: '/files',
-    // ... other endpoints
-  },
-});
-
-// we can define a ref object to store the selected items
-const selectedFiles = ref([]);
-
-// handle select event, and store the selected items
-const handleSelect = (selection) => {
-  selectedFiles.value = selection;
-};
-
-// handle path change event
-const handlePathChange = (path) => {
-  console.log('Current path:', path);
-};
-
-// handle upload complete event
-const handleUploadComplete = (uploadedFiles) => {
-  console.log('Uploaded files:', uploadedFiles);
-};
-
-// handle delete complete event
-const handleDeleteComplete = (deletedItems) => {
-  console.log('Deleted items:', deletedItems);
-};
-
-// handle error event
-const handleError = (error) => {
-  console.error('VueFinder error:', error);
-};
-
-// handle ready event
-const handleReady = () => {
-  console.log('VueFinder is ready!');
-};
-
-// handle file double-click event
-const handleFileDoubleClick = (file) => {
-  console.log('File double-clicked:', file);
-  // Custom logic here - maybe download, open in external app, etc.
-};
-
-// handle folder double-click event
-const handleFolderDoubleClick = (folder) => {
-  console.log('Folder double-clicked:', folder);
-  // Custom logic here - maybe show folder info, add to favorites, etc.
-};
-// then with a button click, you can get the selected items easily
-// you can add this method to the click event of a button.
-const handleButtonClick = () => {
-  console.log(selectedFiles.value);
-};
-</script>
-```
-
-### Custom Double-Click Behavior
-
-By default, VueFinder handles double-click events as follows:
-
-- **File double-click**: Opens preview modal
-- **Folder double-click**: Navigates to folder (changes path)
-
-You can customize this behavior by providing `@file-dclick` and `@folder-dclick` event handlers. When these handlers are provided, they will override the default behavior.
-
-```vue
-<vue-finder
-  id="my_vuefinder"
-  :driver="driver"
-  @file-dclick="handleFileDoubleClick"
-  @folder-dclick="handleFolderDoubleClick"
-/>
-
-<script setup>
-import { RemoteDriver } from 'vuefinder';
-
-const driver = new RemoteDriver({
-  baseURL: '/api',
-  url: { list: '/files' },
-});
-
-const handleFileDoubleClick = (file) => {
-  // Custom file double-click behavior
-  // Example: Download file, open in external app, etc.
-  console.log('Custom file action:', file.basename);
-};
-
-const handleFolderDoubleClick = (folder) => {
-  // Custom folder double-click behavior
-  // Example: Show folder info, add to favorites, etc.
-  console.log('Custom folder action:', folder.basename);
-};
-</script>
-```
-
-**Note**: If you don't provide these handlers, VueFinder will use the default behavior (preview for files, navigation for folders).
-
-### Features
-
-- Multi storage (see https://github.com/thephpleague/flysystem)
-- File and folder operations
-  - Create a new file
-  - Create a new folder
-  - Rename
-  - Delete
-  - Archive (zip)
-  - Unarchive (unzip)
-  - Text editing
-  - Image Crop Tool
-  - Upload / Download files
-  - Search (deep based on current folder)
-- Nice UI
-  - Context Menu
-  - Breadcrumb links
-  - Toolbar
-  - File explorer
-  - Status bar
-  - Image thumbnails
-  - Toast notifications
-- Appearance
-  - Multi language (17 languages supported)
-  - Full Screen mode
-  - View Modes: list, grid
-  - 12 Beautiful Themes: light, dark, midnight, latte, rose, mythril, lime, sky, ocean, palenight, arctic, code
-- Accessibility
-  - Drag & drop support
-  - Move items (to a folder or up one folder) with drag and drop
-  - Mouse selection
-
-### Typescript
-
-Vuefinder ships with built-in type declarations. You can enable type hints for the global Vuefinder component.
-
-```ts
-// src/global-components.d.ts
-import { VueFinder } from 'vuefinder';
-
-declare module 'vue' {
-  export interface GlobalComponents {
-    VueFinder: typeof VueFinder;
-  }
-}
-```
+For detailed installation instructions, configuration options, and usage examples, visit the [documentation website](https://vuefinder.ozdemir.be/).
 
 ### Backend
 
@@ -384,6 +55,8 @@ If you want to contribute to the project, please feel free to fork the repositor
 - [mitt](https://github.com/developit/mitt) : Tiny 200 byte functional event emitter / pubsub
 - [OverlayScrollbars](https://kingsora.github.io/OverlayScrollbars) : scrollbar plugin
 - [nanostores](https://github.com/nanostores/nanostores) : A tiny state manager
+- [vue-sonner](https://github.com/wobsoriano/vue-sonner) : Toast notification component
+- [@floating-ui/dom](https://floating-ui.com/) : Floating UI positioning library
 
 ### License
 

package/dist/index.d.ts

@@ -0,0 +1,199 @@
+import type { DefineComponent } from 'vue';
+
+// Component exports
+export const VueFinder: DefineComponent;
+export const VueFinderProvider: DefineComponent;
+
+// Plugin export
+export const VueFinderPlugin: {
+  install(app: any, options?: { i18n?: Record<string, unknown>; locale?: string }): void;
+};
+
+// Default export
+export default VueFinderPlugin;
+
+// Driver classes
+export class RemoteDriver {
+  constructor(config?: import('./adapters/types').RemoteDriverConfig);
+  list(params?: import('./adapters/types').ListParams): Promise<import('./types').FsData>;
+  delete(
+    params: import('./adapters/types').DeleteParams
+  ): Promise<import('./adapters/types').DeleteResult>;
+  rename(
+    params: import('./adapters/types').RenameParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  copy(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  move(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  archive(
+    params: import('./adapters/types').ArchiveParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  unarchive(params: {
+    item: string;
+    path: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFile(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFolder(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  getContent(params: { path: string }): Promise<import('./adapters/types').FileContentResult>;
+  getPreviewUrl(params: { path: string }): string;
+  getDownloadUrl(params: { path: string }): string;
+  search(params: import('./adapters/types').SearchParams): Promise<import('./types').DirEntry[]>;
+  save(params: import('./adapters/types').SaveParams): Promise<string>;
+}
+
+export class ArrayDriver {
+  constructor(config: import('./adapters/ArrayDriver').ArrayDriverConfig);
+  list(params?: import('./adapters/types').ListParams): Promise<import('./types').FsData>;
+  delete(
+    params: import('./adapters/types').DeleteParams
+  ): Promise<import('./adapters/types').DeleteResult>;
+  rename(
+    params: import('./adapters/types').RenameParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  copy(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  move(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  archive(
+    params: import('./adapters/types').ArchiveParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  unarchive(params: {
+    item: string;
+    path: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFile(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFolder(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  getContent(params: { path: string }): Promise<import('./adapters/types').FileContentResult>;
+  getPreviewUrl(params: { path: string }): string;
+  getDownloadUrl(params: { path: string }): string;
+  search(params: import('./adapters/types').SearchParams): Promise<import('./types').DirEntry[]>;
+  save(params: import('./adapters/types').SaveParams): Promise<string>;
+}
+
+export class IndexedDBDriver {
+  constructor(config?: import('./adapters/types').IndexedDBDriverConfig);
+  list(params?: import('./adapters/types').ListParams): Promise<import('./types').FsData>;
+  delete(
+    params: import('./adapters/types').DeleteParams
+  ): Promise<import('./adapters/types').DeleteResult>;
+  rename(
+    params: import('./adapters/types').RenameParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  copy(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  move(
+    params: import('./adapters/types').TransferParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  archive(
+    params: import('./adapters/types').ArchiveParams
+  ): Promise<import('./adapters/types').FileOperationResult>;
+  unarchive(params: {
+    item: string;
+    path: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFile(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  createFolder(params: {
+    path: string;
+    name: string;
+  }): Promise<import('./adapters/types').FileOperationResult>;
+  getContent(params: { path: string }): Promise<import('./adapters/types').FileContentResult>;
+  getPreviewUrl(params: { path: string }): string;
+  getDownloadUrl(params: { path: string }): string;
+  search(params: import('./adapters/types').SearchParams): Promise<import('./types').DirEntry[]>;
+  save(params: import('./adapters/types').SaveParams): Promise<string>;
+}
+
+// Context menu exports
+export const contextMenuItems: import('./utils/contextmenu').Item[];
+export const ContextMenuIds: {
+  readonly new_folder: 'new_folder';
+  readonly selectAll: 'selectAll';
+  readonly pinFolder: 'pinFolder';
+  readonly unpinFolder: 'unpinFolder';
+  readonly delete: 'delete';
+  readonly refresh: 'refresh';
+  readonly preview: 'preview';
+  readonly open: 'open';
+  readonly openDir: 'openDir';
+  readonly download: 'download';
+  readonly download_archive: 'download_archive';
+  readonly archive: 'archive';
+  readonly unarchive: 'unarchive';
+  readonly rename: 'rename';
+  readonly move: 'move';
+  readonly copy: 'copy';
+  readonly paste: 'paste';
+};
+
+// Type exports from types.ts
+export type {
+  DirEntry,
+  ItemDclickEvent,
+  VueFinderProps,
+  FsData,
+  SelectEvent,
+  UpdatePathEvent,
+} from './types';
+
+// Export context menu item type
+export type { Item } from './utils/contextmenu';
+
+// Type exports from adapters/types.ts
+export type {
+  Driver,
+  ListParams,
+  DeleteParams,
+  RenameParams,
+  TransferParams,
+  ArchiveParams,
+  SearchParams,
+  SaveParams,
+  FileContentResult,
+  DeleteResult,
+  FileOperationResult,
+  RemoteDriverConfig,
+  RemoteDriverUrls,
+  UploaderContext,
+} from './adapters/types';
+
+// Type exports from adapters/ArrayDriver.ts
+export type { ArrayDriverConfig } from './adapters/ArrayDriver';
+
+// Type exports from adapters/IndexedDBDriver.ts
+export type { IndexedDBDriverConfig } from './adapters/IndexedDBDriver';
+
+// Type exports from features.ts
+export type { FeaturesConfig, FeaturesPreset, FeatureName } from './features';
+
+// Type exports from stores/config.ts
+export type {
+  ConfigStore,
+  ConfigState,
+  ConfigDefaults,
+  PersistenceConfigState,
+  NonPersistenceConfigState,
+} from './stores/config';
+
+// Type exports from stores/theme.ts
+export type { Theme } from './stores/theme';

package/dist/locales/ar.js

@@ -94,9 +94,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     'هل التنزيل لا يعمل؟ يمكنك محاولة النقر بزر الفأرة الأيمن على زر "تنزيل"، ثم تحديد "حفظ الرابط باسم...',
   Theme: 'السمة',
-  Dark: 'مظلم',
-  Light: 'فاتح',
-  System: 'النّظام',
   'Target Directory': 'المجلد الهدف',
   Select: 'اختيار',
   'Compact list view': 'القائمة المضغوطة',
@@ -161,7 +158,7 @@ export default {
   'Small (< 1MB)': 'صغير (< 1MB)',
   'Medium (1-10MB)': 'متوسط (1-10MB)',
   'Large (> 10MB)': 'كبير (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'ابدأ بالكتابة للبحث عن الملفات. استخدم الخيارات للتصفية أو تضمين المجلدات الفرعية.',
   uppy: uppyLocaleAr,
 };

package/dist/locales/de.js

@@ -96,9 +96,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     'Der Download funktioniert nicht? Sie können versuchen, mit der rechten Maustaste auf die Schaltfläche "Download" zu klicken und "Link speichern unter..." auszuwählen.',
   Theme: 'Thema',
-  Dark: 'Dunkel',
-  Light: 'Licht',
-  System: 'System',
   'Target Directory': 'Zielverzeichnis',
   Select: 'Auswählen',
   'Compact list view': 'Kompakte Listenansicht',
@@ -166,7 +163,7 @@ export default {
   'Small (< 1MB)': 'Klein (< 1MB)',
   'Medium (1-10MB)': 'Mittel (1-10MB)',
   'Large (> 10MB)': 'Groß (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'Beginnen Sie zu tippen, um Dateien zu suchen. Verwenden Sie Optionen zum Filtern oder zum Einbeziehen von Unterordnern.',
   uppy: uppyLocaleDe,
 };

package/dist/locales/en.js

@@ -93,9 +93,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".',
   Theme: 'Theme',
-  Dark: 'Dark',
-  Light: 'Light',
-  System: 'System',
   'Target Directory': 'Target Directory',
   Select: 'Select',
   'Compact list view': 'Compact list view',
@@ -165,7 +162,7 @@ export default {
   'Small (< 1MB)': 'Small (< 1MB)',
   'Medium (1-10MB)': 'Medium (1-10MB)',
   'Large (> 10MB)': 'Large (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'Start typing to search files. Use options to filter or include subfolders.',
   uppy: uppyLocaleEn,
 };

package/dist/locales/es.js

@@ -97,9 +97,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     '¿La descarga no funciona? Puedes intentar hacer clic derecho en el botón "Descargar", seleccionar "Guardar enlace como...".',
   Theme: 'Tema',
-  Dark: 'Oscuro',
-  Light: 'Claro',
-  System: 'Sistema',
   'Target Directory': 'Directorio de destino',
   Select: 'Seleccionar',
   'Compact list view': 'Vista de lista compacta',
@@ -167,7 +164,7 @@ export default {
   'Small (< 1MB)': 'Pequeño (< 1MB)',
   'Medium (1-10MB)': 'Mediano (1-10MB)',
   'Large (> 10MB)': 'Grande (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'Comienza a escribir para buscar archivos. Usa las opciones para filtrar o incluir subcarpetas.',
   uppy: uppyLocaleEs,
 };

package/dist/locales/fa.js

@@ -92,9 +92,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     'دانلود کار نمیکند؟ میتوانید روی دکمه "دانلود" راست کلیک کرده و "ذخیره لینک به عنوان..." را انتخاب کنید',
   Theme: 'تم',
-  Dark: 'تاریک',
-  Light: 'روشن',
-  System: 'سیستم',
   'Target Directory': 'پوشه مقصد',
   Select: 'انتخاب',
   'Compact list view': 'نمایش لیست کوچک',
@@ -161,7 +158,7 @@ export default {
   'Small (< 1MB)': 'کوچک (< 1MB)',
   'Medium (1-10MB)': 'متوسط (1-10MB)',
   'Large (> 10MB)': 'بزرگ (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'برای جستجوی فایل‌ها شروع به تایپ کنید. از گزینه‌ها برای فیلتر کردن یا شامل کردن زیرپوشه‌ها استفاده کنید.',
   uppy: uppyLocaleFa,
 };

package/dist/locales/fr.js

@@ -97,9 +97,6 @@ export default {
   'Download doesn\'t work? You can try right-click "Download" button, select "Save link as...".':
     'Le téléchargement ne fonctionne pas? Vous pouvez essayer de cliquer avec le bouton droit sur le bouton "Télécharger", puis sélectionner "Enregistrer le lien sous...".',
   Theme: 'Thème',
-  Dark: 'Sombre',
-  Light: 'Clair',
-  System: 'Système',
   'Target Directory': 'Répertoire cible',
   Select: 'Sélectionner',
   'Compact list view': 'Vue en liste compacte',
@@ -166,7 +163,7 @@ export default {
   'Small (< 1MB)': 'Petit (< 1MB)',
   'Medium (1-10MB)': 'Moyen (1-10MB)',
   'Large (> 10MB)': 'Grand (> 10MB)',
-  'Search helper text':
+  'Start typing to search files. Use options to filter or include subfolders.':
     'Commencez à taper pour rechercher des fichiers. Utilisez les options pour filtrer ou inclure des sous-dossiers.',
   uppy: uppyLocaleFr,
 };