@emailmaker/filemanager 0.10.29 → 0.10.31

package/assets/image-editor/images/stickers/transportation/7.svg

@@ -1,17 +1,17 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
-<path d="M23.843,1.254C11.227,1.254,1,11.48,1,24.097c0,12.614,10.227,22.842,22.843,22.842s22.843-10.228,22.843-22.842
-	C46.686,11.48,36.459,1.254,23.843,1.254z M23.843,4.982c1.675,0,3.032,1.355,3.032,3.03s-1.357,3.032-3.032,3.032
-	s-3.032-1.357-3.032-3.032S22.168,4.982,23.843,4.982z M7.761,27.128c-1.674,0-3.031-1.356-3.033-3.031
-	c0.002-1.675,1.359-3.033,3.033-3.033c1.675,0.001,3.031,1.358,3.031,3.033C10.792,25.771,9.436,27.128,7.761,27.128z
-	 M23.843,43.209c-1.675,0-3.032-1.356-3.032-3.03c0-1.675,1.357-3.032,3.032-3.032s3.032,1.357,3.032,3.032
-	C26.875,41.853,25.518,43.209,23.843,43.209z M34.689,14.486l-6.957,12.438c-0.248,0.444-0.615,0.811-1.06,1.06l-12.439,6.955
-	c-0.354,0.2-0.798,0.138-1.085-0.149c-0.288-0.287-0.349-0.731-0.151-1.087l6.959-12.437c0.248-0.444,0.616-0.812,1.061-1.058
-	l12.437-6.958c0.355-0.199,0.798-0.138,1.085,0.15C34.826,13.688,34.887,14.133,34.689,14.486z M39.926,27.128
-	c-1.675,0-3.032-1.356-3.032-3.031s1.356-3.033,3.032-3.033c1.673,0.001,3.032,1.358,3.032,3.033
-	C42.956,25.771,41.599,27.128,39.926,27.128z"/>
-<circle cx="23.843" cy="24.097" r="3.032"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="48px" height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<path d="M23.843,1.254C11.227,1.254,1,11.48,1,24.097c0,12.614,10.227,22.842,22.843,22.842s22.843-10.228,22.843-22.842
+	C46.686,11.48,36.459,1.254,23.843,1.254z M23.843,4.982c1.675,0,3.032,1.355,3.032,3.03s-1.357,3.032-3.032,3.032
+	s-3.032-1.357-3.032-3.032S22.168,4.982,23.843,4.982z M7.761,27.128c-1.674,0-3.031-1.356-3.033-3.031
+	c0.002-1.675,1.359-3.033,3.033-3.033c1.675,0.001,3.031,1.358,3.031,3.033C10.792,25.771,9.436,27.128,7.761,27.128z
+	 M23.843,43.209c-1.675,0-3.032-1.356-3.032-3.03c0-1.675,1.357-3.032,3.032-3.032s3.032,1.357,3.032,3.032
+	C26.875,41.853,25.518,43.209,23.843,43.209z M34.689,14.486l-6.957,12.438c-0.248,0.444-0.615,0.811-1.06,1.06l-12.439,6.955
+	c-0.354,0.2-0.798,0.138-1.085-0.149c-0.288-0.287-0.349-0.731-0.151-1.087l6.959-12.437c0.248-0.444,0.616-0.812,1.061-1.058
+	l12.437-6.958c0.355-0.199,0.798-0.138,1.085,0.15C34.826,13.688,34.887,14.133,34.689,14.486z M39.926,27.128
+	c-1.675,0-3.032-1.356-3.032-3.031s1.356-3.033,3.032-3.033c1.673,0.001,3.032,1.358,3.032,3.033
+	C42.956,25.771,41.599,27.128,39.926,27.128z"/>
+<circle cx="23.843" cy="24.097" r="3.032"/>
+</svg>

package/assets/image-editor/images/stickers/transportation/8.svg

