@emailmaker/filemanager 0.10.101 → 0.10.102

package/file-manager.css

@@ -1,145 +1,3 @@
-@charset "UTF-8";
-.em-filemanager .root {
-  padding: 16px 20px 24px;
-  max-width: 520px;
-}
-
-.em-filemanager .controls {
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-}
-
-.em-filemanager .segmentedControl {
-  background-color: var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));
-  padding: 4px;
-}
-
-.em-filemanager .sizeRow {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px 24px;
-  align-items: center;
-  width: 100%;
-}
-
-.em-filemanager .sizeRowLabel {
-  margin: 0;
-}
-
-/** InputNumber с prefix / suffix — ширина блока значения */
-.em-filemanager .sizeInputNumber {
-  width: 100%;
-}
-
-.em-filemanager .sizeSuffix {
-  color: var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));
-  font-size: 13px;
-  line-height: 1;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
-.em-filemanager .colorGrid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 16px 24px;
-}
-
-.em-filemanager .colorCell {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  gap: 8px;
-  min-width: 0;
-}
-
-.em-filemanager .colorCellLabel {
-  margin: 0 !important;
-  white-space: nowrap;
-}
-
-.em-filemanager .colorPickerFull {
-  width: 100%;
-  justify-content: flex-start;
-}
-
-.em-filemanager .bgExtras {
-  grid-column: 1/-1;
-  margin-top: -8px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.em-filemanager .bgWarning {
-  margin: 0;
-}
-
-.em-filemanager .previewSection {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.em-filemanager .previewTitle {
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.em-filemanager .previewWrap {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 220px;
-  padding: 16px;
-  border: 1px solid var(--ant-color-border-secondary, #f0f0f0);
-  border-radius: 8px;
-  background-color: var(--ant-color-fill-quaternary, #fafafa);
-  background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%), linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%), linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);
-  background-size: 16px 16px;
-  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
-  position: relative;
-  overflow: hidden;
-}
-
-.em-filemanager .scanLine {
-  position: absolute;
-  top: 50%;
-  left: 20%;
-  right: 20%;
-  height: 2px;
-  background-color: #ff4d4f;
-  box-shadow: 0 0 6px #ff4d4f;
-  z-index: 10;
-  pointer-events: none;
-}
-
-.em-filemanager .scanLineBarcode {
-  left: 10%;
-  right: 10%;
-}
-
-.em-filemanager .previewWrapBarcode {
-  min-height: 104px;
-  padding: 12px 16px;
-}
-
-.em-filemanager .previewCanvas {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  background: transparent;
-}
-
-.em-filemanager .previewCanvasBarcode {
-  max-height: 120px;
-  width: auto;
-}
-
-.em-filemanager .actions {
-  margin-top: 8px;
-}
 .em-filemanager .iconsTab {
   display: flex;
   flex-direction: column;
@@ -576,6 +434,148 @@
   background: rgba(255, 255, 255, 0.6);
   pointer-events: all;
 }
+@charset "UTF-8";
+.em-filemanager .root {
+  padding: 16px 20px 24px;
+  max-width: 520px;
+}
+
+.em-filemanager .controls {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.em-filemanager .segmentedControl {
+  background-color: var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));
+  padding: 4px;
+}
+
+.em-filemanager .sizeRow {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px 24px;
+  align-items: center;
+  width: 100%;
+}
+
+.em-filemanager .sizeRowLabel {
+  margin: 0;
+}
+
+/** InputNumber с prefix / suffix — ширина блока значения */
+.em-filemanager .sizeInputNumber {
+  width: 100%;
+}
+
+.em-filemanager .sizeSuffix {
+  color: var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));
+  font-size: 13px;
+  line-height: 1;
+  -webkit-user-select: none;
+          user-select: none;
+}
+
+.em-filemanager .colorGrid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px 24px;
+}
+
+.em-filemanager .colorCell {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 8px;
+  min-width: 0;
+}
+
+.em-filemanager .colorCellLabel {
+  margin: 0 !important;
+  white-space: nowrap;
+}
+
+.em-filemanager .colorPickerFull {
+  width: 100%;
+  justify-content: flex-start;
+}
+
+.em-filemanager .bgExtras {
+  grid-column: 1/-1;
+  margin-top: -8px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.em-filemanager .bgWarning {
+  margin: 0;
+}
+
+.em-filemanager .previewSection {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.em-filemanager .previewTitle {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.em-filemanager .previewWrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 220px;
+  padding: 16px;
+  border: 1px solid var(--ant-color-border-secondary, #f0f0f0);
+  border-radius: 8px;
+  background-color: var(--ant-color-fill-quaternary, #fafafa);
+  background-image: linear-gradient(45deg, #e8e8e8 25%, transparent 25%), linear-gradient(-45deg, #e8e8e8 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e8e8e8 75%), linear-gradient(-45deg, transparent 75%, #e8e8e8 75%);
+  background-size: 16px 16px;
+  background-position: 0 0, 0 8px, 8px -8px, -8px 0;
+  position: relative;
+  overflow: hidden;
+}
+
+.em-filemanager .scanLine {
+  position: absolute;
+  top: 50%;
+  left: 20%;
+  right: 20%;
+  height: 2px;
+  background-color: #ff4d4f;
+  box-shadow: 0 0 6px #ff4d4f;
+  z-index: 10;
+  pointer-events: none;
+}
+
+.em-filemanager .scanLineBarcode {
+  left: 10%;
+  right: 10%;
+}
+
+.em-filemanager .previewWrapBarcode {
+  min-height: 104px;
+  padding: 12px 16px;
+}
+
+.em-filemanager .previewCanvas {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  background: transparent;
+}
+
+.em-filemanager .previewCanvasBarcode {
+  max-height: 120px;
+  width: auto;
+}
+
+.em-filemanager .actions {
+  margin-top: 8px;
+}
 .em-filemanager .noFilesContainer {
   text-align: center;
 }
@@ -1593,6 +1593,26 @@
   padding: 2px 0;
   min-width: 0; /* Позволяет flex-элементам сжиматься */
 }
+
+/** Tab locked by the host (e.g. by subscription plan): still shown, but badged with a lock. */
+.em-filemanager .lockedTabIcon {
+  position: relative;
+  display: inline-flex;
+  opacity: 0.55;
+}
+
+.em-filemanager .lockedTabLock {
+  position: absolute;
+  right: -4px;
+  bottom: -2px;
+  opacity: 1;
+  border-radius: 100%;
+  background-color: var(--colorBgContainer);
+}
+
+.em-filemanager .lockedTabLabel {
+  opacity: 0.55;
+}
 @charset "UTF-8";
 .em-filemanager .uploadProgress {
   position: fixed;

package/file-manager.esm.js

@@ -1,2 +1,2 @@
-export{a1 as DEFAULT_FILE_MANAGER_CACHE_TTL_MS,a3 as DataSourceProxyBase,L as FailedRequestCache,A as FileContent,G as FileManagerApiError,z as FileManagerApp,t as FileManagerAppWithContext,B as FileModals,C as FolderSidebar,M as MutationRegistry,a4 as PathAwareStorageAdapter,P as PixieOnlyApp,X as TRASH_FOLDER_ID,$ as TreeCache,a0 as ViewCacheManager,I as buildAssetsPath,O as compareFileSystemItems,Y as createSystemFolderByPathResolver,y as default,Q as defaultChildrenViewFilterMatch,R as defaultFileSystemItemComparator,S as defaultHasSortValue,a2 as defaultIsFolderNotFoundError,a5 as fetchRemoteImageBlobByUrl,K as getAssetsBase,Z as getTrashFolderLookupCandidates,T as hasComparableSortValue,q as init,x as initFileManager,v as initPixieEditor,D as installResizeObserverErrorHandler,J as joinUrls,H as mapHttpStatusToErrorCode,U as matchesChildrenViewFilter,_ as normalizeSystemFolderPath,V as resolveSortParams,W as resolveViewStrategyOptions,E as uninstallResizeObserverErrorHandler,s as unmount,w as unmountPixieEditor}from"./file-manager-index-C_WmI5Gt.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"@ant-design/icons";import"@ant-design/cssinjs";import"react-dom";import"@untitledui/icons";import"browser-image-compression";import"pixie";
+export{a1 as DEFAULT_FILE_MANAGER_CACHE_TTL_MS,a3 as DataSourceProxyBase,L as FailedRequestCache,A as FileContent,G as FileManagerApiError,z as FileManagerApp,t as FileManagerAppWithContext,B as FileModals,C as FolderSidebar,M as MutationRegistry,a4 as PathAwareStorageAdapter,P as PixieOnlyApp,X as TRASH_FOLDER_ID,$ as TreeCache,a0 as ViewCacheManager,I as buildAssetsPath,O as compareFileSystemItems,Y as createSystemFolderByPathResolver,y as default,Q as defaultChildrenViewFilterMatch,R as defaultFileSystemItemComparator,S as defaultHasSortValue,a2 as defaultIsFolderNotFoundError,a5 as fetchRemoteImageBlobByUrl,K as getAssetsBase,Z as getTrashFolderLookupCandidates,T as hasComparableSortValue,q as init,x as initFileManager,v as initPixieEditor,D as installResizeObserverErrorHandler,J as joinUrls,H as mapHttpStatusToErrorCode,U as matchesChildrenViewFilter,_ as normalizeSystemFolderPath,V as resolveSortParams,W as resolveViewStrategyOptions,E as uninstallResizeObserverErrorHandler,s as unmount,w as unmountPixieEditor}from"./file-manager-index-CVN64GK6.js";import"react/jsx-runtime";import"react";import"react-dom/client";import"antd";import"@ant-design/icons";import"@ant-design/cssinjs";import"react-dom";import"@untitledui/icons";import"browser-image-compression";import"pixie";
 //# sourceMappingURL=file-manager.esm.js.map

package/file-manager.js

@@ -44543,6 +44543,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__7928__;
 /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(550);
 /* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(antd__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(133);
+/* harmony import */ var _utils_libraryTabLock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(8546);
+
 
 
 
@@ -44598,16 +44600,18 @@ const FileManagerProvider = ({ children, options }) => {
     const [currentMenuFile, setCurrentMenuFile] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)('');
     const [loading, setLoading] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
     const [activeLibraryItem, setActiveLibraryItem] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(_constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
+    /** A locked tab must never become active — otherwise the host's lock would be bypassed. */
+    const isLibraryItemOpenable = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((item) => isLibraryItemEnabled(item) && !(0,_utils_libraryTabLock__WEBPACK_IMPORTED_MODULE_4__/* .isLibraryTabLocked */ .v)(item, config), [config, isLibraryItemEnabled]);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
         if ((config === null || config === void 0 ? void 0 : config.activeLibraryItem) && setActiveLibraryItem) {
-            setActiveLibraryItem(isLibraryItemEnabled(config.activeLibraryItem) ? config.activeLibraryItem : _constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
+            setActiveLibraryItem(isLibraryItemOpenable(config.activeLibraryItem) ? config.activeLibraryItem : _constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
         }
-    }, [config === null || config === void 0 ? void 0 : config.activeLibraryItem, isLibraryItemEnabled, setActiveLibraryItem]);
+    }, [config === null || config === void 0 ? void 0 : config.activeLibraryItem, isLibraryItemOpenable, setActiveLibraryItem]);
     (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-        if (!isLibraryItemEnabled(activeLibraryItem)) {
+        if (!isLibraryItemOpenable(activeLibraryItem)) {
             setActiveLibraryItem(_constants__WEBPACK_IMPORTED_MODULE_3__/* .MY_FILES */ .Zz);
         }
-    }, [activeLibraryItem, isLibraryItemEnabled]);
+    }, [activeLibraryItem, isLibraryItemOpenable]);
     const [pagination, setPagination] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)({
         current: 1,
         pageSize: 20,
@@ -44735,6 +44739,21 @@ const FileManagerProvider = ({ children, options }) => {
 };
 
 
+/***/ }),
+
+/***/ 8546:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   v: () => (/* binding */ isLibraryTabLocked)
+/* harmony export */ });
+function isLibraryTabLocked(tab, config) {
+    var _a;
+    return Boolean((_a = config === null || config === void 0 ? void 0 : config.lockedTabs) === null || _a === void 0 ? void 0 : _a.includes(tab));
+}
+
+
 /***/ }),
 
 /***/ 8573:
@@ -48459,7 +48478,7 @@ var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__button__Yf2rX:hover{background-color:var(--colorBgContainer);color:var(--colorPrimary)}.FolderSidebar-module__foldersTitle__Uh6u7{display:flex;align-items:center;flex:1;cursor:pointer}.FolderSidebar-module__folderActions__qA2Bk{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;z-index:10}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__customExpandIcon__IhZJl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;cursor:pointer;color:#666;font-size:10px;transition:transform .2s ease}.FolderSidebar-module__customExpandIcon__IhZJl:hover{color:var(--colorPrimary)}.FolderSidebar-module__fileCount__bD9DD{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:100%;padding:0 6px;margin-left:8px;color:#8d8d8d;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;cursor:default;flex-shrink:0;margin-right:10px}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folder-label span,.FolderSidebar-module__folderMenu__JCzLF .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-selected .folderLabelItem{font-weight:600 !important}.FolderSidebar-module__uploadButton__QQUid{width:100%;justify-content:flex-start}.FolderSidebar-module__uploadButton__QQUid button:hover{background-color:var(--colorPrimaryHover) !important}.FolderSidebar-module__folderMenu__JCzLF{padding-left:0;padding-right:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-radius:4px;transition:background-color .2s ease;width:100%;margin-bottom:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper{flex:1;align-items:center;padding:0;transition:background-color .2s ease}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher{height:24px;width:24px;margin-top:5px;display:flex !important;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-noop{width:24px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-line-icon{color:#d9d9d9}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .folder-label{display:flex;align-items:center;flex:1;color:#595959;font-size:14px;min-width:0;overflow:hidden}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"]{border-bottom:1px solid var(--colorBorderSecondary);margin-bottom:8px;padding-bottom:8px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"].ant-tree-treenode-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper{padding:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__emptyFolderContainer__WK6tx{padding:20px;text-align:center}.FolderSidebar-module__folderMenu__JCzLF .ant-tree > .ant-tree-treenode{padding-left:0 !important}.FolderSidebar-module__folderIcon__UoZzH{margin-right:8px;font-size:18px;flex-shrink:0}.FolderSidebar-module__folderLabelItem__uJ062{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;user-select:none}.FolderSidebar-module__foldersTitleItem__gapOI{display:flex;align-items:center;flex:1;cursor:pointer;min-width:0;overflow:hidden}.FolderSidebar-module__folderLabel__fHWMp{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.FolderSidebar-module__foldersContainer__zdBVU{position:relative;width:100%}.FolderSidebar-module__uploadButton__QQUid .FolderSidebar-module__ant-btn__LXAXm,.FolderSidebar-module__uploadButton__QQUid .ant-btn{display:flex;align-items:center;justify-content:center;gap:3px}.FolderSidebar-module__buttonWrapper__a9Qi5{margin-bottom:24px;display:flex;gap:4px}.FolderSidebar-module__buttonWrapper__a9Qi5>:first-child{flex:1;height:40px;padding-left:10px}.FolderSidebar-module__buttonWrapper__a9Qi5>:last-child{width:40px;height:40px;flex-shrink:0}.FolderSidebar-module__uploadByURLButton__epMiC.ant-btn.ant-btn-icon-only{width:40px;min-width:40px;height:40px;padding:0;flex-shrink:0}.FolderSidebar-module__uploadButtonIcon__mWQmq{font-size:20px}.FolderSidebar-module__uploadButtonTitle__wk_o6{line-height:1em}.FolderSidebar-module__emptyFolderContainer__WK6tx{user-select:none;cursor:default;color:var(--colorTextTertiary)}.FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}`, "",{"version":3,"sources":["webpack://./src/components/FolderSidebar/FolderSidebar.module.scss"],"names":[],"mappings":"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","sourcesContent":[".button:global(.ant-btn.ant-btn-icon-only) {\r\n    padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\r\n    cursor: pointer;\r\n    color: var(--colorTextSecondary);\r\n    display: flex;\r\n    gap: calc(var(--marginXS) * 1px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: calc(var(--borderRadiusSM) * 1px);\r\n    transition: all var(--motionDurationFast);\r\n    box-shadow: none;\r\n\r\n    border: none;\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    &:hover {\r\n        background-color: var(--colorBgLayout);\r\n        color: inherit;\r\n    }\r\n}\r\n\r\n.button:hover {\r\n    background-color: var(--colorBgContainer);\r\n    color: var(--colorPrimary);\r\n}\r\n\r\n.foldersTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.folderActions {\r\n    position: absolute;\r\n    top: 4px; /* Выравниваем по заголовку Folders */\r\n    right: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    z-index: 10;\r\n\r\n    .button.ant-btn.ant-btn-icon-only {\r\n      padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\r\n      cursor: pointer;\r\n      color: var(--colorTextSecondary);\r\n      display: flex;\r\n      gap: calc(var(--marginXS) * 1px);\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: calc(var(--borderRadiusSM) * 1px);\r\n      transition: all var(--motionDurationFast);\r\n      box-shadow: none;\r\n\r\n      border: none;\r\n      width: 32px;\r\n      height: 32px;\r\n\r\n      &:hover {\r\n          background-color: var(--colorBgLayout);\r\n          color: inherit;\r\n      }\r\n  }\r\n}\r\n\r\n.customExpandIcon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n  margin-right: 8px;\r\n  cursor: pointer;\r\n  color: #666;\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.customExpandIcon:hover {\r\n    color: var(--colorPrimary);\r\n}\r\n\r\n.fileCount {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 20px;\r\n    height: 100%;\r\n  padding: 0 6px;\r\n  margin-left: 8px;\r\n    color: #8D8D8D;\r\n    font-size: 14px;\r\n  font-weight: 500;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n  flex-shrink: 0; /* Запрещаем сжатие счетчика */\r\n  margin-right: 10px;\r\n}\r\n\r\n// .fileCount:hover {\r\n//     border-color: var(--colorPrimary);\r\n//     color: var(--colorPrimary);\r\n// }\r\n\r\n:global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {\r\n  color: red !important;\r\n} */\r\n\r\n/* Стили для выделения текста в выбранной папке */\r\n.folderMenu :global(.ant-tree-treenode-selected .folder-label span),\r\n.folderMenu :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem),\r\n.folderMenu :global(.ant-tree-treenode-selected .folderLabelItem),\r\n.folderMenu :global(.ant-tree-node-selected .folderLabelItem) {\r\n  font-weight: 600 !important;\r\n}\r\n\r\n/* Стили для иконки в выбранной папке */\r\n/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),\r\n.folderMenu :global(.ant-tree-node-selected .folderIcon) {\r\n  color: red !important;\r\n} */\r\n\r\n/* CSS переменные для упрощения расчетов */\r\n\r\n.uploadButton {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n\r\n    & button:hover {\r\n      background-color: var(--colorPrimaryHover) !important;\r\n    }\r\n}\r\n\r\n.folderMenu {\r\n  padding-left: 0;\r\n  padding-right: 0; /* Место для кнопки справа */\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode) {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 4px 0;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s ease;\r\n  width: 100%;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-node-content-wrapper) {\r\n  flex: 1;\r\n  /* display: flex; */\r\n  align-items: center;\r\n  padding: 0;\r\n  /* border-radius: 4px; */\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-node-content-wrapper:hover) {\r\n  background-color: transparent;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-switcher) {\r\n  height: 24px;\r\n  width: 24px;\r\n  margin-top: 5px;\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: color 0.2s ease;\r\n  flex-shrink: 0; /* Запрещаем сжатие переключателя */\r\n}\r\n\r\n.folderMenu :global(.ant-tree-switcher-noop) {\r\n  width: 24px;\r\n}\r\n\r\n/* Стили для линий дерева */\r\n.folderMenu :global(.ant-tree-switcher-line-icon) {\r\n  color: #d9d9d9;\r\n}\r\n\r\n/* Улучшение отображения folder-item-container */\r\n.folderMenu .folderItemContainer {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 2px 0;\r\n  min-width: 0; /* Позволяет flex-элементам сжиматься */\r\n}\r\n\r\n.folderMenu :global(.folder-label) {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  color: #595959;\r\n  font-size: 14px;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Стили для корневого элемента Folders */\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders']) {\r\n    border-bottom: 1px solid var(--colorBorderSecondary);\r\n  margin-bottom: 8px;\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'].ant-tree-treenode-selected) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper) {\r\n  padding: 0;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper:hover) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n/* Стили для ellipsis - удаляем max-width для гибкости */\r\n.folderMenu :global(.ellipsis) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n/* Стили для пустого состояния */\r\n.folderMenu .emptyFolderContainer {\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n\r\n/* Убираем отступы у корневого узла */\r\n.folderMenu :global(.ant-tree > .ant-tree-treenode) {\r\n  padding-left: 0 !important;\r\n}\r\n.folderIcon {\r\n  margin-right: 8px;\r\n    font-size: 18px;\r\n  flex-shrink: 0; /* Запрещаем сжатие иконки */\r\n}\r\n\r\n.folderLabelItem {\r\n  font-size: 14px;\r\n  white-space: nowrap; /* Запрещаем перенос строк */\r\n  overflow: hidden; /* Скрываем переполнение */\r\n  text-overflow: ellipsis; /* Показываем троеточие */\r\n  flex: 1; /* Занимает доступное место */\r\n  min-width: 0; /* Позволяет сжиматься */\r\n  user-select: none;\r\n}\r\n\r\n.foldersTitleItem {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-width: 0; /* Позволяет сжиматься */\r\n  overflow: hidden; /* Скрываем переполнение */\r\n}\r\n\r\n/* .foldersTitleItem .folderLabelItem {\r\n  font-weight: 500;\r\n  color: #262626;\r\n} */\r\n\r\n/* Класс для заголовка папок */\r\n.folderLabel {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.foldersContainer {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n/* Дополнительные стили для улучшения визуала */\r\n/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {\r\n  color: #1890ff;\r\n} */\r\n\r\n/* Стили для дивайдера между папками */\r\n\r\n\r\n.uploadButton .ant-btn,\r\n.uploadButton :global(.ant-btn) {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 3px;\r\n}\r\n/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\r\n  color: #1890ff !important;\r\n} */\r\n\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderLabelItem,\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderIcon,\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\r\n//     color: var(--colorLink);\r\n// }\r\n\r\n\r\n.buttonWrapper {\r\n    // overflow: hidden;\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    gap: 4px;\r\n    // border-radius: calc(var(--borderRadius) * 1px);\r\n    \r\n    // Левая кнопка занимает всю доступную ширину\r\n    > :first-child {\r\n        flex: 1;\r\n        height: 40px;\r\n        padding-left: 10px;\r\n    }\r\n    \r\n    // Правая кнопка строго 40px\r\n    > :last-child {\r\n        width: 40px;\r\n        height: 40px;\r\n        flex-shrink: 0;\r\n    }\r\n}\r\n\r\n/* Кнопка «Загрузить по URL» — icon-only, поэтому хост-приложение может задать ей\r\n   свои размеры глобальным правилом `.ant-btn.ant-btn-icon-only` (в emailmaker это\r\n   --formControlHeight: 34) и она становится ниже кнопки «Загрузить файл».\r\n   Три класса в селекторе перебивают такие правила без !important. */\r\n.uploadByURLButton:global(.ant-btn.ant-btn-icon-only) {\r\n    width: 40px;\r\n    min-width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.uploadButtonIcon {\r\n    font-size: 20px;\r\n}\r\n\r\n.uploadButtonTitle {\r\n    line-height: 1em;\r\n}\r\n\r\n.emptyFolderContainer {\r\n    user-select: none;\r\n    cursor: default;\r\n    color: var(--colorTextTertiary);\r\n}\r\n\r\n.folderItemContainer {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 2px 0;\r\n    min-width: 0; /* Позволяет flex-элементам сжиматься */\r\n}\r\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, `.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__button__Yf2rX.ant-btn.ant-btn-icon-only:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__button__Yf2rX:hover{background-color:var(--colorBgContainer);color:var(--colorPrimary)}.FolderSidebar-module__foldersTitle__Uh6u7{display:flex;align-items:center;flex:1;cursor:pointer}.FolderSidebar-module__folderActions__qA2Bk{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;z-index:10}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF{padding:calc(var(--paddingXXS)*1px) calc(var(--paddingSM)*1px);cursor:pointer;color:var(--colorTextSecondary);display:flex;gap:calc(var(--marginXS)*1px);align-items:center;justify-content:center;border-radius:calc(var(--borderRadiusSM)*1px);transition:all var(--motionDurationFast);box-shadow:none;border:none;width:32px;height:32px}.FolderSidebar-module__folderActions__qA2Bk .FolderSidebar-module__button__Yf2rX.FolderSidebar-module__ant-btn__LXAXm.FolderSidebar-module__ant-btn-icon-only__j_wVF:hover{background-color:var(--colorBgLayout);color:inherit}.FolderSidebar-module__customExpandIcon__IhZJl{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;cursor:pointer;color:#666;font-size:10px;transition:transform .2s ease}.FolderSidebar-module__customExpandIcon__IhZJl:hover{color:var(--colorPrimary)}.FolderSidebar-module__fileCount__bD9DD{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:100%;padding:0 6px;margin-left:8px;color:#8d8d8d;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;cursor:default;flex-shrink:0;margin-right:10px}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folder-label span,.FolderSidebar-module__folderMenu__JCzLF .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode-selected .folderLabelItem,.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-selected .folderLabelItem{font-weight:600 !important}.FolderSidebar-module__uploadButton__QQUid{width:100%;justify-content:flex-start}.FolderSidebar-module__uploadButton__QQUid button:hover{background-color:var(--colorPrimaryHover) !important}.FolderSidebar-module__folderMenu__JCzLF{padding-left:0;padding-right:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-radius:4px;transition:background-color .2s ease;width:100%;margin-bottom:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper{flex:1;align-items:center;padding:0;transition:background-color .2s ease}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0)}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher{height:24px;width:24px;margin-top:5px;display:flex !important;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-noop{width:24px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-switcher-line-icon{color:#d9d9d9}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .folder-label{display:flex;align-items:center;flex:1;color:#595959;font-size:14px;min-width:0;overflow:hidden}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"]{border-bottom:1px solid var(--colorBorderSecondary);margin-bottom:8px;padding-bottom:8px}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"].ant-tree-treenode-selected{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper{padding:0}.FolderSidebar-module__folderMenu__JCzLF .ant-tree-treenode[data-key="folders"] .ant-tree-node-content-wrapper:hover{background-color:rgba(0,0,0,0) !important}.FolderSidebar-module__folderMenu__JCzLF .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.FolderSidebar-module__folderMenu__JCzLF .FolderSidebar-module__emptyFolderContainer__WK6tx{padding:20px;text-align:center}.FolderSidebar-module__folderMenu__JCzLF .ant-tree > .ant-tree-treenode{padding-left:0 !important}.FolderSidebar-module__folderIcon__UoZzH{margin-right:8px;font-size:18px;flex-shrink:0}.FolderSidebar-module__folderLabelItem__uJ062{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;user-select:none}.FolderSidebar-module__foldersTitleItem__gapOI{display:flex;align-items:center;flex:1;cursor:pointer;min-width:0;overflow:hidden}.FolderSidebar-module__folderLabel__fHWMp{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.FolderSidebar-module__foldersContainer__zdBVU{position:relative;width:100%}.FolderSidebar-module__uploadButton__QQUid .FolderSidebar-module__ant-btn__LXAXm,.FolderSidebar-module__uploadButton__QQUid .ant-btn{display:flex;align-items:center;justify-content:center;gap:3px}.FolderSidebar-module__buttonWrapper__a9Qi5{margin-bottom:24px;display:flex;gap:4px}.FolderSidebar-module__buttonWrapper__a9Qi5>:first-child{flex:1;height:40px;padding-left:10px}.FolderSidebar-module__buttonWrapper__a9Qi5>:last-child{width:40px;height:40px;flex-shrink:0}.FolderSidebar-module__uploadByURLButton__epMiC.ant-btn.ant-btn-icon-only{width:40px;min-width:40px;height:40px;padding:0;flex-shrink:0}.FolderSidebar-module__uploadButtonIcon__mWQmq{font-size:20px}.FolderSidebar-module__uploadButtonTitle__wk_o6{line-height:1em}.FolderSidebar-module__emptyFolderContainer__WK6tx{user-select:none;cursor:default;color:var(--colorTextTertiary)}.FolderSidebar-module__folderItemContainer__byl5b{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2px 0;min-width:0}.FolderSidebar-module__lockedTabIcon__gYKRY{position:relative;display:inline-flex;opacity:.55}.FolderSidebar-module__lockedTabLock__rbkfX{position:absolute;right:-4px;bottom:-2px;opacity:1;border-radius:100%;background-color:var(--colorBgContainer)}.FolderSidebar-module__lockedTabLabel__gvifJ{opacity:.55}`, "",{"version":3,"sources":["webpack://./src/components/FolderSidebar/FolderSidebar.module.scss"],"names":[],"mappings":"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","sourcesContent":[".button:global(.ant-btn.ant-btn-icon-only) {\r\n    padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\r\n    cursor: pointer;\r\n    color: var(--colorTextSecondary);\r\n    display: flex;\r\n    gap: calc(var(--marginXS) * 1px);\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: calc(var(--borderRadiusSM) * 1px);\r\n    transition: all var(--motionDurationFast);\r\n    box-shadow: none;\r\n\r\n    border: none;\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    &:hover {\r\n        background-color: var(--colorBgLayout);\r\n        color: inherit;\r\n    }\r\n}\r\n\r\n.button:hover {\r\n    background-color: var(--colorBgContainer);\r\n    color: var(--colorPrimary);\r\n}\r\n\r\n.foldersTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n}\r\n\r\n.folderActions {\r\n    position: absolute;\r\n    top: 4px; /* Выравниваем по заголовку Folders */\r\n    right: 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    z-index: 10;\r\n\r\n    .button.ant-btn.ant-btn-icon-only {\r\n      padding: calc(var(--paddingXXS) * 1px) calc(var(--paddingSM) * 1px);\r\n      cursor: pointer;\r\n      color: var(--colorTextSecondary);\r\n      display: flex;\r\n      gap: calc(var(--marginXS) * 1px);\r\n      align-items: center;\r\n      justify-content: center;\r\n      border-radius: calc(var(--borderRadiusSM) * 1px);\r\n      transition: all var(--motionDurationFast);\r\n      box-shadow: none;\r\n\r\n      border: none;\r\n      width: 32px;\r\n      height: 32px;\r\n\r\n      &:hover {\r\n          background-color: var(--colorBgLayout);\r\n          color: inherit;\r\n      }\r\n  }\r\n}\r\n\r\n.customExpandIcon {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 16px;\r\n  height: 16px;\r\n  margin-right: 8px;\r\n  cursor: pointer;\r\n  color: #666;\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.customExpandIcon:hover {\r\n    color: var(--colorPrimary);\r\n}\r\n\r\n.fileCount {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 20px;\r\n    height: 100%;\r\n  padding: 0 6px;\r\n  margin-left: 8px;\r\n    color: #8D8D8D;\r\n    font-size: 14px;\r\n  font-weight: 500;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n  flex-shrink: 0; /* Запрещаем сжатие счетчика */\r\n  margin-right: 10px;\r\n}\r\n\r\n// .fileCount:hover {\r\n//     border-color: var(--colorPrimary);\r\n//     color: var(--colorPrimary);\r\n// }\r\n\r\n:global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {\r\n  color: red !important;\r\n} */\r\n\r\n/* Стили для выделения текста в выбранной папке */\r\n.folderMenu :global(.ant-tree-treenode-selected .folder-label span),\r\n.folderMenu :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .folderLabelItem),\r\n.folderMenu :global(.ant-tree-treenode-selected .folderLabelItem),\r\n.folderMenu :global(.ant-tree-node-selected .folderLabelItem) {\r\n  font-weight: 600 !important;\r\n}\r\n\r\n/* Стили для иконки в выбранной папке */\r\n/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),\r\n.folderMenu :global(.ant-tree-node-selected .folderIcon) {\r\n  color: red !important;\r\n} */\r\n\r\n/* CSS переменные для упрощения расчетов */\r\n\r\n.uploadButton {\r\n    width: 100%;\r\n    justify-content: flex-start;\r\n\r\n    & button:hover {\r\n      background-color: var(--colorPrimaryHover) !important;\r\n    }\r\n}\r\n\r\n.folderMenu {\r\n  padding-left: 0;\r\n  padding-right: 0; /* Место для кнопки справа */\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode) {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 4px 0;\r\n  border-radius: 4px;\r\n  transition: background-color 0.2s ease;\r\n  width: 100%;\r\n  margin-bottom: 0;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-node-content-wrapper) {\r\n  flex: 1;\r\n  /* display: flex; */\r\n  align-items: center;\r\n  padding: 0;\r\n  /* border-radius: 4px; */\r\n  transition: background-color 0.2s ease;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-node-content-wrapper:hover) {\r\n  background-color: transparent;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-switcher) {\r\n  height: 24px;\r\n  width: 24px;\r\n  margin-top: 5px;\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: color 0.2s ease;\r\n  flex-shrink: 0; /* Запрещаем сжатие переключателя */\r\n}\r\n\r\n.folderMenu :global(.ant-tree-switcher-noop) {\r\n  width: 24px;\r\n}\r\n\r\n/* Стили для линий дерева */\r\n.folderMenu :global(.ant-tree-switcher-line-icon) {\r\n  color: #d9d9d9;\r\n}\r\n\r\n/* Улучшение отображения folder-item-container */\r\n.folderMenu .folderItemContainer {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 2px 0;\r\n  min-width: 0; /* Позволяет flex-элементам сжиматься */\r\n}\r\n\r\n.folderMenu :global(.folder-label) {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  color: #595959;\r\n  font-size: 14px;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Стили для корневого элемента Folders */\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders']) {\r\n    border-bottom: 1px solid var(--colorBorderSecondary);\r\n  margin-bottom: 8px;\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'].ant-tree-treenode-selected) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper) {\r\n  padding: 0;\r\n}\r\n\r\n.folderMenu :global(.ant-tree-treenode[data-key='folders'] .ant-tree-node-content-wrapper:hover) {\r\n  background-color: transparent !important;\r\n}\r\n\r\n/* Стили для ellipsis - удаляем max-width для гибкости */\r\n.folderMenu :global(.ellipsis) {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n/* Стили для пустого состояния */\r\n.folderMenu .emptyFolderContainer {\r\n  padding: 20px;\r\n  text-align: center;\r\n}\r\n\r\n/* Убираем отступы у корневого узла */\r\n.folderMenu :global(.ant-tree > .ant-tree-treenode) {\r\n  padding-left: 0 !important;\r\n}\r\n.folderIcon {\r\n  margin-right: 8px;\r\n    font-size: 18px;\r\n  flex-shrink: 0; /* Запрещаем сжатие иконки */\r\n}\r\n\r\n.folderLabelItem {\r\n  font-size: 14px;\r\n  white-space: nowrap; /* Запрещаем перенос строк */\r\n  overflow: hidden; /* Скрываем переполнение */\r\n  text-overflow: ellipsis; /* Показываем троеточие */\r\n  flex: 1; /* Занимает доступное место */\r\n  min-width: 0; /* Позволяет сжиматься */\r\n  user-select: none;\r\n}\r\n\r\n.foldersTitleItem {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  cursor: pointer;\r\n  min-width: 0; /* Позволяет сжиматься */\r\n  overflow: hidden; /* Скрываем переполнение */\r\n}\r\n\r\n/* .foldersTitleItem .folderLabelItem {\r\n  font-weight: 500;\r\n  color: #262626;\r\n} */\r\n\r\n/* Класс для заголовка папок */\r\n.folderLabel {\r\n  display: flex;\r\n  align-items: center;\r\n  flex: 1;\r\n  min-width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.foldersContainer {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n/* Дополнительные стили для улучшения визуала */\r\n/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {\r\n  color: #1890ff;\r\n} */\r\n\r\n/* Стили для дивайдера между папками */\r\n\r\n\r\n.uploadButton .ant-btn,\r\n.uploadButton :global(.ant-btn) {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 3px;\r\n}\r\n/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\r\n  color: #1890ff !important;\r\n} */\r\n\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderLabelItem,\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabel .folderIcon,\r\n// .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {\r\n//     color: var(--colorLink);\r\n// }\r\n\r\n\r\n.buttonWrapper {\r\n    // overflow: hidden;\r\n    margin-bottom: 24px;\r\n    display: flex;\r\n    gap: 4px;\r\n    // border-radius: calc(var(--borderRadius) * 1px);\r\n    \r\n    // Левая кнопка занимает всю доступную ширину\r\n    > :first-child {\r\n        flex: 1;\r\n        height: 40px;\r\n        padding-left: 10px;\r\n    }\r\n    \r\n    // Правая кнопка строго 40px\r\n    > :last-child {\r\n        width: 40px;\r\n        height: 40px;\r\n        flex-shrink: 0;\r\n    }\r\n}\r\n\r\n/* Кнопка «Загрузить по URL» — icon-only, поэтому хост-приложение может задать ей\r\n   свои размеры глобальным правилом `.ant-btn.ant-btn-icon-only` (в emailmaker это\r\n   --formControlHeight: 34) и она становится ниже кнопки «Загрузить файл».\r\n   Три класса в селекторе перебивают такие правила без !important. */\r\n.uploadByURLButton:global(.ant-btn.ant-btn-icon-only) {\r\n    width: 40px;\r\n    min-width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.uploadButtonIcon {\r\n    font-size: 20px;\r\n}\r\n\r\n.uploadButtonTitle {\r\n    line-height: 1em;\r\n}\r\n\r\n.emptyFolderContainer {\r\n    user-select: none;\r\n    cursor: default;\r\n    color: var(--colorTextTertiary);\r\n}\r\n\r\n.folderItemContainer {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 2px 0;\r\n    min-width: 0; /* Позволяет flex-элементам сжиматься */\r\n}\r\n\r\n/** Tab locked by the host (e.g. by subscription plan): still shown, but badged with a lock. */\r\n.lockedTabIcon {\r\n    position: relative;\r\n    display: inline-flex;\r\n    opacity: 0.55;\r\n}\r\n\r\n.lockedTabLock {\r\n    position: absolute;\r\n    right: -4px;\r\n    bottom: -2px;\r\n    opacity: 1;\r\n    border-radius: 100%;\r\n    background-color: var(--colorBgContainer);\r\n}\r\n\r\n.lockedTabLabel {\r\n    opacity: 0.55;\r\n}\r\n"],"sourceRoot":""}]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
 	"button": `FolderSidebar-module__button__Yf2rX`,
