react-text-forge 1.2.11 → 1.2.12

package/dist/src/components/functions/deserialize.d.ts

@@ -1,2 +1,7 @@
 export default deserialize;
-declare function deserialize(html: any): any[];
+/**
+ * Désérialise le HTML en nœuds Slate.
+ * @param {string} html - Chaîne HTML à désérialiser
+ * @returns {Descendant[]} Nœuds Slate
+ */
+declare function deserialize(html: string): Descendant[];

package/dist/src/components/functions/serialize.d.ts

@@ -1,2 +1,7 @@
 export default serialize;
-declare function serialize(nodes: any): any;
+/**
+ * Sérialise les nœuds Slate en HTML.
+ * @param {Descendant[]} nodes - Nœuds Slate à sérialiser
+ * @returns {string} Chaîne HTML
+ */
+declare function serialize(nodes: Descendant[]): string;

package/dist/src/components/utils/CustomEditor.d.ts

@@ -6,66 +6,66 @@ declare namespace CustomEditor {
      * @param {string} format - format défini (ex: gras, italique, etc...)
      * @returns {boolean}
      */
-    function isMarkActive(editor: any, format: string): boolean;
+    function isMarkActive(editor: object, format: string): boolean;
     /**
      * Permet de définir si le format défini est actif
      * @param {object} editor - éditeur de texte
      * @param {string} format - format défini (ex: gras, italique, etc...)
      * @returns {boolean}
      */
-    function isMarkActive(editor: any, format: string): boolean;
+    function isMarkActive(editor: object, format: string): boolean;
     /**
      * Permet de gérer l'application et la désapplication du format défini
      * @param {object} editor - éditeur de texte
      * @param {string} format - format défini (ex: gras, italique, etc...)
      * @returns {void}
      */
-    function toggleMark(editor: any, format: string): void;
+    function toggleMark(editor: object, format: string): void;
     /**
      * Permet de gérer l'application et la désapplication du format défini
      * @param {object} editor - éditeur de texte
      * @param {string} format - format défini (ex: gras, italique, etc...)
      * @returns {void}
      */
-    function toggleMark(editor: any, format: string): void;
+    function toggleMark(editor: object, format: string): void;
     /**
      * Permet de définir si le bloc défini est actif
      * @param {object} editor - éditeur de texte
      * @param {string} blockType - élément défini (ex: p, h1, h2...)
      * @returns {boolean}
      */
-    function isBlockActive(editor: any, blockType: string): boolean;
+    function isBlockActive(editor: object, blockType: string): boolean;
     /**
      * Permet de définir si le bloc défini est actif
      * @param {object} editor - éditeur de texte
      * @param {string} blockType - élément défini (ex: p, h1, h2...)
      * @returns {boolean}
      */
-    function isBlockActive(editor: any, blockType: string): boolean;
+    function isBlockActive(editor: object, blockType: string): boolean;
     /**
      * Permet de définir si le bloc défini est dans une liste à puces (non-ordonnée ou numérotée)
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInList(editor: any): boolean;
+    function isSelectionInList(editor: object): boolean;
     /**
      * Permet de définir si le bloc défini est dans une liste à puces (non-ordonnée ou numérotée)
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInList(editor: any): boolean;
+    function isSelectionInList(editor: object): boolean;
     /**
      * Permet de définir la puce utilisée dans une liste à puces (non-ordonnée ou numérotée)
      * @param {object} editor - éditeur de texte
      * @returns {string}
      */
-    function getListStyleType(editor: any): string;
+    function getListStyleType(editor: object): string;
     /**
      * Permet de définir la puce utilisée dans une liste à puces (non-ordonnée ou numérotée)
      * @param {object} editor - éditeur de texte
      * @returns {string}
      */
-    function getListStyleType(editor: any): string;
+    function getListStyleType(editor: object): string;
     /**
      * Permet de gérer l'application et la désapplication du bloc défini
      * @param {object} editor - éditeur de texte
@@ -73,7 +73,7 @@ declare namespace CustomEditor {
      * @param {string} bulletType - puces définies dans
      * @returns {void}
      */
-    function toggleBlock(editor: any, blockType: string, bulletType?: string): void;
+    function toggleBlock(editor: object, blockType: string, bulletType?: string): void;
     /**
      * Permet de gérer l'application et la désapplication du bloc défini
      * @param {object} editor - éditeur de texte
@@ -81,85 +81,85 @@ declare namespace CustomEditor {
      * @param {string} bulletType - puces définies dans
      * @returns {void}
      */
-    function toggleBlock(editor: any, blockType: string, bulletType?: string): void;
+    function toggleBlock(editor: object, blockType: string, bulletType?: string): void;
     /**
      * Permet de définir si le bloc défini possède un alignement
      * @param {object} editor - éditeur de texte
      * @param {string} align - alignement défini (ex: left, right ou center.)
      * @returns {boolean}
      */
-    function isAlignActive(editor: any, align: string): boolean;
+    function isAlignActive(editor: object, align: string): boolean;
     /**
      * Permet de définir si le bloc défini possède un alignement
      * @param {object} editor - éditeur de texte
      * @param {string} align - alignement défini (ex: left, right ou center.)
      * @returns {boolean}
      */
-    function isAlignActive(editor: any, align: string): boolean;
+    function isAlignActive(editor: object, align: string): boolean;
     /**
      * Permet de gérer l'alignement du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} alignement - alignement défini (ex: left, right ou center)
      * @returns {void}
      */
-    function toggleAlign(editor: any, align: any): void;
+    function toggleAlign(editor: object, align: any): void;
     /**
      * Permet de gérer l'alignement du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} alignement - alignement défini (ex: left, right ou center)
      * @returns {void}
      */
-    function toggleAlign(editor: any, align: any): void;
+    function toggleAlign(editor: object, align: any): void;
     /**
      * Permet de définir si le bloc sélectionné peut être indenté
      * @param {object} editor - éditeur de texte
      * @param {string} mark - indentation sélectionné
      * @returns {boolean}
      */
-    function canIndent(editor: any, mark: string): boolean;
+    function canIndent(editor: object, mark: string): boolean;
     /**
      * Permet de définir si le bloc sélectionné peut être indenté
      * @param {object} editor - éditeur de texte
      * @param {string} mark - indentation sélectionné
      * @returns {boolean}
      */
-    function canIndent(editor: any, mark: string): boolean;
+    function canIndent(editor: object, mark: string): boolean;
     /**
      * Permet de gérer l'indentation du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleIndent(editor: any): void;
+    function handleIndent(editor: object): void;
     /**
      * Permet de gérer l'indentation du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleIndent(editor: any): void;
+    function handleIndent(editor: object): void;
     /**
      * Permet de gérer l'désindentation du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleOutdent(editor: any): void;
+    function handleOutdent(editor: object): void;
     /**
      * Permet de gérer l'désindentation du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleOutdent(editor: any): void;
+    function handleOutdent(editor: object): void;
     /**
      * Permet de définir si le bloc sélectionné est un lien
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isLinkActive(editor: any): boolean;
+    function isLinkActive(editor: object): boolean;
     /**
      * Permet de définir si le bloc sélectionné est un lien
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isLinkActive(editor: any): boolean;
+    function isLinkActive(editor: object): boolean;
     /**
      * Permet de ajouter ou mettre à jour un lien
      * @param {object} editor - éditeur de texte
@@ -167,7 +167,7 @@ declare namespace CustomEditor {
      * @param {string} openInNewTab - attribut pour définir si le lien ouvre dans un nouvel onglet
      * @returns {void}
      */
-    function updateLink(editor: any, url: string, openInNewTab: string): void;
+    function updateLink(editor: object, url: string, openInNewTab: string): void;
     /**
      * Permet de ajouter ou mettre à jour un lien
      * @param {object} editor - éditeur de texte
@@ -175,117 +175,117 @@ declare namespace CustomEditor {
      * @param {string} openInNewTab - attribut pour définir si le lien ouvre dans un nouvel onglet
      * @returns {void}
      */
-    function updateLink(editor: any, url: string, openInNewTab: string): void;
+    function updateLink(editor: object, url: string, openInNewTab: string): void;
     /**
      * Permet de supprimer le lien
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function removeLink(editor: any): void;
+    function removeLink(editor: object): void;
     /**
      * Permet de supprimer le lien
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function removeLink(editor: any): void;
+    function removeLink(editor: object): void;
     /**
      * Permet de gérer la couleur de fond du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} coulor - couleur définie
      * @returns {void}
      */
-    function applyTextColor(editor: any, color: any): void;
+    function applyTextColor(editor: object, color: any): void;
     /**
      * Permet de gérer la couleur de fond du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} coulor - couleur définie
      * @returns {void}
      */
-    function applyTextColor(editor: any, color: any): void;
+    function applyTextColor(editor: object, color: any): void;
     /**
      * Permet de gérer la couleur de texte du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} coulor - couleur définie
      * @returns {void}
      */
-    function applyBackgroundTextColor(editor: any, color: any): void;
+    function applyBackgroundTextColor(editor: object, color: any): void;
     /**
      * Permet de gérer la couleur de texte du bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} coulor - couleur définie
      * @returns {void}
      */
-    function applyBackgroundTextColor(editor: any, color: any): void;
+    function applyBackgroundTextColor(editor: object, color: any): void;
     /**
      * Permet de gérer la taille de police bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} size - taille définie
      * @returns {void}
      */
-    function applyFontSize(editor: any, size: string): void;
+    function applyFontSize(editor: object, size: string): void;
     /**
      * Permet de gérer la taille de police bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} size - taille définie
      * @returns {void}
      */
-    function applyFontSize(editor: any, size: string): void;
+    function applyFontSize(editor: object, size: string): void;
     /**
      * Permet de gérer la police d'écriture bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} fontFamily - police définie
      * @returns {void}
      */
-    function applyFontFamily(editor: any, fontFamily: string): void;
+    function applyFontFamily(editor: object, fontFamily: string): void;
     /**
      * Permet de gérer la police d'écriture bloc sélectionné
      * @param {object} editor - éditeur de texte
      * @param {string} fontFamily - police définie
      * @returns {void}
      */
-    function applyFontFamily(editor: any, fontFamily: string): void;
+    function applyFontFamily(editor: object, fontFamily: string): void;
     /**
      * Permet de vérifier si la sélection se situe dans un code
      *
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInCode(editor: any): boolean;
+    function isSelectionInCode(editor: object): boolean;
     /**
      * Permet de vérifier si la sélection se situe dans un code
      *
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInCode(editor: any): boolean;
+    function isSelectionInCode(editor: object): boolean;
     /**
      * Permet de récupérer le langage actuel
      *
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function getCurrentCodeLanguage(editor: any): boolean;
+    function getCurrentCodeLanguage(editor: object): boolean;
     /**
      * Permet de récupérer le langage actuel
      *
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function getCurrentCodeLanguage(editor: any): boolean;
+    function getCurrentCodeLanguage(editor: object): boolean;
     /**
      * Gère l'ajout, l'édition et la suppression d'un bloc de code
      * @param {object} editor - éditeur de texte
      * @param {string} language - langage défini (ex: cpp(C++), php, etc...)
      * @returns {void}
      */
-    function handleCode(editor: any, language: string): void;
+    function handleCode(editor: object, language: string): void;
     /**
      * Gère l'ajout, l'édition et la suppression d'un bloc de code
      * @param {object} editor - éditeur de texte
      * @param {string} language - langage défini (ex: cpp(C++), php, etc...)
      * @returns {void}
      */
-    function handleCode(editor: any, language: string): void;
+    function handleCode(editor: object, language: string): void;
     /**
      * Affiche un bloc de citation
      *
@@ -321,7 +321,7 @@ declare namespace CustomEditor {
      * @param {string} text
      * @return {void}
      */
-    function insertCodeBlock(editor: any, text: string): void;
+    function insertCodeBlock(editor: object, text: string): void;
     /**
      * Insère un bloc de code
      *
@@ -329,35 +329,35 @@ declare namespace CustomEditor {
      * @param {string} text
      * @return {void}
      */
-    function insertCodeBlock(editor: any, text: string): void;
+    function insertCodeBlock(editor: object, text: string): void;
     /**
      * Permet de gérer les images
      * @param {object} editor - éditeur de texte
      * @param {string} url - url définie
      * @returns {void}
      */
-    function insertImage(editor: any, url: string): void;
+    function insertImage(editor: object, url: string): void;
     /**
      * Permet de gérer les images
      * @param {object} editor - éditeur de texte
      * @param {string} url - url définie
      * @returns {void}
      */
-    function insertImage(editor: any, url: string): void;
+    function insertImage(editor: object, url: string): void;
     /**
      * Permet de gérer l'upload d'un fichier
      * @param {Event} event
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleFileChange(event: Event, editor: any): void;
+    function handleFileChange(event: Event, editor: object): void;
     /**
      * Permet de gérer l'upload d'un fichier
      * @param {Event} event
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function handleFileChange(event: Event, editor: any): void;
+    function handleFileChange(event: Event, editor: object): void;
     /**
      * Permet de créer un tableau
      * @param {object} editor - éditeur de texte
@@ -365,7 +365,7 @@ declare namespace CustomEditor {
      * @param {number} columns - nombre de colonnes
      * @returns {void}
      */
-    function insertTable(editor: any, rows: number, columns: number): void;
+    function insertTable(editor: object, rows: number, columns: number): void;
     /**
      * Permet de créer un tableau
      * @param {object} editor - éditeur de texte
@@ -373,93 +373,93 @@ declare namespace CustomEditor {
      * @param {number} columns - nombre de colonnes
      * @returns {void}
      */
-    function insertTable(editor: any, rows: number, columns: number): void;
+    function insertTable(editor: object, rows: number, columns: number): void;
     /**
      * Permet de définir si l'élément sélectionné est dans un tableau
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInTable(editor: any): boolean;
+    function isSelectionInTable(editor: object): boolean;
     /**
      * Permet de définir si l'élément sélectionné est dans un tableau
      * @param {object} editor - éditeur de texte
      * @returns {boolean}
      */
-    function isSelectionInTable(editor: any): boolean;
+    function isSelectionInTable(editor: object): boolean;
     /**
      * Permet d'obtenir le tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function getTableFromSelection(editor: any): void;
+    function getTableFromSelection(editor: object): void;
     /**
      * Permet d'obtenir le tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function getTableFromSelection(editor: any): void;
+    function getTableFromSelection(editor: object): void;
     /**
      * Permet d'ajouter une ligne au tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function addRow(editor: any): void;
+    function addRow(editor: object): void;
     /**
      * Permet d'ajouter une ligne au tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function addRow(editor: any): void;
+    function addRow(editor: object): void;
     /**
      * Permet d'ajouter une colonne au tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function addColumn(editor: any): void;
+    function addColumn(editor: object): void;
     /**
      * Permet d'ajouter une colonne au tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function addColumn(editor: any): void;
+    function addColumn(editor: object): void;
     /**
      * Permet de supprimer une ligne du tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteRow(editor: any): void;
+    function deleteRow(editor: object): void;
     /**
      * Permet de supprimer une ligne du tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteRow(editor: any): void;
+    function deleteRow(editor: object): void;
     /**
      * Permet de supprimer une colonne du tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteColumn(editor: any): void;
+    function deleteColumn(editor: object): void;
     /**
      * Permet de supprimer une colonne du tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteColumn(editor: any): void;
+    function deleteColumn(editor: object): void;
     /**
      * Permet de supprimer le tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteTable(editor: any): void;
+    function deleteTable(editor: object): void;
     /**
      * Permet de supprimer le tableau sélectionné
      * @param {object} editor - éditeur de texte
      * @returns {void}
      */
-    function deleteTable(editor: any): void;
-    function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[];
-    function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[];
+    function deleteTable(editor: object): void;
+    function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[] | null;
+    function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[] | null;
     /**
      * Insère un paragraphe avant le tableau sélectionné.
      * @param {ReactEditor} editor L'éditeur Slate.

package/dist/src/components/utils/Images.d.ts

@@ -21,4 +21,4 @@
 export default function Images({ format, imageColor }: {
     format: any;
     imageColor: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/utils/Tooltip.d.ts

@@ -1,5 +1,5 @@
 export function Tooltip({ text, children, position }: {
     text: any;
     children: any;
-    position?: string;
+    position?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/utils/dropdown/ContainerDropdown.d.ts

@@ -14,7 +14,7 @@
  */
 export default function ContainerDropdown({ disabled, elements, elementSelected, format, isOpen, setIsOpen, onClick }: {
     disabled: boolean;
-    elements: any[];
+    elements: array;
     elementSelected: string;
     format: string;
     isOpen: boolean;

package/dist/src/components/utils/elements/BlockquoteElement.d.ts

@@ -29,6 +29,6 @@ export default BlockquoteElement;
  * @returns {JSX.Element}
  */
 declare function BlockquoteElement({ attributes, children }: {
-    attributes: any[];
+    attributes: array;
     children: JSX.Element;
 }): JSX.Element;

package/dist/src/components/utils/elements/CodeElement.d.ts

@@ -10,7 +10,7 @@ export default CodeElement;
  * @returns {JSX.Element}
  */
 declare function CodeElement({ attributes, children, element }: {
-    attributes: any[];
+    attributes: array;
     element: object;
     children: JSX.Element;
 }): JSX.Element;

package/dist/src/components/utils/elements/DefaultElement.d.ts

@@ -30,7 +30,7 @@ export default DefaultElement;
  * @returns {JSX.Element}
  */
 declare function DefaultElement({ attributes, children, element }: {
-    attributes: any[];
+    attributes: array;
     element: object;
     children: JSX.Element;
 }): JSX.Element;

package/dist/src/components/utils/elements/ListElement.d.ts

@@ -30,7 +30,7 @@ export default ListElement;
  * @returns {JSX.Element}
  */
 declare function ListElement({ attributes, children, element }: {
-    attributes: any[];
+    attributes: array;
     children: JSX.Element;
     element: object;
 }): JSX.Element;

package/dist/types/react-text-forge.d.ts

@@ -0,0 +1,90 @@
+// react-text-forge.d.ts
+import { ComponentType, ReactNode } from "react";
+import { Descendant, Text } from "slate";
+
+// Types pour les props du composant ReactTextForge
+interface ReactTextForgeProps {
+    /**
+     * Contenu textuel de l'éditeur (format Slate)
+     */
+    value: Descendant[];
+    /**
+     * Fonction pour mettre à jour le contenu
+     */
+    setValue: (value: Descendant[]) => void;
+    /**
+     * Active/désactive le mode plein écran
+     * @default true
+     */
+    fullScreen?: boolean;
+    /**
+     * Affiche/masque le sélecteur de thème
+     * @default true
+     */
+    showTheme?: boolean;
+    /**
+     * Couleur de bordure des éléments (thème clair)
+     * @default "#ccc"
+     */
+    borderColor?: string;
+    /**
+     * Couleur d'arrière-plan (thème clair)
+     * @default "#FFF"
+     */
+    backgroundColor?: string;
+    /**
+     * Couleur des images (thème clair)
+     * @default "#000"
+     */
+    imageColor?: string;
+    /**
+     * Couleur de bordure des éléments (thème sombre)
+     * @default "#1A1A1A"
+     */
+    borderDarkColor?: string;
+    /**
+     * Couleur d'arrière-plan (thème sombre)
+     * @default "#444444"
+     */
+    backgroundDarkColor?: string;
+    /**
+     * Couleur des images (thème sombre)
+     * @default "#ffffff"
+     */
+    imageDarkColor?: string;
+    /**
+     * Couleur du bouton de bascule
+     * @default "#2584aa"
+     */
+    toggleColor?: string;
+    /**
+     * Liste des raccourcis personnalisés
+     * @default null
+     */
+    raccourcis?: Record<string, string> | null;
+}
+
+// Déclaration du composant ReactTextForge
+declare const ReactTextForge: ComponentType<ReactTextForgeProps>;
+
+// Types pour les fonctions serialize et deserialize
+type SerializedOutput = string;
+type DeserializedOutput = Descendant[];
+
+/**
+ * Sérialise le contenu Slate en HTML
+ * @param nodes - Nœuds Slate à sérialiser
+ * @returns Chaîne HTML
+ */
+declare function serialize(nodes: Descendant[]): SerializedOutput;
+
+/**
+ * Désérialise le contenu HTML en nœuds Slate
+ * @param html - Chaîne HTML à désérialiser
+ * @returns Nœuds Slate
+ */
+declare function deserialize(html: string): DeserializedOutput;
+
+// Export par défaut et nommés
+export default ReactTextForge;
+export { serialize, deserialize };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-text-forge",
   "author": "Jahylis",
   "type": "module",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "license": "MIT",
   "main": "dist/react-text-forge.umd.js",
   "module": "dist/react-text-forge.js",
@@ -69,5 +69,8 @@
     "moduleNameMapper": {
       "\\.(css|sass|scss)$": "identity-obj-proxy"
     }
+  },
+  "dependencies": {
+    "slate-dom": "^0.124.0"
   }
 }