@visns-studio/visns-components 4.7.12 → 4.8.1

package/package.json

@@ -75,7 +75,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "4.7.12",
+    "version": "4.8.1",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/Field.jsx

@@ -1141,12 +1141,41 @@ function Field({
                                 'code',
                             ],
                             toolbar:
-                                'undo redo | blocks | ' +
+                                'insertTextDropdown | undo redo | blocks | ' +
                                 'bold italic forecolor | alignleft aligncenter ' +
                                 'alignright alignjustify | bullist numlist outdent indent | ' +
                                 'removeformat | table',
                             content_style:
                                 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
+                            setup: (editor) => {
+                                // Check if insertText exists and is an array of objects
+                                if (
+                                    settings.insertText &&
+                                    Array.isArray(settings.insertText) &&
+                                    settings.insertText.length > 0
+                                ) {
+                                    editor.ui.registry.addMenuButton(
+                                        'insertTextDropdown',
+                                        {
+                                            text: 'Insert Text',
+                                            fetch: (callback) => {
+                                                const items =
+                                                    settings.insertText.map(
+                                                        (textObj) => ({
+                                                            type: 'menuitem',
+                                                            text: textObj.text,
+                                                            onAction: () =>
+                                                                editor.insertContent(
+                                                                    textObj.content
+                                                                ),
+                                                        })
+                                                    );
+                                                callback(items);
+                                            },
+                                        }
+                                    );
+                                }
+                            },
                         }}
                     />
                 );