@pdg/react-form 1.0.67 → 1.0.68

package/dist/FormItemCustom/FormTextEditor/FormTextEditor.types.d.ts

@@ -1,7 +1,8 @@
 import { CommonSxProps, FormValueItemCommands, FormValueItemProps } from '../../@types';
+import { IAllProps } from '@tinymce/tinymce-react';
 export type FormTextEditorValue = string;
 export type FormTextEditorCommands = FormValueItemCommands<FormTextEditorValue, false>;
-export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemProps<FormTextEditorValue, false>, 'fullWidth'> {
+export interface FormTextEditorProps extends CommonSxProps, Omit<FormValueItemProps<FormTextEditorValue, false>, 'fullWidth'>, Partial<Pick<IAllProps, 'apiKey' | 'toolbar'>> {
     required?: boolean;
     menubar?: boolean;
     height?: number;

package/dist/index.esm.js

@@ -7491,6 +7491,8 @@ var Editor = /** @class */ (function (_super) {
 styleInject(css_248z$c);var FormTextEditor = React__default.forwardRef(function (_a, ref) {
     // ID --------------------------------------------------------------------------------------------------------------
     var initVariant = _a.variant, initSize = _a.size, initColor = _a.color, initFocused = _a.focused, 
+    // ---------------------------------------------------------------------------------------------------------------
+    apiKey = _a.apiKey, toolbar = _a.toolbar, 
     //----------------------------------------------------------------------------------------------------------------
     menubar = _a.menubar, height = _a.height, hidden = _a.hidden, onImageUpload = _a.onImageUpload, 
     //----------------------------------------------------------------------------------------------------------------
@@ -7664,7 +7666,7 @@ styleInject(css_248z$c);var FormTextEditor = React__default.forwardRef(function
     // Render ----------------------------------------------------------------------------------------------------------
     return (React__default.createElement(FormItemBase, { variant: variant, size: size, color: color, focused: focused, className: classNames$1(className, 'FormValueItem', 'FormTextEditor', !initialized && 'initializing'), labelIcon: labelIcon, label: label, error: error, required: required, fullWidth: true, helperText: error ? errorHelperText : helperText, helperTextProps: { style: { marginLeft: 5 } }, style: { width: '100%' }, hidden: hidden, controlHeight: height, control: React__default.createElement(React__default.Fragment, null,
             !initialized ? React__default.createElement(Skeleton, { variant: 'rectangular', width: '100%', height: height }) : null,
-            React__default.createElement(Editor, { ref: editorRef, value: value, disabled: readOnly || disabled, init: {
+            React__default.createElement(Editor, { ref: editorRef, apiKey: apiKey, value: value, disabled: readOnly || disabled, init: {
                     height: height,
                     menubar: menubar,
                     readonly: true,
@@ -7672,13 +7674,24 @@ styleInject(css_248z$c);var FormTextEditor = React__default.forwardRef(function
                     contextmenu: false,
                     content_style: 'body {font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: hsl(0,0%,20%);} p {padding:0; margin:0}',
                     plugins: [
+                        'lists',
                         'advlist',
-                        'advlist autolink lists link image',
-                        'charmap print preview anchor',
-                        'searchreplace visualblocks code',
-                        'insertdatetime media table paste wordcount',
+                        'image',
+                        'autolink',
+                        'link',
+                        'charmap',
+                        'preview',
+                        'anchor',
+                        'searchreplace',
+                        'visualblocks',
+                        'code',
+                        'insertdatetime',
+                        'media',
+                        'table',
+                        'wordcount',
                     ],
-                    toolbar: 'undo redo | \
+                    toolbar: toolbar ||
+                        'undo redo | \
                    formatselect bullist numlist outdent indent | \
                    bold italic | align | forecolor backcolor | \
                    link image media | advtable | code',