react-text-forge 1.2.12 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-text-forge.css +1 -1
- package/dist/react-text-forge.js +201 -122
- package/dist/react-text-forge.umd.cjs +9 -9
- package/dist/src/components/useToolbar.d.ts +2 -1
- package/dist/src/components/utils/CustomEditor.d.ts +140 -128
- package/dist/src/components/utils/dropdown/ContainerDropdown.d.ts +1 -5
- package/dist/src/components/utils/dropdown/{TableDropdown.d.ts → TableButtons.d.ts} +2 -2
- package/dist/src/components/utils/form/BulletTypeSelector.d.ts +3 -3
- package/dist/src/components/utils/form/NumeredTypeSelector.d.ts +3 -3
- package/package.json +1 -1
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
* Ce hook permet d'implémenter toutes les variables et fonction nécessaires à la barre d'outils
|
|
3
3
|
*
|
|
4
4
|
* @param {object} editor | éditeur de texte
|
|
5
|
+
* @param {React.Dispatch<React.SetStateAction<null>>} setDropdownActive
|
|
5
6
|
*
|
|
6
7
|
* @returns {object} | Liste composée de toutes les variables et fonctions
|
|
7
8
|
*/
|
|
8
|
-
export default function useToolbar(editor: object): object;
|
|
9
|
+
export default function useToolbar(editor: object, setDropdownActive: React.Dispatch<React.SetStateAction<null>>): object;
|
|
@@ -2,290 +2,302 @@ export default CustomEditor;
|
|
|
2
2
|
declare namespace CustomEditor {
|
|
3
3
|
/**
|
|
4
4
|
* Permet de définir si le format défini est actif
|
|
5
|
-
* @param {
|
|
5
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
6
6
|
* @param {string} format - format défini (ex: gras, italique, etc...)
|
|
7
7
|
* @returns {boolean}
|
|
8
8
|
*/
|
|
9
|
-
function isMarkActive(editor:
|
|
9
|
+
function isMarkActive(editor: ReactEditor, format: string): boolean;
|
|
10
10
|
/**
|
|
11
11
|
* Permet de définir si le format défini est actif
|
|
12
|
-
* @param {
|
|
12
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
13
13
|
* @param {string} format - format défini (ex: gras, italique, etc...)
|
|
14
14
|
* @returns {boolean}
|
|
15
15
|
*/
|
|
16
|
-
function isMarkActive(editor:
|
|
16
|
+
function isMarkActive(editor: ReactEditor, format: string): boolean;
|
|
17
17
|
/**
|
|
18
18
|
* Permet de gérer l'application et la désapplication du format défini
|
|
19
|
-
* @param {
|
|
19
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
20
20
|
* @param {string} format - format défini (ex: gras, italique, etc...)
|
|
21
21
|
* @returns {void}
|
|
22
22
|
*/
|
|
23
|
-
function toggleMark(editor:
|
|
23
|
+
function toggleMark(editor: ReactEditor, format: string): void;
|
|
24
24
|
/**
|
|
25
25
|
* Permet de gérer l'application et la désapplication du format défini
|
|
26
|
-
* @param {
|
|
26
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
27
27
|
* @param {string} format - format défini (ex: gras, italique, etc...)
|
|
28
28
|
* @returns {void}
|
|
29
29
|
*/
|
|
30
|
-
function toggleMark(editor:
|
|
30
|
+
function toggleMark(editor: ReactEditor, format: string): void;
|
|
31
31
|
/**
|
|
32
32
|
* Permet de définir si le bloc défini est actif
|
|
33
|
-
* @param {
|
|
33
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
34
34
|
* @param {string} blockType - élément défini (ex: p, h1, h2...)
|
|
35
35
|
* @returns {boolean}
|
|
36
36
|
*/
|
|
37
|
-
function isBlockActive(editor:
|
|
37
|
+
function isBlockActive(editor: ReactEditor, blockType: string): boolean;
|
|
38
38
|
/**
|
|
39
39
|
* Permet de définir si le bloc défini est actif
|
|
40
|
-
* @param {
|
|
40
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
41
41
|
* @param {string} blockType - élément défini (ex: p, h1, h2...)
|
|
42
42
|
* @returns {boolean}
|
|
43
43
|
*/
|
|
44
|
-
function isBlockActive(editor:
|
|
44
|
+
function isBlockActive(editor: ReactEditor, blockType: string): boolean;
|
|
45
45
|
/**
|
|
46
46
|
* Permet de définir si le bloc défini est dans une liste à puces (non-ordonnée ou numérotée)
|
|
47
|
-
* @param {
|
|
47
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
48
48
|
* @returns {boolean}
|
|
49
49
|
*/
|
|
50
|
-
function isSelectionInList(editor:
|
|
50
|
+
function isSelectionInList(editor: ReactEditor): boolean;
|
|
51
51
|
/**
|
|
52
52
|
* Permet de définir si le bloc défini est dans une liste à puces (non-ordonnée ou numérotée)
|
|
53
|
-
* @param {
|
|
53
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
54
54
|
* @returns {boolean}
|
|
55
55
|
*/
|
|
56
|
-
function isSelectionInList(editor:
|
|
56
|
+
function isSelectionInList(editor: ReactEditor): boolean;
|
|
57
57
|
/**
|
|
58
58
|
* Permet de définir la puce utilisée dans une liste à puces (non-ordonnée ou numérotée)
|
|
59
|
-
* @param {
|
|
59
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
60
60
|
* @returns {string}
|
|
61
61
|
*/
|
|
62
|
-
function getListStyleType(editor:
|
|
62
|
+
function getListStyleType(editor: ReactEditor): string;
|
|
63
63
|
/**
|
|
64
64
|
* Permet de définir la puce utilisée dans une liste à puces (non-ordonnée ou numérotée)
|
|
65
|
-
* @param {
|
|
65
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
66
66
|
* @returns {string}
|
|
67
67
|
*/
|
|
68
|
-
function getListStyleType(editor:
|
|
68
|
+
function getListStyleType(editor: ReactEditor): string;
|
|
69
|
+
/**
|
|
70
|
+
* Permet de récupérer le type de bloc utilisé
|
|
71
|
+
* @param {Editor} editor
|
|
72
|
+
* @param {Range | Point | null} selection
|
|
73
|
+
*/
|
|
74
|
+
function getCurrentBlock(editor: import("slate").BaseEditor, selection: any): any;
|
|
75
|
+
/**
|
|
76
|
+
* Permet de récupérer le type de bloc utilisé
|
|
77
|
+
* @param {Editor} editor
|
|
78
|
+
* @param {Range | Point | null} selection
|
|
79
|
+
*/
|
|
80
|
+
function getCurrentBlock(editor: import("slate").BaseEditor, selection: any): any;
|
|
69
81
|
/**
|
|
70
82
|
* Permet de gérer l'application et la désapplication du bloc défini
|
|
71
|
-
* @param {
|
|
83
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
72
84
|
* @param {string} blockType - format défini (ex: gras, italique, etc...)
|
|
73
85
|
* @param {string} bulletType - puces définies dans
|
|
74
86
|
* @returns {void}
|
|
75
87
|
*/
|
|
76
|
-
function toggleBlock(editor:
|
|
88
|
+
function toggleBlock(editor: ReactEditor, blockType: string, bulletType?: string): void;
|
|
77
89
|
/**
|
|
78
90
|
* Permet de gérer l'application et la désapplication du bloc défini
|
|
79
|
-
* @param {
|
|
91
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
80
92
|
* @param {string} blockType - format défini (ex: gras, italique, etc...)
|
|
81
93
|
* @param {string} bulletType - puces définies dans
|
|
82
94
|
* @returns {void}
|
|
83
95
|
*/
|
|
84
|
-
function toggleBlock(editor:
|
|
96
|
+
function toggleBlock(editor: ReactEditor, blockType: string, bulletType?: string): void;
|
|
85
97
|
/**
|
|
86
98
|
* Permet de définir si le bloc défini possède un alignement
|
|
87
|
-
* @param {
|
|
99
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
88
100
|
* @param {string} align - alignement défini (ex: left, right ou center.)
|
|
89
101
|
* @returns {boolean}
|
|
90
102
|
*/
|
|
91
|
-
function isAlignActive(editor:
|
|
103
|
+
function isAlignActive(editor: ReactEditor, align: string): boolean;
|
|
92
104
|
/**
|
|
93
105
|
* Permet de définir si le bloc défini possède un alignement
|
|
94
|
-
* @param {
|
|
106
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
95
107
|
* @param {string} align - alignement défini (ex: left, right ou center.)
|
|
96
108
|
* @returns {boolean}
|
|
97
109
|
*/
|
|
98
|
-
function isAlignActive(editor:
|
|
110
|
+
function isAlignActive(editor: ReactEditor, align: string): boolean;
|
|
99
111
|
/**
|
|
100
112
|
* Permet de gérer l'alignement du bloc sélectionné
|
|
101
|
-
* @param {
|
|
113
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
102
114
|
* @param {string} alignement - alignement défini (ex: left, right ou center)
|
|
103
115
|
* @returns {void}
|
|
104
116
|
*/
|
|
105
|
-
function toggleAlign(editor:
|
|
117
|
+
function toggleAlign(editor: ReactEditor, align: any): void;
|
|
106
118
|
/**
|
|
107
119
|
* Permet de gérer l'alignement du bloc sélectionné
|
|
108
|
-
* @param {
|
|
120
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
109
121
|
* @param {string} alignement - alignement défini (ex: left, right ou center)
|
|
110
122
|
* @returns {void}
|
|
111
123
|
*/
|
|
112
|
-
function toggleAlign(editor:
|
|
124
|
+
function toggleAlign(editor: ReactEditor, align: any): void;
|
|
113
125
|
/**
|
|
114
126
|
* Permet de définir si le bloc sélectionné peut être indenté
|
|
115
|
-
* @param {
|
|
127
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
116
128
|
* @param {string} mark - indentation sélectionné
|
|
117
129
|
* @returns {boolean}
|
|
118
130
|
*/
|
|
119
|
-
function canIndent(editor:
|
|
131
|
+
function canIndent(editor: ReactEditor, mark: string): boolean;
|
|
120
132
|
/**
|
|
121
133
|
* Permet de définir si le bloc sélectionné peut être indenté
|
|
122
|
-
* @param {
|
|
134
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
123
135
|
* @param {string} mark - indentation sélectionné
|
|
124
136
|
* @returns {boolean}
|
|
125
137
|
*/
|
|
126
|
-
function canIndent(editor:
|
|
138
|
+
function canIndent(editor: ReactEditor, mark: string): boolean;
|
|
127
139
|
/**
|
|
128
140
|
* Permet de gérer l'indentation du bloc sélectionné
|
|
129
|
-
* @param {
|
|
141
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
130
142
|
* @returns {void}
|
|
131
143
|
*/
|
|
132
|
-
function handleIndent(editor:
|
|
144
|
+
function handleIndent(editor: ReactEditor): void;
|
|
133
145
|
/**
|
|
134
146
|
* Permet de gérer l'indentation du bloc sélectionné
|
|
135
|
-
* @param {
|
|
147
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
136
148
|
* @returns {void}
|
|
137
149
|
*/
|
|
138
|
-
function handleIndent(editor:
|
|
150
|
+
function handleIndent(editor: ReactEditor): void;
|
|
139
151
|
/**
|
|
140
152
|
* Permet de gérer l'désindentation du bloc sélectionné
|
|
141
|
-
* @param {
|
|
153
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
142
154
|
* @returns {void}
|
|
143
155
|
*/
|
|
144
|
-
function handleOutdent(editor:
|
|
156
|
+
function handleOutdent(editor: ReactEditor): void;
|
|
145
157
|
/**
|
|
146
158
|
* Permet de gérer l'désindentation du bloc sélectionné
|
|
147
|
-
* @param {
|
|
159
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
148
160
|
* @returns {void}
|
|
149
161
|
*/
|
|
150
|
-
function handleOutdent(editor:
|
|
162
|
+
function handleOutdent(editor: ReactEditor): void;
|
|
151
163
|
/**
|
|
152
164
|
* Permet de définir si le bloc sélectionné est un lien
|
|
153
|
-
* @param {
|
|
165
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
154
166
|
* @returns {boolean}
|
|
155
167
|
*/
|
|
156
|
-
function isLinkActive(editor:
|
|
168
|
+
function isLinkActive(editor: ReactEditor): boolean;
|
|
157
169
|
/**
|
|
158
170
|
* Permet de définir si le bloc sélectionné est un lien
|
|
159
|
-
* @param {
|
|
171
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
160
172
|
* @returns {boolean}
|
|
161
173
|
*/
|
|
162
|
-
function isLinkActive(editor:
|
|
174
|
+
function isLinkActive(editor: ReactEditor): boolean;
|
|
163
175
|
/**
|
|
164
176
|
* Permet de ajouter ou mettre à jour un lien
|
|
165
|
-
* @param {
|
|
177
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
166
178
|
* @param {string} url - url défini
|
|
167
179
|
* @param {string} openInNewTab - attribut pour définir si le lien ouvre dans un nouvel onglet
|
|
168
180
|
* @returns {void}
|
|
169
181
|
*/
|
|
170
|
-
function updateLink(editor:
|
|
182
|
+
function updateLink(editor: ReactEditor, url: string, openInNewTab: string): void;
|
|
171
183
|
/**
|
|
172
184
|
* Permet de ajouter ou mettre à jour un lien
|
|
173
|
-
* @param {
|
|
185
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
174
186
|
* @param {string} url - url défini
|
|
175
187
|
* @param {string} openInNewTab - attribut pour définir si le lien ouvre dans un nouvel onglet
|
|
176
188
|
* @returns {void}
|
|
177
189
|
*/
|
|
178
|
-
function updateLink(editor:
|
|
190
|
+
function updateLink(editor: ReactEditor, url: string, openInNewTab: string): void;
|
|
179
191
|
/**
|
|
180
192
|
* Permet de supprimer le lien
|
|
181
|
-
* @param {
|
|
193
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
182
194
|
* @returns {void}
|
|
183
195
|
*/
|
|
184
|
-
function removeLink(editor:
|
|
196
|
+
function removeLink(editor: ReactEditor): void;
|
|
185
197
|
/**
|
|
186
198
|
* Permet de supprimer le lien
|
|
187
|
-
* @param {
|
|
199
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
188
200
|
* @returns {void}
|
|
189
201
|
*/
|
|
190
|
-
function removeLink(editor:
|
|
202
|
+
function removeLink(editor: ReactEditor): void;
|
|
191
203
|
/**
|
|
192
204
|
* Permet de gérer la couleur de fond du bloc sélectionné
|
|
193
|
-
* @param {
|
|
205
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
194
206
|
* @param {string} coulor - couleur définie
|
|
195
207
|
* @returns {void}
|
|
196
208
|
*/
|
|
197
|
-
function applyTextColor(editor:
|
|
209
|
+
function applyTextColor(editor: ReactEditor, color: any): void;
|
|
198
210
|
/**
|
|
199
211
|
* Permet de gérer la couleur de fond du bloc sélectionné
|
|
200
|
-
* @param {
|
|
212
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
201
213
|
* @param {string} coulor - couleur définie
|
|
202
214
|
* @returns {void}
|
|
203
215
|
*/
|
|
204
|
-
function applyTextColor(editor:
|
|
216
|
+
function applyTextColor(editor: ReactEditor, color: any): void;
|
|
205
217
|
/**
|
|
206
218
|
* Permet de gérer la couleur de texte du bloc sélectionné
|
|
207
|
-
* @param {
|
|
219
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
208
220
|
* @param {string} coulor - couleur définie
|
|
209
221
|
* @returns {void}
|
|
210
222
|
*/
|
|
211
|
-
function applyBackgroundTextColor(editor:
|
|
223
|
+
function applyBackgroundTextColor(editor: ReactEditor, color: any): void;
|
|
212
224
|
/**
|
|
213
225
|
* Permet de gérer la couleur de texte du bloc sélectionné
|
|
214
|
-
* @param {
|
|
226
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
215
227
|
* @param {string} coulor - couleur définie
|
|
216
228
|
* @returns {void}
|
|
217
229
|
*/
|
|
218
|
-
function applyBackgroundTextColor(editor:
|
|
230
|
+
function applyBackgroundTextColor(editor: ReactEditor, color: any): void;
|
|
219
231
|
/**
|
|
220
232
|
* Permet de gérer la taille de police bloc sélectionné
|
|
221
|
-
* @param {
|
|
233
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
222
234
|
* @param {string} size - taille définie
|
|
223
235
|
* @returns {void}
|
|
224
236
|
*/
|
|
225
|
-
function applyFontSize(editor:
|
|
237
|
+
function applyFontSize(editor: ReactEditor, size: string): void;
|
|
226
238
|
/**
|
|
227
239
|
* Permet de gérer la taille de police bloc sélectionné
|
|
228
|
-
* @param {
|
|
240
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
229
241
|
* @param {string} size - taille définie
|
|
230
242
|
* @returns {void}
|
|
231
243
|
*/
|
|
232
|
-
function applyFontSize(editor:
|
|
244
|
+
function applyFontSize(editor: ReactEditor, size: string): void;
|
|
233
245
|
/**
|
|
234
246
|
* Permet de gérer la police d'écriture bloc sélectionné
|
|
235
|
-
* @param {
|
|
247
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
236
248
|
* @param {string} fontFamily - police définie
|
|
237
249
|
* @returns {void}
|
|
238
250
|
*/
|
|
239
|
-
function applyFontFamily(editor:
|
|
251
|
+
function applyFontFamily(editor: ReactEditor, fontFamily: string): void;
|
|
240
252
|
/**
|
|
241
253
|
* Permet de gérer la police d'écriture bloc sélectionné
|
|
242
|
-
* @param {
|
|
254
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
243
255
|
* @param {string} fontFamily - police définie
|
|
244
256
|
* @returns {void}
|
|
245
257
|
*/
|
|
246
|
-
function applyFontFamily(editor:
|
|
258
|
+
function applyFontFamily(editor: ReactEditor, fontFamily: string): void;
|
|
247
259
|
/**
|
|
248
260
|
* Permet de vérifier si la sélection se situe dans un code
|
|
249
261
|
*
|
|
250
|
-
* @param {
|
|
262
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
251
263
|
* @returns {boolean}
|
|
252
264
|
*/
|
|
253
|
-
function isSelectionInCode(editor:
|
|
265
|
+
function isSelectionInCode(editor: ReactEditor): boolean;
|
|
254
266
|
/**
|
|
255
267
|
* Permet de vérifier si la sélection se situe dans un code
|
|
256
268
|
*
|
|
257
|
-
* @param {
|
|
269
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
258
270
|
* @returns {boolean}
|
|
259
271
|
*/
|
|
260
|
-
function isSelectionInCode(editor:
|
|
272
|
+
function isSelectionInCode(editor: ReactEditor): boolean;
|
|
261
273
|
/**
|
|
262
274
|
* Permet de récupérer le langage actuel
|
|
263
275
|
*
|
|
264
|
-
* @param {
|
|
276
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
265
277
|
* @returns {boolean}
|
|
266
278
|
*/
|
|
267
|
-
function getCurrentCodeLanguage(editor:
|
|
279
|
+
function getCurrentCodeLanguage(editor: ReactEditor): boolean;
|
|
268
280
|
/**
|
|
269
281
|
* Permet de récupérer le langage actuel
|
|
270
282
|
*
|
|
271
|
-
* @param {
|
|
283
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
272
284
|
* @returns {boolean}
|
|
273
285
|
*/
|
|
274
|
-
function getCurrentCodeLanguage(editor:
|
|
286
|
+
function getCurrentCodeLanguage(editor: ReactEditor): boolean;
|
|
275
287
|
/**
|
|
276
288
|
* Gère l'ajout, l'édition et la suppression d'un bloc de code
|
|
277
|
-
* @param {
|
|
289
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
278
290
|
* @param {string} language - langage défini (ex: cpp(C++), php, etc...)
|
|
279
291
|
* @returns {void}
|
|
280
292
|
*/
|
|
281
|
-
function handleCode(editor:
|
|
293
|
+
function handleCode(editor: ReactEditor, language: string): void;
|
|
282
294
|
/**
|
|
283
295
|
* Gère l'ajout, l'édition et la suppression d'un bloc de code
|
|
284
|
-
* @param {
|
|
296
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
285
297
|
* @param {string} language - langage défini (ex: cpp(C++), php, etc...)
|
|
286
298
|
* @returns {void}
|
|
287
299
|
*/
|
|
288
|
-
function handleCode(editor:
|
|
300
|
+
function handleCode(editor: ReactEditor, language: string): void;
|
|
289
301
|
/**
|
|
290
302
|
* Affiche un bloc de citation
|
|
291
303
|
*
|
|
@@ -317,147 +329,147 @@ declare namespace CustomEditor {
|
|
|
317
329
|
/**
|
|
318
330
|
* Insère un bloc de code
|
|
319
331
|
*
|
|
320
|
-
* @param {
|
|
332
|
+
* @param {ReactEditor} editor
|
|
321
333
|
* @param {string} text
|
|
322
334
|
* @return {void}
|
|
323
335
|
*/
|
|
324
|
-
function insertCodeBlock(editor:
|
|
336
|
+
function insertCodeBlock(editor: ReactEditor, text: string): void;
|
|
325
337
|
/**
|
|
326
338
|
* Insère un bloc de code
|
|
327
339
|
*
|
|
328
|
-
* @param {
|
|
340
|
+
* @param {ReactEditor} editor
|
|
329
341
|
* @param {string} text
|
|
330
342
|
* @return {void}
|
|
331
343
|
*/
|
|
332
|
-
function insertCodeBlock(editor:
|
|
344
|
+
function insertCodeBlock(editor: ReactEditor, text: string): void;
|
|
333
345
|
/**
|
|
334
346
|
* Permet de gérer les images
|
|
335
|
-
* @param {
|
|
347
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
336
348
|
* @param {string} url - url définie
|
|
337
349
|
* @returns {void}
|
|
338
350
|
*/
|
|
339
|
-
function insertImage(editor:
|
|
351
|
+
function insertImage(editor: ReactEditor, url: string): void;
|
|
340
352
|
/**
|
|
341
353
|
* Permet de gérer les images
|
|
342
|
-
* @param {
|
|
354
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
343
355
|
* @param {string} url - url définie
|
|
344
356
|
* @returns {void}
|
|
345
357
|
*/
|
|
346
|
-
function insertImage(editor:
|
|
358
|
+
function insertImage(editor: ReactEditor, url: string): void;
|
|
347
359
|
/**
|
|
348
360
|
* Permet de gérer l'upload d'un fichier
|
|
349
361
|
* @param {Event} event
|
|
350
|
-
* @param {
|
|
362
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
351
363
|
* @returns {void}
|
|
352
364
|
*/
|
|
353
|
-
function handleFileChange(event: Event, editor:
|
|
365
|
+
function handleFileChange(event: Event, editor: ReactEditor): void;
|
|
354
366
|
/**
|
|
355
367
|
* Permet de gérer l'upload d'un fichier
|
|
356
368
|
* @param {Event} event
|
|
357
|
-
* @param {
|
|
369
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
358
370
|
* @returns {void}
|
|
359
371
|
*/
|
|
360
|
-
function handleFileChange(event: Event, editor:
|
|
372
|
+
function handleFileChange(event: Event, editor: ReactEditor): void;
|
|
361
373
|
/**
|
|
362
374
|
* Permet de créer un tableau
|
|
363
|
-
* @param {
|
|
375
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
364
376
|
* @param {number} rows - nombre de lignes
|
|
365
377
|
* @param {number} columns - nombre de colonnes
|
|
366
378
|
* @returns {void}
|
|
367
379
|
*/
|
|
368
|
-
function insertTable(editor:
|
|
380
|
+
function insertTable(editor: ReactEditor, rows: number, columns: number): void;
|
|
369
381
|
/**
|
|
370
382
|
* Permet de créer un tableau
|
|
371
|
-
* @param {
|
|
383
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
372
384
|
* @param {number} rows - nombre de lignes
|
|
373
385
|
* @param {number} columns - nombre de colonnes
|
|
374
386
|
* @returns {void}
|
|
375
387
|
*/
|
|
376
|
-
function insertTable(editor:
|
|
388
|
+
function insertTable(editor: ReactEditor, rows: number, columns: number): void;
|
|
377
389
|
/**
|
|
378
390
|
* Permet de définir si l'élément sélectionné est dans un tableau
|
|
379
|
-
* @param {
|
|
391
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
380
392
|
* @returns {boolean}
|
|
381
393
|
*/
|
|
382
|
-
function isSelectionInTable(editor:
|
|
394
|
+
function isSelectionInTable(editor: ReactEditor): boolean;
|
|
383
395
|
/**
|
|
384
396
|
* Permet de définir si l'élément sélectionné est dans un tableau
|
|
385
|
-
* @param {
|
|
397
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
386
398
|
* @returns {boolean}
|
|
387
399
|
*/
|
|
388
|
-
function isSelectionInTable(editor:
|
|
400
|
+
function isSelectionInTable(editor: ReactEditor): boolean;
|
|
389
401
|
/**
|
|
390
402
|
* Permet d'obtenir le tableau sélectionné
|
|
391
|
-
* @param {
|
|
403
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
392
404
|
* @returns {void}
|
|
393
405
|
*/
|
|
394
|
-
function getTableFromSelection(editor:
|
|
406
|
+
function getTableFromSelection(editor: ReactEditor): void;
|
|
395
407
|
/**
|
|
396
408
|
* Permet d'obtenir le tableau sélectionné
|
|
397
|
-
* @param {
|
|
409
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
398
410
|
* @returns {void}
|
|
399
411
|
*/
|
|
400
|
-
function getTableFromSelection(editor:
|
|
412
|
+
function getTableFromSelection(editor: ReactEditor): void;
|
|
401
413
|
/**
|
|
402
414
|
* Permet d'ajouter une ligne au tableau sélectionné
|
|
403
|
-
* @param {
|
|
415
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
404
416
|
* @returns {void}
|
|
405
417
|
*/
|
|
406
|
-
function addRow(editor:
|
|
418
|
+
function addRow(editor: ReactEditor): void;
|
|
407
419
|
/**
|
|
408
420
|
* Permet d'ajouter une ligne au tableau sélectionné
|
|
409
|
-
* @param {
|
|
421
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
410
422
|
* @returns {void}
|
|
411
423
|
*/
|
|
412
|
-
function addRow(editor:
|
|
424
|
+
function addRow(editor: ReactEditor): void;
|
|
413
425
|
/**
|
|
414
426
|
* Permet d'ajouter une colonne au tableau sélectionné
|
|
415
|
-
* @param {
|
|
427
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
416
428
|
* @returns {void}
|
|
417
429
|
*/
|
|
418
|
-
function addColumn(editor:
|
|
430
|
+
function addColumn(editor: ReactEditor): void;
|
|
419
431
|
/**
|
|
420
432
|
* Permet d'ajouter une colonne au tableau sélectionné
|
|
421
|
-
* @param {
|
|
433
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
422
434
|
* @returns {void}
|
|
423
435
|
*/
|
|
424
|
-
function addColumn(editor:
|
|
436
|
+
function addColumn(editor: ReactEditor): void;
|
|
425
437
|
/**
|
|
426
438
|
* Permet de supprimer une ligne du tableau sélectionné
|
|
427
|
-
* @param {
|
|
439
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
428
440
|
* @returns {void}
|
|
429
441
|
*/
|
|
430
|
-
function deleteRow(editor:
|
|
442
|
+
function deleteRow(editor: ReactEditor): void;
|
|
431
443
|
/**
|
|
432
444
|
* Permet de supprimer une ligne du tableau sélectionné
|
|
433
|
-
* @param {
|
|
445
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
434
446
|
* @returns {void}
|
|
435
447
|
*/
|
|
436
|
-
function deleteRow(editor:
|
|
448
|
+
function deleteRow(editor: ReactEditor): void;
|
|
437
449
|
/**
|
|
438
450
|
* Permet de supprimer une colonne du tableau sélectionné
|
|
439
|
-
* @param {
|
|
451
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
440
452
|
* @returns {void}
|
|
441
453
|
*/
|
|
442
|
-
function deleteColumn(editor:
|
|
454
|
+
function deleteColumn(editor: ReactEditor): void;
|
|
443
455
|
/**
|
|
444
456
|
* Permet de supprimer une colonne du tableau sélectionné
|
|
445
|
-
* @param {
|
|
457
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
446
458
|
* @returns {void}
|
|
447
459
|
*/
|
|
448
|
-
function deleteColumn(editor:
|
|
460
|
+
function deleteColumn(editor: ReactEditor): void;
|
|
449
461
|
/**
|
|
450
462
|
* Permet de supprimer le tableau sélectionné
|
|
451
|
-
* @param {
|
|
463
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
452
464
|
* @returns {void}
|
|
453
465
|
*/
|
|
454
|
-
function deleteTable(editor:
|
|
466
|
+
function deleteTable(editor: ReactEditor): void;
|
|
455
467
|
/**
|
|
456
468
|
* Permet de supprimer le tableau sélectionné
|
|
457
|
-
* @param {
|
|
469
|
+
* @param {ReactEditor} editor - éditeur de texte
|
|
458
470
|
* @returns {void}
|
|
459
471
|
*/
|
|
460
|
-
function deleteTable(editor:
|
|
472
|
+
function deleteTable(editor: ReactEditor): void;
|
|
461
473
|
function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[] | null;
|
|
462
474
|
function findNearestTable(editor: any): (import("slate").BaseElement | import("slate").BaseText | Path)[] | null;
|
|
463
475
|
/**
|
|
@@ -6,18 +6,14 @@
|
|
|
6
6
|
* @param {array} props.elements - Éléments à afficher
|
|
7
7
|
* @param {string} props.elementSelected - Élément sélectionné
|
|
8
8
|
* @param {string} props.format - format appliqué
|
|
9
|
-
* @param {boolean} props.isOpen - État du formulaire (ouvert, fermé)
|
|
10
|
-
* @param {func} props.setIsOpen - Change l'état du formulaire
|
|
11
9
|
* @param {func} props.onClick - Appliquer le nouveau format
|
|
12
10
|
*
|
|
13
11
|
* @return {JSX.Element}
|
|
14
12
|
*/
|
|
15
|
-
export default function ContainerDropdown({ disabled, elements, elementSelected, format,
|
|
13
|
+
export default function ContainerDropdown({ disabled, elements, elementSelected, format, onClick }: {
|
|
16
14
|
disabled: boolean;
|
|
17
15
|
elements: array;
|
|
18
16
|
elementSelected: string;
|
|
19
17
|
format: string;
|
|
20
|
-
isOpen: boolean;
|
|
21
|
-
setIsOpen: func;
|
|
22
18
|
onClick: func;
|
|
23
19
|
}): JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export default
|
|
1
|
+
export default TableButtons;
|
|
2
2
|
/**
|
|
3
3
|
* Ce composant permet de gérer l'affichage du formulaire de création de tableau
|
|
4
4
|
*
|
|
@@ -7,4 +7,4 @@ export default TableDropdown;
|
|
|
7
7
|
* @property {object} hiddenButtons - Boutons non visibles
|
|
8
8
|
* @returns {JSX.Element}
|
|
9
9
|
*/
|
|
10
|
-
declare const
|
|
10
|
+
declare const TableButtons: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
|
|
@@ -5,12 +5,12 @@ export default BulletTypeSelector;
|
|
|
5
5
|
* @param {object} props
|
|
6
6
|
* @param {function} props.onChange - permet de définir la nouvelle puce
|
|
7
7
|
* @param {object} props.selectStyle - style appliqué pour l'élément
|
|
8
|
-
* @param {
|
|
8
|
+
* @param {() => void} props.onClose - Ferme le formulaire
|
|
9
9
|
*
|
|
10
10
|
* @returns {JSX.Element}
|
|
11
11
|
*/
|
|
12
|
-
declare function BulletTypeSelector({ onChange, selectStyle,
|
|
12
|
+
declare function BulletTypeSelector({ onChange, selectStyle, onClose }: {
|
|
13
13
|
onChange: Function;
|
|
14
14
|
selectStyle: object;
|
|
15
|
-
|
|
15
|
+
onClose: () => void;
|
|
16
16
|
}): JSX.Element;
|
|
@@ -5,12 +5,12 @@ export default NumeredTypeSelector;
|
|
|
5
5
|
* @param {object} props
|
|
6
6
|
* @param {function} props.onChange - permet de définir la nouvelle puce
|
|
7
7
|
* @param {object} props.selectStyle - style appliqué pour l'élément
|
|
8
|
-
* @param {
|
|
8
|
+
* @param {() => void} props.onClose - Affiche le formulaire
|
|
9
9
|
*
|
|
10
10
|
* @returns {JSX.Element}
|
|
11
11
|
*/
|
|
12
|
-
declare function NumeredTypeSelector({ onChange, selectStyle,
|
|
12
|
+
declare function NumeredTypeSelector({ onChange, selectStyle, onClose }: {
|
|
13
13
|
onChange: Function;
|
|
14
14
|
selectStyle: object;
|
|
15
|
-
|
|
15
|
+
onClose: () => void;
|
|
16
16
|
}): JSX.Element;
|