react-text-forge 1.2.11 → 1.3.0

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/src/components/utils/form/BulletTypeSelector.d.ts

@@ -5,12 +5,12 @@ export default BulletTypeSelector;
  * @param {object} props
  * @param {function} props.onChange - permet de définir la nouvelle puce
  * @param {object} props.selectStyle - style appliqué pour l'élément
- * @param {object} props.toggleForm - Affiche le formulaire
+ * @param {() => void} props.onClose - Ferme le formulaire
  *
  * @returns {JSX.Element}
  */
-declare function BulletTypeSelector({ onChange, selectStyle, toggleForm }: {
+declare function BulletTypeSelector({ onChange, selectStyle, onClose }: {
     onChange: Function;
     selectStyle: object;
-    toggleForm: object;
+    onClose: () => void;
 }): JSX.Element;

package/dist/src/components/utils/form/NumeredTypeSelector.d.ts

@@ -5,12 +5,12 @@ export default NumeredTypeSelector;
  * @param {object} props
  * @param {function} props.onChange - permet de définir la nouvelle puce
  * @param {object} props.selectStyle - style appliqué pour l'élément
- * @param {object} props.toggleForm - Affiche le formulaire
+ * @param {() => void} props.onClose - Affiche le formulaire
  *
  * @returns {JSX.Element}
  */
-declare function NumeredTypeSelector({ onChange, selectStyle, toggleForm }: {
+declare function NumeredTypeSelector({ onChange, selectStyle, onClose }: {
     onChange: Function;
     selectStyle: object;
-    toggleForm: object;
+    onClose: () => void;
 }): 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.3.0",
   "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"
   }
 }