@@ -48484,7 +48503,10 @@ ___CSS_LOADER_EXPORT___.locals = {
 	"uploadByURLButton": `FolderSidebar-module__uploadByURLButton__epMiC`,
 	"uploadByUrlButton": `FolderSidebar-module__uploadByURLButton__epMiC`,
 	"uploadButtonIcon": `FolderSidebar-module__uploadButtonIcon__mWQmq`,
-	"uploadButtonTitle": `FolderSidebar-module__uploadButtonTitle__wk_o6`
+	"uploadButtonTitle": `FolderSidebar-module__uploadButtonTitle__wk_o6`,
+	"lockedTabIcon": `FolderSidebar-module__lockedTabIcon__gYKRY`,
+	"lockedTabLock": `FolderSidebar-module__lockedTabLock__rbkfX`,
+	"lockedTabLabel": `FolderSidebar-module__lockedTabLabel__gvifJ`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -51501,6 +51523,8 @@ const FileModals = ({ isModalVisible, handleModalOk, handleModalCancel, form, se
                 }, closeIcon: (0,jsx_runtime.jsx)(icons_.CloseOutlined, { className: FileModals_module["default"].closeIcon }), centered: true, getContainer: getModalContainer, children: [(0,jsx_runtime.jsx)("div", { children: t('Are you sure you want to permanently delete all items from Trash?') }), isLoading && ((0,jsx_runtime.jsxs)("div", { className: FileModals_module["default"].clearTrashProgress, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Progress, { percent: 99, status: "active", showInfo: false }), (0,jsx_runtime.jsx)("div", { className: FileModals_module["default"].progressText, children: t('Deleting items...') })] }))] })] }));
 };
 
