denwa-react-shared 1.0.97 → 1.1.0

package/dist/shared/ui/text-editor/lib.d.ts

@@ -1,5 +1,6 @@
 import { BaseEditor, Descendant } from 'slate';
 import { ReactEditor } from 'slate-react';
+import { PictureData } from './types';
 /**
  * @description Активна ли кнопка блока
  * @param editor - slate editor
@@ -48,6 +49,23 @@ export declare const insertLink: (editor: BaseEditor & ReactEditor, url: string)
  * @param editor - slate editor
  */
 export declare const wrapLink: (editor: BaseEditor & ReactEditor, url: string) => void;
+/**
+ * @description Вставка картинки
+ * @param editor - slate editor
+ * @param url - url картинки
+ * @param pictureData - подготовленные варианты для <picture>
+ */
+export declare const insertImage: (editor: BaseEditor & ReactEditor, url: string | ArrayBuffer | null, pictureData?: PictureData) => void;
+/**
+ * @description Проверка что url изображения корректный
+ * @param url - url картинки
+ */
+export declare const isImageUrl: (url: string | ArrayBuffer | null) => boolean;
+/**
+ * @description Поддержка картинок в редакторе
+ * @param editor - slate editor
+ */
+export declare const withImages: (editor: BaseEditor & ReactEditor) => BaseEditor & ReactEditor;
 /**
  * @description Поддержка ссылок в редакторе
  * @param editor - slate editor

package/dist/shared/ui/text-editor/toolbar.d.ts

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+import { PictureData } from './types';
 interface ToolbarProps {
     boldText: string;
     italicText: string;
@@ -12,7 +13,12 @@ interface ToolbarProps {
     linkErrorText: string;
     linkButtonTooltipText: string;
     removeLinkTooltipText: string;
+    imageButtonTooltipText?: string;
     onErrorMessage: (error: string) => void;
+    onUploadImage?: (file: File) => Promise<{
+        url: string;
+        pictureData?: PictureData;
+    } | null>;
 }
 export declare const Toolbar: FC<ToolbarProps>;
 export {};

package/dist/shared/ui/text-editor/types.d.ts

@@ -19,11 +19,16 @@ export interface BaseTextEditorProps {
     linkErrorText: string;
     linkButtonTooltipText: string;
     removeLinkTooltipText: string;
+    imageButtonTooltipText?: string;
     language: string;
     readOnly?: boolean;
     onSetContent: (contentJSON: string, lang: string) => void;
     onSetHtml: (html: string, lang: string) => void;
     onErrorMessage: (error: string) => void;
+    onUploadImage?: (file: File) => Promise<{
+        url: string;
+        pictureData?: PictureData;
+    } | null>;
 }
 export interface ElementProps extends RenderElementProps {
     element: any;
@@ -31,12 +36,28 @@ export interface ElementProps extends RenderElementProps {
 export interface LeafProps extends RenderLeafProps {
     leaf: any;
 }
-export type ElementTypes = 'title' | 'subtitle' | 'paragraph' | 'note' | 'info' | 'list-item' | 'numbered-list' | 'bulleted-list' | 'link';
+export type ElementTypes = 'title' | 'subtitle' | 'paragraph' | 'note' | 'info' | 'list-item' | 'numbered-list' | 'bulleted-list' | 'image' | 'link';
+export interface PictureData {
+    image1x: string;
+    image2x?: string;
+    image1xWebp?: string;
+    image2xWebp?: string;
+    image1xAvif?: string;
+    image2xAvif?: string;
+    mobileImage1x?: string;
+    mobileImage2x?: string;
+    mobileImage1xWebp?: string;
+    mobileImage2xWebp?: string;
+    mobileImage1xAvif?: string;
+    mobileImage2xAvif?: string;
+}
 export type CustomElement = {
     type: ElementTypes;
     url?: string | ArrayBuffer | null;
     href?: string;
     align?: 'left' | 'center' | 'right' | 'justify';
+    pictureData?: PictureData;
+    alt?: string;
     children: CustomText[];
     selection?: Range | null;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-react-shared",
   "private": false,
-  "version": "1.0.97",
+  "version": "1.1.0",
   "type": "module",
   "author": "Denwa",
   "repository": {