@emailmaker/filemanager 0.10.61 → 0.10.62

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "@emailmaker/filemanager",
-  "version": "0.10.61",
-  "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.62",
+  "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>-->