@pdg/react-form 1.0.68 → 1.0.70

package/dist/index.js

@@ -2664,6 +2664,7 @@ styleInject(css_248z$j);var FormTag = React.forwardRef(function (_a, ref) {
     }, [inputValue, appendTag, onKeyDown]);
     var handleInputChange = React.useCallback(function (value) {
         setInputValue(value.replace(/ /g, '').replace(/,/g, ''));
+        setInputValue(value);
     }, []);
     var handleBlur = React.useCallback(function (e) {
         if (notEmpty(inputValue)) {
@@ -2703,6 +2704,8 @@ styleInject(css_248z$j);var FormTag = React.forwardRef(function (_a, ref) {
                 if (readOnly) {
                     renderProps.inputProps.className = classNames$1(renderProps.inputProps.className, 'Mui-disabled');
                 }
+                delete renderProps.inputProps.onChange;
+                delete renderProps.inputProps.value;
                 return (React.createElement(FormText, __assign$7({}, renderProps, { ref: handleRef, name: name, className: classNames$1(className, 'FormValueItem', 'FormTag'), error: error, disabled: disabled, fullWidth: fullWidth, required: required, value: inputValue, exceptValue: exceptValue, helperText: error ? errorHelperText : helperText, onKeyDown: handleInputKeyDown, onChange: handleInputChange, onBlur: handleBlur })));
             } })));
 });
@@ -7509,7 +7512,7 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
     // State - FormState -----------------------------------------------------------------------------------------------
     var _c = useAutoUpdateState$1(initFocused == null ? formFocused : initFocused), focused = _c[0], setFocused = _c[1];
     // Ref -------------------------------------------------------------------------------------------------------------
-    var editorRef = React.useRef(null);
+    var editorRef = React.useRef();
     var keyDownTime = React.useRef(0);
     // State - value ---------------------------------------------------------------------------------------------------
     var _d = useAutoUpdateState$1(initValue || ''), value = _d[0], setValue = _d[1];
@@ -7528,13 +7531,8 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
     var _j = useAutoUpdateState$1(initData), data = _j[0], setData = _j[1];
     // Function - focus ------------------------------------------------------------------------------------------------
     var focus = React.useCallback(function () {
-        var _a, _b;
-        var textarea = (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.elementRef) === null || _b === void 0 ? void 0 : _b.current;
-        if (textarea) {
-            textarea.style.display = 'block';
-            textarea.focus();
-            textarea.style.display = 'none';
-        }
+        var _a;
+        (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }, [editorRef]);
     // Function - setErrorErrorHelperText -----------------------------------------------------------------------------------
     var setErrorErrorHelperText = React.useCallback(function (error, errorHelperText) {
@@ -7543,14 +7541,8 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
     }, [setError]);
     // Function - validate ---------------------------------------------------------------------------------------------
     var validate = React.useCallback(function (value) {
-        var isEmptyValue = false;
-        if (value) {
-            var d = document.createElement('div');
-            d.innerHTML = value;
-            var text = d.textContent || d.innerText;
-            isEmptyValue = empty(text.trim());
-        }
-        if (required && (isEmptyValue || empty(value))) {
+        var _a;
+        if (required && empty((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getContent())) {
             setErrorErrorHelperText(true, '필수 입력 항목입니다.');
             return false;
         }
@@ -7666,7 +7658,7 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
     // Render ----------------------------------------------------------------------------------------------------------
     return (React.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.createElement(React.Fragment, null,
             !initialized ? React.createElement(material.Skeleton, { variant: 'rectangular', width: '100%', height: height }) : null,
-            React.createElement(Editor, { ref: editorRef, apiKey: apiKey, value: value, disabled: readOnly || disabled, init: {
+            React.createElement(Editor, { apiKey: apiKey, value: value, disabled: readOnly || disabled, init: {
                     height: height,
                     menubar: menubar,
                     readonly: true,
@@ -7696,7 +7688,8 @@ styleInject(css_248z$c);var FormTextEditor = React.forwardRef(function (_a, ref)
                    bold italic | align | forecolor backcolor | \
                    link image media | advtable | code',
                     images_upload_handler: handleImageUpload,
-                }, onInit: function () {
+                }, onInit: function (evt, editor) {
+                    editorRef.current = editor;
                     setTimeout(function () { return setInitialized(true); }, 10);
                 }, onEditorChange: handleEditorChange, onKeyDown: handleKeyDown, onFocus: function () { return setFocused(initFocused || true); }, onBlur: function () { return setFocused(initFocused || false); } })) }));
 });