@cakemail-org/ui-components-v2 2.0.91 → 2.0.93

package/dist/cjs/index.js

@@ -10399,6 +10399,7 @@ function InlineTextEdit(_a) {
     var _d = React.useState(false), editing = _d[0], setEditing = _d[1];
     var id = React.useRef(Math.floor(Math.random() * 1000000000));
     var spanRef = React.useRef(null);
+    var valueRef = React.useRef(value || defaultValue);
     maxRows = maxRows || 1;
     var multiline = maxRows > 1;
     React.useLayoutEffect(function () {
@@ -10415,16 +10416,20 @@ function InlineTextEdit(_a) {
     }
     function handleClose() {
         handleClick();
-        onCancel && onCancel({ name: name, value: value });
+        onCancel && onCancel({ name: name, value: value || valueRef.current });
     }
     function handleConfirm() {
         handleClick();
-        onConfirm && onConfirm({ name: name, value: value });
+        onConfirm && onConfirm({ name: name, value: value || valueRef.current });
     }
     function handleOnClickAway() {
         if (!showActionButtons && editing)
             handleConfirm();
     }
+    function handleOnChange(e) {
+        valueRef.current = e.target.value;
+        onChange && onChange(e);
+    }
     tooltipPlacement = tooltipPlacement || "right";
     var offsetWidthOfSpan = ((_b = spanRef === null || spanRef === void 0 ? void 0 : spanRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 150;
     if (offsetWidthOfSpan < 150) {
@@ -10440,8 +10445,8 @@ function InlineTextEdit(_a) {
             !editing &&
                 React.createElement(Tooltip, { title: tooltipTitle, arrow: true, placement: tooltipPlacement },
                     React.createElement(Box, { component: "span", className: "".concat(!children && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, children || placeholder)),
-            editing && React.createElement(Box, null,
-                React.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, defaultValue: defaultValue, value: value, onChange: onChange, timeout: onTimeoutChange && {
+            React.createElement(Box, { className: editing ? "" : "hidden" },
+                React.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, defaultValue: defaultValue, value: value, onChange: handleOnChange, timeout: onTimeoutChange && {
                         callback: onTimeoutChange
                     } }),
                 showActionButtons &&

package/dist/esm/index.js

@@ -10379,6 +10379,7 @@ function InlineTextEdit(_a) {
     var _d = useState(false), editing = _d[0], setEditing = _d[1];
     var id = useRef(Math.floor(Math.random() * 1000000000));
     var spanRef = useRef(null);
+    var valueRef = useRef(value || defaultValue);
     maxRows = maxRows || 1;
     var multiline = maxRows > 1;
     useLayoutEffect(function () {
@@ -10395,16 +10396,20 @@ function InlineTextEdit(_a) {
     }
     function handleClose() {
         handleClick();
-        onCancel && onCancel({ name: name, value: value });
+        onCancel && onCancel({ name: name, value: value || valueRef.current });
     }
     function handleConfirm() {
         handleClick();
-        onConfirm && onConfirm({ name: name, value: value });
+        onConfirm && onConfirm({ name: name, value: value || valueRef.current });
     }
     function handleOnClickAway() {
         if (!showActionButtons && editing)
             handleConfirm();
     }
+    function handleOnChange(e) {
+        valueRef.current = e.target.value;
+        onChange && onChange(e);
+    }
     tooltipPlacement = tooltipPlacement || "right";
     var offsetWidthOfSpan = ((_b = spanRef === null || spanRef === void 0 ? void 0 : spanRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 150;
     if (offsetWidthOfSpan < 150) {
@@ -10420,8 +10425,8 @@ function InlineTextEdit(_a) {
             !editing &&
                 React__default.createElement(Tooltip$1, { title: tooltipTitle, arrow: true, placement: tooltipPlacement },
                     React__default.createElement(Box$1, { component: "span", className: "".concat(!children && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, children || placeholder)),
-            editing && React__default.createElement(Box$1, null,
-                React__default.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, defaultValue: defaultValue, value: value, onChange: onChange, timeout: onTimeoutChange && {
+            React__default.createElement(Box$1, { className: editing ? "" : "hidden" },
+                React__default.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, defaultValue: defaultValue, value: value, onChange: handleOnChange, timeout: onTimeoutChange && {
                         callback: onTimeoutChange
                     } }),
                 showActionButtons &&

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.0.91",
+    "version": "2.0.93",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",