@@ -1,28 +1,28 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px"
-	 height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
-<g id="Layer_2" display="none">
-	<g display="inline" opacity="0.5">
-		<polygon fill="#00B7E8" points="-1,-3 -1,47 -303,47 -303,98 201,98 201,57.5 201,51.5 201,-3 		"/>
-		<polygon fill="#E27600" points="-305,-52 -305,-3.087 -305,47 -1,47 -1,-2 201,-2 201,-52 		"/>
-	</g>
-</g>
-<g id="Layer_1">
-	<g>
-		<path d="M37.52,20.312v-8.25c1.039-0.666,1.704-1.83,1.704-3.156V8.302c0-2.072-1.696-3.769-3.769-3.769H11.763
-			c-2.071,0-3.766,1.695-3.766,3.767v0.605c0,1.848,1.348,3.385,3.107,3.692L7.216,24.93H7.193c-1.347,0-2.563,0.805-3.092,2.044
-			l-2.466,5.787c1.285-1.261,3.045-2.039,4.983-2.039c3.854,0,7.003,3.079,7.115,6.908h11.86c0.112-3.829,3.261-6.908,7.115-6.908
-			c3.039,0,5.639,1.913,6.658,4.599h4.998c1.35,0,2.444-1.094,2.444-2.443V22.756c0-1.35-1.095-2.444-2.444-2.444H37.52z
-			 M34.056,20.312h-4.618v4.618h-2.309v5.282c0,0.908-0.737,1.645-1.646,1.645h-5.946c-0.908,0-1.645-0.736-1.645-1.645V24.93
-			h-5.768l3.061-3.063l1.227,1.226l0.818-0.819l-3.271-3.271l-0.818,0.817l1.228,1.227l-3.342,3.351l3.71-11.726h19.319V20.312z"/>
-		<path d="M6.619,31.878c-3.293,0-5.962,2.67-5.962,5.962c0,3.293,2.669,5.963,5.962,5.963s5.962-2.67,5.962-5.963
-			C12.581,34.548,9.912,31.878,6.619,31.878z M6.619,40.332c-1.374,0-2.492-1.118-2.492-2.492s1.118-2.491,2.492-2.491
-			S9.11,36.466,9.11,37.84S7.993,40.332,6.619,40.332z"/>
-		<path d="M32.71,31.878c-3.292,0-5.962,2.67-5.962,5.962c0,3.293,2.67,5.963,5.962,5.963c3.293,0,5.963-2.67,5.963-5.963
-			C38.673,34.548,36.003,31.878,32.71,31.878z M32.71,40.332c-1.374,0-2.491-1.118-2.491-2.492s1.117-2.491,2.491-2.491
-			s2.492,1.117,2.492,2.491S34.084,40.332,32.71,40.332z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px"
+	 height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g id="Layer_2" display="none">
+	<g display="inline" opacity="0.5">
+		<polygon fill="#00B7E8" points="-1,-3 -1,47 -303,47 -303,98 201,98 201,57.5 201,51.5 201,-3 		"/>
+		<polygon fill="#E27600" points="-305,-52 -305,-3.087 -305,47 -1,47 -1,-2 201,-2 201,-52 		"/>
+	</g>
+</g>
+<g id="Layer_1">
+	<g>
+		<path d="M37.52,20.312v-8.25c1.039-0.666,1.704-1.83,1.704-3.156V8.302c0-2.072-1.696-3.769-3.769-3.769H11.763
+			c-2.071,0-3.766,1.695-3.766,3.767v0.605c0,1.848,1.348,3.385,3.107,3.692L7.216,24.93H7.193c-1.347,0-2.563,0.805-3.092,2.044
+			l-2.466,5.787c1.285-1.261,3.045-2.039,4.983-2.039c3.854,0,7.003,3.079,7.115,6.908h11.86c0.112-3.829,3.261-6.908,7.115-6.908
+			c3.039,0,5.639,1.913,6.658,4.599h4.998c1.35,0,2.444-1.094,2.444-2.443V22.756c0-1.35-1.095-2.444-2.444-2.444H37.52z
+			 M34.056,20.312h-4.618v4.618h-2.309v5.282c0,0.908-0.737,1.645-1.646,1.645h-5.946c-0.908,0-1.645-0.736-1.645-1.645V24.93
+			h-5.768l3.061-3.063l1.227,1.226l0.818-0.819l-3.271-3.271l-0.818,0.817l1.228,1.227l-3.342,3.351l3.71-11.726h19.319V20.312z"/>
+		<path d="M6.619,31.878c-3.293,0-5.962,2.67-5.962,5.962c0,3.293,2.669,5.963,5.962,5.963s5.962-2.67,5.962-5.963
+			C12.581,34.548,9.912,31.878,6.619,31.878z M6.619,40.332c-1.374,0-2.492-1.118-2.492-2.492s1.118-2.491,2.492-2.491
+			S9.11,36.466,9.11,37.84S7.993,40.332,6.619,40.332z"/>
+		<path d="M32.71,31.878c-3.292,0-5.962,2.67-5.962,5.962c0,3.293,2.67,5.963,5.962,5.963c3.293,0,5.963-2.67,5.963-5.963
+			C38.673,34.548,36.003,31.878,32.71,31.878z M32.71,40.332c-1.374,0-2.491-1.118-2.491-2.492s1.117-2.491,2.491-2.491
+			s2.492,1.117,2.492,2.491S34.084,40.332,32.71,40.332z"/>
+	</g>
+</g>
+</svg>

