@pdg/react-form 1.0.66 → 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

@@ -4011,7 +4011,7 @@ function NumericFormat(props) {
 });
 NumberFormatCustom.displayName = 'NumberFormatCustom';var FormNumberDefaultProps = __assign$7(__assign$7({}, FormTextFieldDefaultProps), { clear: true });var FormNumber = React__default.forwardRef(function (_a, ref) {
     // State -------------------------------------------------------------------------------------------------------------
-    var className = _a.className, allowNegative = _a.allowNegative, thousandSeparator = _a.thousandSeparator, allowDecimal = _a.allowDecimal, decimalScale = _a.decimalScale, prefix = _a.prefix, suffix = _a.suffix, readOnly = _a.readOnly, tabIndex = _a.tabIndex, initMuiInputProps = _a.InputProps, initInputProps = _a.inputProps, initValue = _a.value, onChange = _a.onChange, props = __rest$4(_a, ["className", "allowNegative", "thousandSeparator", "allowDecimal", "decimalScale", "prefix", "suffix", "readOnly", "tabIndex", "InputProps", "inputProps", "value", "onChange"]);
+    var className = _a.className, allowNegative = _a.allowNegative, thousandSeparator = _a.thousandSeparator, allowDecimal = _a.allowDecimal, decimalScale = _a.decimalScale, prefix = _a.prefix, suffix = _a.suffix, readOnly = _a.readOnly, tabIndex = _a.tabIndex, initMuiInputProps = _a.InputProps, initInputProps = _a.inputProps, initValue = _a.value, onChange = _a.onChange, onValue = _a.onValue, onValidate = _a.onValidate, props = __rest$4(_a, ["className", "allowNegative", "thousandSeparator", "allowDecimal", "decimalScale", "prefix", "suffix", "readOnly", "tabIndex", "InputProps", "inputProps", "value", "onChange", "onValue", "onValidate"]);
     var _b = useState(function () { return (empty(initValue) ? '' : "".concat(initValue)); }), strValue = _b[0], setStrValue = _b[1];
     // Effect ------------------------------------------------------------------------------------------------------------
     useEffect(function () {
@@ -4055,8 +4055,24 @@ NumberFormatCustom.displayName = 'NumberFormatCustom';var FormNumberDefaultProps
         onChange && onChange(newValue);
         setStrValue(value);
     }, [onChange]);
+    var handleValue = useCallback(function (value) {
+        var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
+        if (onValue) {
+            finalValue = onValue(finalValue);
+        }
+        return finalValue !== undefined ? finalValue.toString() : undefined;
+    }, [onValue]);
+    var handleValidate = useCallback(function (value) {
+        if (onValidate) {
+            var finalValue = empty(value) || value === '-' || value === '.' ? undefined : Number(value);
+            return onValidate(finalValue);
+        }
+        else {
+            return true;
+        }
+    }, [onValidate]);
     // Render ----------------------------------------------------------------------------------------------------------
-    return (React__default.createElement(FormTextField, __assign$7({ ref: ref, className: classNames$1(className, 'FormNumber'), disableReturnKey: true, InputProps: muiInputProps, readOnly: readOnly, value: strValue, onChange: handleChange }, props)));
+    return (React__default.createElement(FormTextField, __assign$7({ ref: ref, className: classNames$1(className, 'FormNumber'), disableReturnKey: true, InputProps: muiInputProps, readOnly: readOnly, value: strValue, onChange: handleChange, onValue: handleValue, onValidate: handleValidate }, props)));
 });
 FormNumber.displayName = 'FormNumber';
 FormNumber.defaultProps = FormNumberDefaultProps;var FormSearchDefaultProps = __assign$7({}, FormTextDefaultProps);var css_248z$h = ".FormSearch input[type=search]::-webkit-search-decoration,\n.FormSearch input[type=search]::-webkit-search-cancel-button,\n.FormSearch input[type=search]::-webkit-search-results-button,\n.FormSearch input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}";
@@ -7475,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, 
     //----------------------------------------------------------------------------------------------------------------
@@ -7648,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,
@@ -7656,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',