@emailmaker/filemanager 0.10.101 → 0.10.103

package/package.json

@@ -1,36 +1,36 @@
-{
-  "name": "@emailmaker/filemanager",
-  "version": "0.10.101",
-  "main": "./file-manager.js",
-  "module": "./file-manager.esm.js",
-  "types": "./index.d.ts",
-  "style": "./file-manager.css",
-  "license": "MIT",
-  "peerDependencies": {
-    "@ant-design/cssinjs": "^2.1.2",
-    "@ant-design/icons": "^6.1.0",
-    "antd": "^6.4.3",
-    "browser-image-compression": "^2.0.2",
-    "pixie": "*",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@untitledui/icons": "^0.0.22"
-  },
-  "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.103",
+  "main": "./file-manager.js",
+  "module": "./file-manager.esm.js",
+  "types": "./index.d.ts",
+  "style": "./file-manager.css",
+  "license": "MIT",
+  "peerDependencies": {
+    "@ant-design/cssinjs": "^2.1.2",
+    "@ant-design/icons": "^6.1.0",
+    "antd": "^6.4.3",
+    "browser-image-compression": "^2.0.2",
+    "pixie": "*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@untitledui/icons": "^0.0.22"
+  },
+  "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/shared/fileManagerApiError.d.ts

@@ -15,6 +15,6 @@ import type { FileManagerErrorCode, IFileManagerApiError } from '../notification
 export declare class FileManagerApiError extends Error implements IFileManagerApiError {
     readonly code: FileManagerErrorCode;
     readonly status?: number | undefined;
-    readonly details?: unknown | undefined;
-    constructor(message: string, code: FileManagerErrorCode, status?: number | undefined, details?: unknown | undefined);
+    readonly details?: unknown;
+    constructor(message: string, code: FileManagerErrorCode, status?: number | undefined, details?: unknown);
 }

package/suppress-resize-observer-errors.js

@@ -1,61 +1,61 @@
-// Глобальный скрипт для подавления ошибок ResizeObserver
-// Добавьте этот скрипт в HTML перед загрузкой основного приложения
-
-(function() {
-  'use strict';
-  
-  console.log('🔧 Инициализация подавления ошибок ResizeObserver...');
-
-  // Сохраняем оригинальные обработчики
-  const originalConsoleError = console.error;
-  const originalWindowOnError = window.onerror;
-
-  // Функция для проверки, является ли ошибка связанной с ResizeObserver
-  const isResizeObserverError = (message) => {
-    return message && 
-           typeof message === 'string' && 
-           message.includes('ResizeObserver loop completed with undelivered notifications');
-  };
-
-  // Переопределяем console.error
-  console.error = function(...args) {
-    const errorMessage = args[0] && args[0].toString ? args[0].toString() : '';
-    
-    if (isResizeObserverError(errorMessage)) {
-      // Тихо игнорируем ошибку ResizeObserver
-      return;
-    }
-    
-    // Передаем все остальные ошибки оригинальному обработчику
-    return originalConsoleError.apply(console, args);
-  };
-
-  // Переопределяем window.onerror
-  window.onerror = function(message, source, lineno, colno, error) {
-    if (isResizeObserverError(message) || 
-        (error && isResizeObserverError(error.message))) {
-      // Подавляем ошибку ResizeObserver
-      return true;
-    }
-    
-    // Передаем остальные ошибки оригинальному обработчику
-    if (originalWindowOnError) {
-      return originalWindowOnError.call(this, message, source, lineno, colno, error);
-    }
-    
-    return false;
-  };
-
-  // Обработчик для событий ошибок
-  window.addEventListener('error', function(event) {
-    if (isResizeObserverError(event.message)) {
-      event.stopImmediatePropagation();
-      event.preventDefault();
-    }
-  }, true);
-
-  // Monkey patch для ResizeObserver отключен из-за проблем с React
-  // Полагаемся на обработчики ошибок выше
-
-  console.log('✅ Подавление ошибок ResizeObserver активировано');
+// Глобальный скрипт для подавления ошибок ResizeObserver
+// Добавьте этот скрипт в HTML перед загрузкой основного приложения
+
+(function() {
+  'use strict';
+  
+  console.log('🔧 Инициализация подавления ошибок ResizeObserver...');
+
+  // Сохраняем оригинальные обработчики
+  const originalConsoleError = console.error;
+  const originalWindowOnError = window.onerror;
+
+  // Функция для проверки, является ли ошибка связанной с ResizeObserver
+  const isResizeObserverError = (message) => {
+    return message && 
+           typeof message === 'string' && 
+           message.includes('ResizeObserver loop completed with undelivered notifications');
+  };
+
+  // Переопределяем console.error
+  console.error = function(...args) {
+    const errorMessage = args[0] && args[0].toString ? args[0].toString() : '';
+    
+    if (isResizeObserverError(errorMessage)) {
+      // Тихо игнорируем ошибку ResizeObserver
+      return;
+    }
+    
+    // Передаем все остальные ошибки оригинальному обработчику
+    return originalConsoleError.apply(console, args);
+  };
+
+  // Переопределяем window.onerror
+  window.onerror = function(message, source, lineno, colno, error) {
+    if (isResizeObserverError(message) || 
+        (error && isResizeObserverError(error.message))) {
+      // Подавляем ошибку ResizeObserver
+      return true;
+    }
+    
+    // Передаем остальные ошибки оригинальному обработчику
+    if (originalWindowOnError) {
+      return originalWindowOnError.call(this, message, source, lineno, colno, error);
+    }
+    
+    return false;
+  };
+
+  // Обработчик для событий ошибок
+  window.addEventListener('error', function(event) {
+    if (isResizeObserverError(event.message)) {
+      event.stopImmediatePropagation();
+      event.preventDefault();
+    }
+  }, true);
+
+  // Monkey patch для ResizeObserver отключен из-за проблем с React
+  // Полагаемся на обработчики ошибок выше
+
+  console.log('✅ Подавление ошибок ResizeObserver активировано');
 })(); 

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

@@ -463,6 +463,14 @@ export interface Config {
         /** Включить удаление */
         enableDelete?: boolean;
     };
+    /**
+     * Library tabs shown with a lock badge instead of being usable — for hosts that gate features
+     * by subscription plan. Clicking a locked tab fires `onLockedTabClick` and does not open it.
+     * Absent or empty: nothing is locked (previous behaviour).
+     */
+    lockedTabs?: LibraryMenuKey[];
+    /** Called when the user clicks a tab listed in `lockedTabs`, e.g. to show an upsell dialog. */
+    onLockedTabClick?: (tab: LibraryMenuKey) => void;
     dataProcessingMode?: 'server' | 'client' | 'auto';
     enableClientSideProcessing?: boolean;
     disablePagination?: boolean;