package/assets/image-editor/images/stickers/transportation/9.svg

@@ -1,23 +1,23 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px"
-	 height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
-<g id="Layer_2" display="none">
-	<g display="inline" opacity="0.5">
-		<polygon fill="#00B7E8" points="49,-53 49,-3 -253,-3 -253,48 251,48 251,7.5 251,1.5 251,-53 		"/>
-	</g>
-</g>
-<g id="Layer_1">
-	<g>
-		<path d="M17.682,15.764h-2.671L5.01,14.045c-1.501-0.259-2.873,0.897-2.873,2.421v4.906h17.83v-3.323
-			C19.967,16.787,18.943,15.764,17.682,15.764z"/>
-		<path d="M1.025,28.039v0.055c0,3.046,2.99,5.5,6.68,5.5h32.521c3.689,0,6.671-2.454,6.671-5.5v-0.055H1.025z"/>
-		<path d="M20.644,13.828c0.28,0,0.561-0.104,0.777-0.315l1.989-1.936l1.101,1.132l-2.561,2.279c-0.555,0.493-0.872,1.2-0.872,1.942
-			v5.553H3.248v4.444h17.83h7.83h15.556v-2.049c0-5.025-5.189-9.115-11.275-9.115h-0.127l-4.557-4.564
-			c-0.648-0.649-1.696-0.664-2.362-0.034l-0.013,0.012l-1.18-1.213c0.176-0.402,0.104-0.89-0.222-1.224
-			c-0.338-0.347-0.846-0.427-1.263-0.236c-0.42-0.237-0.962-0.185-1.325,0.17c-0.346,0.337-0.426,0.844-0.236,1.26l-2.037,1.981
-			c-0.441,0.429-0.451,1.135-0.022,1.575C20.063,13.715,20.354,13.828,20.644,13.828z"/>
-	</g>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="48px"
+	 height="48px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" xml:space="preserve">
+<g id="Layer_2" display="none">
+	<g display="inline" opacity="0.5">
+		<polygon fill="#00B7E8" points="49,-53 49,-3 -253,-3 -253,48 251,48 251,7.5 251,1.5 251,-53 		"/>
+	</g>
+</g>
+<g id="Layer_1">
+	<g>
+		<path d="M17.682,15.764h-2.671L5.01,14.045c-1.501-0.259-2.873,0.897-2.873,2.421v4.906h17.83v-3.323
+			C19.967,16.787,18.943,15.764,17.682,15.764z"/>
+		<path d="M1.025,28.039v0.055c0,3.046,2.99,5.5,6.68,5.5h32.521c3.689,0,6.671-2.454,6.671-5.5v-0.055H1.025z"/>
+		<path d="M20.644,13.828c0.28,0,0.561-0.104,0.777-0.315l1.989-1.936l1.101,1.132l-2.561,2.279c-0.555,0.493-0.872,1.2-0.872,1.942
+			v5.553H3.248v4.444h17.83h7.83h15.556v-2.049c0-5.025-5.189-9.115-11.275-9.115h-0.127l-4.557-4.564
+			c-0.648-0.649-1.696-0.664-2.362-0.034l-0.013,0.012l-1.18-1.213c0.176-0.402,0.104-0.89-0.222-1.224
+			c-0.338-0.347-0.846-0.427-1.263-0.236c-0.42-0.237-0.962-0.185-1.325,0.17c-0.346,0.337-0.426,0.844-0.236,1.26l-2.037,1.981
+			c-0.441,0.429-0.451,1.135-0.022,1.575C20.063,13.715,20.354,13.828,20.644,13.828z"/>
+	</g>
+</g>
+</svg>