+// EXTERNAL MODULE: ./src/utils/libraryTabLock.ts
+var libraryTabLock = __webpack_require__(8546);
 // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/FolderSidebar/FolderSidebar.module.scss
 var FolderSidebar_module = __webpack_require__(9287);
 var FolderSidebar_module_default = /*#__PURE__*/__webpack_require__.n(FolderSidebar_module);
@@ -51543,6 +51567,7 @@ var FolderSidebar_module_update = injectStylesIntoStyleTag_default()((FolderSide
 
 
 
+
 const FolderSidebar = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.memo)((0,external_root_React_commonjs2_react_commonjs_react_amd_react_.forwardRef)(({ selectedFolder, generateMenuItems, onFolderSelect, folders, 
 // fetchFolders,
 fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, activeLibraryItem, setActiveLibraryItem, }, ref) => {
@@ -51560,6 +51585,17 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
     const isIconStockEnabled = ((_c = config === null || config === void 0 ? void 0 : config.features) === null || _c === void 0 ? void 0 : _c.enableIconStock) !== false && (!(config === null || config === void 0 ? void 0 : config.enabledTabs) || config.enabledTabs.includes('icons'));
     const isImageCodesEnabled = ((_d = config === null || config === void 0 ? void 0 : config.features) === null || _d === void 0 ? void 0 : _d.enableQrBarcodeTab) !== false &&
         (!(config === null || config === void 0 ? void 0 : config.enabledTabs) || config.enabledTabs.includes('codes'));
+    /** Wraps a tab icon with a lock badge when the host marked that tab as locked. */
+    const withLockBadge = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((icon, tab) => {
+        if (!(0,libraryTabLock/* isLibraryTabLocked */.v)(tab, config)) {
+            return icon;
+        }
+        return ((0,jsx_runtime.jsxs)("span", { className: FolderSidebar_FolderSidebar_module.lockedTabIcon, children: [icon, (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Lock01, { size: 12, strokeWidth: 2.5, className: FolderSidebar_FolderSidebar_module.lockedTabLock })] }));
+    }, [config]);
+    /** Dims the tab label the same way as its icon, so a locked tab reads as one muted item. */
+    const withLockedLabel = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((label, tab) => (0,libraryTabLock/* isLibraryTabLocked */.v)(tab, config) ?
+        (0,jsx_runtime.jsx)("span", { className: FolderSidebar_FolderSidebar_module.lockedTabLabel, children: label })
+        : label, [config]);
     // кастомные иконки не используются в этом блоке
     const getAllFolderKeys = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)((menuItems) => {
         const keys = [];
@@ -51769,37 +51805,37 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
     const libraryMenuItems = [
         {
             key: constants/* MY_FILES */.Zz,
-            label: t('My files'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Image03, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('My files'), constants/* MY_FILES */.Zz),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Image03, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* MY_FILES */.Zz),
         },
         {
             key: constants/* GIF */.xI,
-            label: t('GIF'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.PlaySquare, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('GIF'), constants/* GIF */.xI),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.PlaySquare, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* GIF */.xI),
             disabled: !isGifEnabled,
         },
         {
             key: constants/* STOCK_IMAGES */.SM,
-            label: t('Stock images'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Colors, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('Stock images'), constants/* STOCK_IMAGES */.SM),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Colors, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* STOCK_IMAGES */.SM),
             disabled: !isStockImagesEnabled,
         },
         {
             key: constants/* ICONS */.Ze,
-            label: t('Icons'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.ThumbsUp, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('Icons'), constants/* ICONS */.Ze),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.ThumbsUp, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* ICONS */.Ze),
             disabled: !isIconStockEnabled,
         },
         {
             key: constants/* IMAGE_CODES */.jY,
-            label: t('QR & Barcode'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.QrCode02, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('QR & Barcode'), constants/* IMAGE_CODES */.jY),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.QrCode02, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants/* IMAGE_CODES */.jY),
             disabled: !isImageCodesEnabled,
         },
         {
             key: constants.AI,
-            label: t('AI'),
-            icon: (0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Stars02, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }),
+            label: withLockedLabel(t('AI'), constants.AI),
+            icon: withLockBadge((0,jsx_runtime.jsx)(icons_amd_untitledui_icons_.Stars02, { size: 20, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth }), constants.AI),
             disabled: !(config === null || config === void 0 ? void 0 : config.sseQuery),
         },
     ].filter(item => !item.disabled);
