@emailmaker/filemanager 0.10.21 → 0.10.23

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "@emailmaker/filemanager",
-  "version": "0.10.21",
-  "main": "./file-manager.js",
-  "module": "./file-manager.esm.js",
-  "types": "./index.d.ts",
-  "style": "./file-manager.css",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0"
-  },
-  "browserslist": {
-    "production": [
-      "last 2 chrome version",
-      "last 2 firefox version",
-      "last 2 safari version"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "msw": {
-    "workerDirectory": [
-      "public"
-    ]
-  }
-}
+{
+  "name": "@emailmaker/filemanager",
+  "version": "0.10.23",
+  "main": "./file-manager.js",
+  "module": "./file-manager.esm.js",
+  "types": "./index.d.ts",
+  "style": "./file-manager.css",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "browserslist": {
+    "production": [
+      "last 2 chrome version",
+      "last 2 firefox version",
+      "last 2 safari version"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}

package/sample-files.json

@@ -1,105 +1,105 @@
-{
-  "files": [
-    {
-      "id": "sample-1",
-      "name": "Красивый закат.jpg",
-      "size": "2845",
-      "date": "2024-01-15T10:30:00Z",
-      "folderId": "",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1080",
-      "aspectRatio": "16:9"
-    },
-    {
-      "id": "sample-2",
-      "name": "Горы и озеро.jpg",
-      "size": "3200",
-      "date": "2024-01-10T14:20:00Z",
-      "folderId": "nature-folder",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1280",
-      "aspectRatio": "3:2"
-    },
-    {
-      "id": "sample-3",
-      "name": "Отчет_2024.pdf",
-      "size": "1250",
-      "date": "2024-01-12T09:15:00Z",
-      "folderId": "documents-folder",
-      "type": "document",
-      "url": "https://via.placeholder.com/400x300/2196F3/white?text=PDF+Document",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/2196F3/white?text=PDF",
-      "extension": "pdf",
-      "isFolder": false,
-      "selected": false
-    },
-    {
-      "id": "sample-4",
-      "name": "Презентация.pptx",
-      "size": "4500",
-      "date": "2024-01-08T16:45:00Z",
-      "folderId": "documents-folder",
-      "type": "document",
-      "url": "https://via.placeholder.com/400x300/FF9800/white?text=PowerPoint",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/FF9800/white?text=PPT",
-      "extension": "pptx",
-      "isFolder": false,
-      "selected": false
-    },
-    {
-      "id": "sample-5",
-      "name": "Лес в тумане.jpg",
-      "size": "2100",
-      "date": "2024-01-05T11:30:00Z",
-      "folderId": "nature-folder",
-      "type": "image",
-      "url": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=300&fit=crop",
-      "thumbnailUrl": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=150&h=100&fit=crop",
-      "extension": "jpg",
-      "isFolder": false,
-      "selected": false,
-      "dimensions": "1920x1280",
-      "aspectRatio": "3:2"
-    },
-    {
-      "id": "sample-6",
-      "name": "Архивные_данные.zip",
-      "size": "15600",
-      "date": "2024-01-01T08:00:00Z",
-      "folderId": "",
-      "type": "archive",
-      "url": "https://via.placeholder.com/400x300/795548/white?text=ZIP+Archive",
-      "thumbnailUrl": "https://via.placeholder.com/150x100/795548/white?text=ZIP",
-      "extension": "zip",
-      "isFolder": false,
-      "selected": false
-    }
-  ],
-  "folders": [
-    {
-      "id": "nature-folder",
-      "name": "🌲 Природа",
-      "parentId": null
-    },
-    {
-      "id": "documents-folder", 
-      "name": "📄 Документы",
-      "parentId": null
-    },
-    {
-      "id": "photos-subfolder",
-      "name": "📷 Фотографии",
-      "parentId": "nature-folder"
-    }
-  ]
+{
+  "files": [
+    {
+      "id": "sample-1",
+      "name": "Красивый закат.jpg",
+      "size": "2845",
+      "date": "2024-01-15T10:30:00Z",
+      "folderId": "",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1080",
+      "aspectRatio": "16:9"
+    },
+    {
+      "id": "sample-2",
+      "name": "Горы и озеро.jpg",
+      "size": "3200",
+      "date": "2024-01-10T14:20:00Z",
+      "folderId": "nature-folder",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1464822759380-8ed769e99d5c?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1280",
+      "aspectRatio": "3:2"
+    },
+    {
+      "id": "sample-3",
+      "name": "Отчет_2024.pdf",
+      "size": "1250",
+      "date": "2024-01-12T09:15:00Z",
+      "folderId": "documents-folder",
+      "type": "document",
+      "url": "https://via.placeholder.com/400x300/2196F3/white?text=PDF+Document",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/2196F3/white?text=PDF",
+      "extension": "pdf",
+      "isFolder": false,
+      "selected": false
+    },
+    {
+      "id": "sample-4",
+      "name": "Презентация.pptx",
+      "size": "4500",
+      "date": "2024-01-08T16:45:00Z",
+      "folderId": "documents-folder",
+      "type": "document",
+      "url": "https://via.placeholder.com/400x300/FF9800/white?text=PowerPoint",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/FF9800/white?text=PPT",
+      "extension": "pptx",
+      "isFolder": false,
+      "selected": false
+    },
+    {
+      "id": "sample-5",
+      "name": "Лес в тумане.jpg",
+      "size": "2100",
+      "date": "2024-01-05T11:30:00Z",
+      "folderId": "nature-folder",
+      "type": "image",
+      "url": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=300&fit=crop",
+      "thumbnailUrl": "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=150&h=100&fit=crop",
+      "extension": "jpg",
+      "isFolder": false,
+      "selected": false,
+      "dimensions": "1920x1280",
+      "aspectRatio": "3:2"
+    },
+    {
+      "id": "sample-6",
+      "name": "Архивные_данные.zip",
+      "size": "15600",
+      "date": "2024-01-01T08:00:00Z",
+      "folderId": "",
+      "type": "archive",
+      "url": "https://via.placeholder.com/400x300/795548/white?text=ZIP+Archive",
+      "thumbnailUrl": "https://via.placeholder.com/150x100/795548/white?text=ZIP",
+      "extension": "zip",
+      "isFolder": false,
+      "selected": false
+    }
+  ],
+  "folders": [
+    {
+      "id": "nature-folder",
+      "name": "🌲 Природа",
+      "parentId": null
+    },
+    {
+      "id": "documents-folder", 
+      "name": "📄 Документы",
+      "parentId": null
+    },
+    {
+      "id": "photos-subfolder",
+      "name": "📷 Фотографии",
+      "parentId": "nature-folder"
+    }
+  ]
 } 

package/test-pixie-loading.html

@@ -1,108 +1,108 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Тест загрузки Pixie</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 20px;
-            background: #f5f5f5;
-        }
-        .status {
-            padding: 10px;
-            margin: 10px 0;
-            border-radius: 4px;
-        }
-        .success {
-            background: #d4edda;
-            color: #155724;
-            border: 1px solid #c3e6cb;
-        }
-        .error {
-            background: #f8d7da;
-            color: #721c24;
-            border: 1px solid #f5c6cb;
-        }
-        .loading {
-            background: #fff3cd;
-            color: #856404;
-            border: 1px solid #ffeaa7;
-        }
-        #pixie-container {
-            width: 800px;
-            height: 600px;
-            border: 1px solid #ccc;
-            margin: 20px 0;
-            background: white;
-        }
-    </style>
-</head>
-<body>
-    <h1>Тест загрузки Pixie Editor</h1>
-
-    <div id="status" class="status loading">Проверка загрузки...</div>
-
-    <div id="details">
-        <h3>Проверки:</h3>
-        <ul id="checks">
-            <li id="script-check">Загрузка скрипта Pixie...</li>
-            <li id="pixie-check">Проверка объекта Pixie...</li>
-            <li id="assets-check">Проверка ассетов...</li>
-        </ul>
-    </div>
-
-    <div id="pixie-container"></div>
-
-    <script src="/local_modules/pixie/dist/pixie.umd.js"></script>
-    <script>
-        function updateCheck(id, text, success = true) {
-            const element = document.getElementById(id);
-            element.textContent = text;
-            element.style.color = success ? 'green' : 'red';
-            element.style.fontWeight = success ? 'bold' : 'normal';
-        }
-
-        function updateStatus(text, type = 'loading') {
-            const status = document.getElementById('status');
-            status.textContent = text;
-            status.className = `status ${type}`;
-        }
-
-        // Проверка загрузки скрипта
-        updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true);
-
-        // Проверка объекта Pixie
-        setTimeout(() => {
-            if (typeof window.Pixie !== 'undefined') {
-                updateCheck('pixie-check', '✓ Объект Pixie доступен', true);
-
-              // Попытка инициализации
-                try {
-                    const pixie = new window.Pixie({
-                        selector: '#pixie-container',
-                      baseUrl: "/local_modules/pixie/assets",
-                        ui: {
-                            visible: true,
-                            mode: 'inline'
-                        }
-                    });
-
-                  updateCheck("assets-check", "✓ Ассеты успешно загружены", true);
-                    updateStatus('✓ Pixie Editor успешно инициализирован!', 'success');
-
-                } catch (error) {
-                    updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false);
-                    updateStatus('✗ Ошибка инициализации Pixie', 'error');
-                    console.error('Ошибка Pixie:', error);
-                }
-            } else {
-                updateCheck('pixie-check', '✗ Объект Pixie не найден', false);
-                updateStatus('✗ Pixie не загружен', 'error');
-            }
-        }, 1000);
-
-    </script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Тест загрузки Pixie</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            background: #f5f5f5;
+        }
+        .status {
+            padding: 10px;
+            margin: 10px 0;
+            border-radius: 4px;
+        }
+        .success {
+            background: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        .error {
+            background: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+        .loading {
+            background: #fff3cd;
+            color: #856404;
+            border: 1px solid #ffeaa7;
+        }
+        #pixie-container {
+            width: 800px;
+            height: 600px;
+            border: 1px solid #ccc;
+            margin: 20px 0;
+            background: white;
+        }
+    </style>
+</head>
+<body>
+    <h1>Тест загрузки Pixie Editor</h1>
+
+    <div id="status" class="status loading">Проверка загрузки...</div>
+
+    <div id="details">
+        <h3>Проверки:</h3>
+        <ul id="checks">
+            <li id="script-check">Загрузка скрипта Pixie...</li>
+            <li id="pixie-check">Проверка объекта Pixie...</li>
+            <li id="assets-check">Проверка ассетов...</li>
+        </ul>
+    </div>
+
+    <div id="pixie-container"></div>
+
+    <script src="/local_modules/pixie/dist/pixie.umd.js"></script>
+    <script>
+        function updateCheck(id, text, success = true) {
+            const element = document.getElementById(id);
+            element.textContent = text;
+            element.style.color = success ? 'green' : 'red';
+            element.style.fontWeight = success ? 'bold' : 'normal';
+        }
+
+        function updateStatus(text, type = 'loading') {
+            const status = document.getElementById('status');
+            status.textContent = text;
+            status.className = `status ${type}`;
+        }
+
+        // Проверка загрузки скрипта
+        updateCheck('script-check', '✓ Скрипт Pixie успешно загружен', true);
+
+        // Проверка объекта Pixie
+        setTimeout(() => {
+            if (typeof window.Pixie !== 'undefined') {
+                updateCheck('pixie-check', '✓ Объект Pixie доступен', true);
+
+              // Попытка инициализации
+                try {
+                    const pixie = new window.Pixie({
+                        selector: '#pixie-container',
+                      baseUrl: "/local_modules/pixie/assets",
+                        ui: {
+                            visible: true,
+                            mode: 'inline'
+                        }
+                    });
+
+                  updateCheck("assets-check", "✓ Ассеты успешно загружены", true);
+                    updateStatus('✓ Pixie Editor успешно инициализирован!', 'success');
+
+                } catch (error) {
+                    updateCheck('assets-check', `✗ Ошибка инициализации: ${error.message}`, false);
+                    updateStatus('✗ Ошибка инициализации Pixie', 'error');
+                    console.error('Ошибка Pixie:', error);
+                }
+            } else {
+                updateCheck('pixie-check', '✗ Объект Pixie не найден', false);
+                updateStatus('✗ Pixie не загружен', 'error');
+            }
+        }, 1000);
+
+    </script>
+</body>
+</html>

package/types.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, RefObject } from 'react';
 import { FormInstance } from 'antd/es/form';
-import { MY_FILES, GIF, STOCK_IMAGES, AI, EDITOR } from './constants';
+import { MY_FILES, GIF, STOCK_IMAGES, AI, EDITOR, IMAGE_EXTENSIONS } from './constants';
 import type { InputRef } from 'antd';
 import type { Notify, NotifyEvent } from 'notification';
 export * from 'notification';
@@ -393,6 +393,7 @@ export interface Config {
     rememberLastFolder?: boolean;
     multiSelect?: boolean;
     defaultFolderName?: string;
+    availableImageExtensions?: Array<(typeof IMAGE_EXTENSIONS)[number]>;
 }
 export type LibraryMenuKey = typeof MY_FILES | typeof GIF | typeof STOCK_IMAGES | typeof AI | typeof EDITOR;
 export interface GifItem {