package/components/FileModals/FileModals.d.ts

@@ -10,7 +10,7 @@ interface FileModalsProps {
     folders: Folder[];
     isUrlModalVisible: boolean;
     setIsUrlModalVisible: (visible: boolean) => void;
-    handleAddFileByUrl: (url?: string | null) => void;
+    handleAddFileByUrl: (url?: string | null) => Promise<File | void>;
     urlForm: FormInstance;
     isRenameModalVisible: boolean;
     handleRenameOk: () => void;

package/file-manager.css

@@ -19,7 +19,7 @@
   font-size: 16px;
 }
 
-.em-filemanager .noFiles {
+.em-filemanager .noFilesDescription {
   text-align: center;
   color: var(--colorTextSecondary);
   padding: 0 calc(var(--marginLG) * 1px);
@@ -110,6 +110,7 @@
 .em-filemanager .tableContainer {
   flex: 1;
   overflow: auto;
+  width: 100%;
 }
 
 .em-filemanager .imagePreview {
@@ -867,10 +868,9 @@
 }
 
 .em-filemanager .uploadProgress__card {
-  background: #fff;
+  background: var(--colorBgContainer);
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   border-radius: 8px;
-  border: 1px solid #d9d9d9;
   overflow: hidden;
 }
 
@@ -880,12 +880,12 @@
   align-items: center;
   width: 100%;
   padding: 12px 16px;
-  border-bottom: 1px solid #f0f0f0;
+  border-bottom: 1px solid var(--colorBorderSecondary);
 }
 
 .em-filemanager .uploadProgress__header-title {
   font-size: 14px;
-  color: rgba(0, 0, 0, 0.85);
+  color: var(--colorText);
 }
 
 .em-filemanager .uploadProgress__header-buttons {
@@ -909,14 +909,15 @@
 }
 
 .em-filemanager .uploadProgress__close-icon {
-  color: rgba(0, 0, 0, 0.45) !important;
+  color: var(--colorTextTertiary) !important;
 }
 
 .uploadProgress__body {
   padding: 12px;
+  overflow-y: auto;
 }
 .uploadProgress__body .ant-list-item-meta-content {
-  width: 330px;
+  width: 225px;
 }
 .uploadProgress__body .ant-list-item-meta-title {
   margin: 0;
@@ -1364,7 +1365,8 @@
 .em-filemanager .stockColorFilter {
   display: flex;
 }
-.em-filemanager .stockColorFilter label, .em-filemanager .stockColorFilter [class^=ant-radio] {
+.em-filemanager .stockColorFilter label,
+.em-filemanager .stockColorFilter [class^=ant-radio] {
   border-radius: 6px !important;
   width: 24px;
   height: 24px;
@@ -1373,40 +1375,52 @@
   font-size: 0;
   border-width: 1px;
 }
-.em-filemanager .stockColorFilter label::before, .em-filemanager .stockColorFilter [class^=ant-radio]::before {
+.em-filemanager .stockColorFilter label::before,
+.em-filemanager .stockColorFilter [class^=ant-radio]::before {
   display: none;
 }
-.em-filemanager .stockColorFilter label.allColors, .em-filemanager .stockColorFilter [class^=ant-radio].allColors {
+.em-filemanager .stockColorFilter label.allColors,
+.em-filemanager .stockColorFilter [class^=ant-radio].allColors {
   background-image: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
 }
-.em-filemanager .stockColorFilter label.blackColor, .em-filemanager .stockColorFilter [class^=ant-radio].blackColor {
+.em-filemanager .stockColorFilter label.blackColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].blackColor {
   background: #222222;
 }
-.em-filemanager .stockColorFilter label.bwColor, .em-filemanager .stockColorFilter [class^=ant-radio].bwColor {
+.em-filemanager .stockColorFilter label.bwColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].bwColor {
   background-image: linear-gradient(135deg, #222222 50%, white 50%);
 }
-.em-filemanager .stockColorFilter label.whiteColor, .em-filemanager .stockColorFilter [class^=ant-radio].whiteColor {
+.em-filemanager .stockColorFilter label.whiteColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].whiteColor {
   background: #ffffff;
 }
-.em-filemanager .stockColorFilter label.orangeColor, .em-filemanager .stockColorFilter [class^=ant-radio].orangeColor {
+.em-filemanager .stockColorFilter label.orangeColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].orangeColor {
   background: #fa8c16;
 }
-.em-filemanager .stockColorFilter label.redColor, .em-filemanager .stockColorFilter [class^=ant-radio].redColor {
+.em-filemanager .stockColorFilter label.redColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].redColor {
   background: #f5222d;
 }
-.em-filemanager .stockColorFilter label.purpleColor, .em-filemanager .stockColorFilter [class^=ant-radio].purpleColor {
+.em-filemanager .stockColorFilter label.purpleColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].purpleColor {
   background: #722ed1;
 }
-.em-filemanager .stockColorFilter label.magentaColor, .em-filemanager .stockColorFilter [class^=ant-radio].magentaColor {
+.em-filemanager .stockColorFilter label.magentaColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].magentaColor {
   background: #eb2f96;
 }
-.em-filemanager .stockColorFilter label.greenColor, .em-filemanager .stockColorFilter [class^=ant-radio].greenColor {
+.em-filemanager .stockColorFilter label.greenColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].greenColor {
   background: #52c41a;
 }
-.em-filemanager .stockColorFilter label.tealColor, .em-filemanager .stockColorFilter [class^=ant-radio].tealColor {
+.em-filemanager .stockColorFilter label.tealColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].tealColor {
   background: #43c3c3;
 }
-.em-filemanager .stockColorFilter label.blueColor, .em-filemanager .stockColorFilter [class^=ant-radio].blueColor {
+.em-filemanager .stockColorFilter label.blueColor,
+.em-filemanager .stockColorFilter [class^=ant-radio].blueColor {
   background: #1677ff;
 }
 
@@ -1657,6 +1671,13 @@
   /* FileContent стили */
   /* FolderSidebar стили */
   /* FileModals стили */
+  /**
+   * Спиннеры Ant Design внутри файлового менеджера.
+   *
+   * Раньше здесь был сплошной фон `var(--colorBgLayout)`, из‑за чего
+   * при загрузке файлов лоадер становился непрозрачным и перекрывал контент.
+   * Делаем фон прозрачным, чтобы индикатор не прятал содержимое под собой.
+   */
 }
 .em-filemanager .file-manager__layout .ant-divider {
   border-color: var(--colorBorder);
@@ -2114,7 +2135,7 @@
   width: 8px;
 }
 .em-filemanager .file-manager__layout .ant-spin.ant-spin-spinning {
-  background: var(--colorBgLayout);
+  background-color: transparent;
 }
 
 /* Добавляем стили для превью изображений */
@@ -2307,9 +2328,9 @@
   margin-bottom: 0;
   display: none;
   position: absolute;
-  top: 4px;
+  top: 2px;
   left: 0;
-  right: -12px;
+  right: 4px;
   bottom: 0;
   z-index: 100;
   height: 44px;