@@ -51818,8 +51854,14 @@ fetchChildFolders, handleAddFile, setIsUrlModalVisible, handleCreateFolder, acti
         await (fetchChildFolders === null || fetchChildFolders === void 0 ? void 0 : fetchChildFolders(key === 'folders' ? null : key));
     }, [onFolderSelect, activeLibraryItem, setActiveLibraryItem, fetchChildFolders]);
     const handleOpenLibraryChange = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(({ key }) => {
+        var _a;
+        // A locked tab stays closed: the host decides what to show instead (e.g. an upsell).
+        if ((0,libraryTabLock/* isLibraryTabLocked */.v)(key, config)) {
+            (_a = config === null || config === void 0 ? void 0 : config.onLockedTabClick) === null || _a === void 0 ? void 0 : _a.call(config, key);
+            return;
+        }
         setActiveLibraryItem(key);
-    }, [setActiveLibraryItem]);
+    }, [config, setActiveLibraryItem]);
     const handleTreeExpand = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(async (keys, info) => {
         var _a;
         setExpandedKeys(keys);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.10.101",
+  "version": "0.10.102",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",

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;

package/utils/libraryTabLock.d.ts

@@ -0,0 +1,11 @@
+import type { LibraryMenuKey } from '../types';
+/** Subset of the file manager config that controls locked library tabs. */
+export interface LibraryTabLockConfig {
+    /**
+     * Tabs the host wants shown with a lock badge instead of being usable, e.g. when the user's
+     * plan does not include stock images. Absent or empty list means nothing is locked, so hosts
+     * that never set it keep the previous behaviour.
+     */
+    lockedTabs?: LibraryMenuKey[];
+}
+export declare function isLibraryTabLocked(tab: LibraryMenuKey, config: LibraryTabLockConfig | undefined): boolean;

package/utils/libraryTabLock.test.d.ts

@@ -0,0 +1 @@
+export {};