@emailmaker/filemanager 0.10.94 → 0.10.96

package/hooks/useCustomIcons.d.ts

@@ -1,34 +1,34 @@
 import React from 'react';
 import { IconProps } from '../types';
 export declare const useCustomIcons: () => {
-    RootFolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    FolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    FolderOpenIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    AddFolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    FileIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    UploadIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    UploadByUrlIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ExpandArrowIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    CollapseArrowIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ExpandFolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    CollapseFolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    FolderPreviewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    EmptyFolderIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    GridViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ListViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    DropZoneFileIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    BigStockIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    BigAIIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    GifPlayIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    StockBigIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    MixedViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    LandscapeViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    PortraitViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    SquareViewIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    LightModeIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    DarkModeIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    AiIcon_2: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    NoFilesIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    ThumbsUpIcon: (props?: IconProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    RootFolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    FolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    FolderOpenIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    AddFolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    FileIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    UploadIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    UploadByUrlIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ExpandArrowIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    CollapseArrowIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ExpandFolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    CollapseFolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    FolderPreviewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    EmptyFolderIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    GridViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ListViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    DropZoneFileIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    BigStockIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    BigAIIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    GifPlayIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    StockBigIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    MixedViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    LandscapeViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    PortraitViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    SquareViewIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    LightModeIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    DarkModeIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    AiIcon_2: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    NoFilesIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ThumbsUpIcon: (props?: IconProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
     getCustomIcon: (iconName: keyof NonNullable<import("../types").CustomIcons | undefined>, defaultIcon: React.ComponentType<any>, props?: IconProps) => React.ReactElement;
 };

package/hooks/useViewportMetricsSync.d.ts

@@ -1,2 +1,2 @@
 import { getViewportMetrics } from '../presentation/list-core/viewportMetrics';
-export declare function useViewportMetricsSync<TElement extends HTMLElement>(onViewportChange: (metrics: ReturnType<typeof getViewportMetrics>) => void, deps: readonly unknown[]): import("react").MutableRefObject<TElement | null>;
+export declare function useViewportMetricsSync<TElement extends HTMLElement>(onViewportChange: (metrics: ReturnType<typeof getViewportMetrics>) => void, deps: readonly unknown[]): import("react").RefObject<TElement | null>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emailmaker/filemanager",
-  "version": "0.10.94",
+  "version": "0.10.96",
   "main": "./file-manager.js",
   "module": "./file-manager.esm.js",
   "types": "./index.d.ts",
@@ -12,8 +12,8 @@
     "antd": "^6.4.3",
     "browser-image-compression": "^2.0.2",
     "pixie": "*",
-    "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "@untitledui/icons": "^0.0.22"
   },
   "browserslist": {

package/types.d.ts

@@ -634,7 +634,7 @@ export interface IconsTabProps {
     customRequest: (data: string) => void | Promise<void>;
     query?: string;
     setQuery?: (query: string) => void;
-    inputRef?: React.RefObject<InputRef>;
+    inputRef?: React.RefObject<InputRef | null>;
 }
 export interface GifItem {
     id: string;
@@ -665,7 +665,7 @@ export interface ImageGifProps {
     imageGifList: GifItem[];
     currentReqGif: CurrentReqGif;
     setCurrentReqGif: React.Dispatch<React.SetStateAction<CurrentReqGif>>;
-    inputRef: React.RefObject<InputRef>;
+    inputRef: React.RefObject<InputRef | null>;
     customRequest: (data: string, fileName?: string) => Promise<File | void> | void;
 }
 export interface UnsplashImage {
@@ -697,14 +697,14 @@ export interface ImageStockProps {
     setImageStockList: React.Dispatch<React.SetStateAction<UnsplashImage[]>>;
     currentReq: CurrentReqStock;
     setCurrentReq: React.Dispatch<React.SetStateAction<CurrentReqStock>>;
-    inputRef: React.RefObject<InputRef>;
+    inputRef: React.RefObject<InputRef | null>;
     customRequest: (data: string, fileName?: string) => Promise<File | void> | void;
 }
 export interface ImageAIProps {
     customRequest: (file: {
         file: globalThis.File;
     }) => Promise<void | File>;
-    inputAiRef: RefObject<TextAreaRef>;
+    inputAiRef: RefObject<TextAreaRef | null>;
     isImageUploaded: boolean;
     setIsImageUploaded: (val: boolean) => void;
     aiImageRequest: string;
@@ -723,7 +723,7 @@ export interface UseImageAIGenerationProps {
     customRequest: (args: {
         file: globalThis.File;
     }) => void;
-    aiTabRef: React.RefObject<HTMLElement>;
+    aiTabRef: React.RefObject<HTMLElement | null>;
     isImageUploaded: boolean;
     setIsImageUploaded: (val: boolean) => void;
     aiImageRequest: string;
@@ -749,7 +749,7 @@ export interface UseImageAIGenerationReturn {
     setRequestStatus: React.Dispatch<React.SetStateAction<string>>;
     handleGenerate: () => void;
     handleLimitAiImgCount: () => void;
-    convertBase64ToFile: (base64String: string) => void;
+    convertBase64ToFile: (source: string) => Promise<void>;
     isShiftPressed: boolean;
     setIsShiftPressed: React.Dispatch<React.SetStateAction<boolean>>;
     currentReqId: string | null;

package/utils/aiImageSource.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Картинка от ИИ может быть «голым» base64 (наш встроенный генератор) либо ссылкой/data-URI
+ * (сторонний ИИ хоста в закрытом контуре). Для отрисовки достаточно достроить data-URI только
+ * у голого base64; для получения Blob — понять, нужно ли качать значение через fetch (он умеет
+ * как http(s)-ссылки, так и data:-URI любой кодировки, включая некодированный SVG).
+ */
+/** Есть ли у значения схема URI (http(s)://, protocol-relative //, data:). */
+export declare function hasUriScheme(value: string): boolean;
+/** Значение, пригодное для `src` у `<img>`. */
+export declare function toAiImageSrc(value: string): string;

package/utils/aiImageSource.test.d.ts

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