easy-email-pro-theme 1.59.1 → 1.59.2

package/lib/index.js

@@ -29268,7 +29268,8 @@ const NewColorPicker$1 = (props) => {
     onBlur: _onBlur,
     showInput: _showInput,
     placeholder: _placeholder,
-    getPopupContainer
+    getPopupContainer,
+    allowClear = true
   } = _a, arcoColorPickerProps = __objRest(_a, [
     "value",
     "onChange",
@@ -29276,7 +29277,8 @@ const NewColorPicker$1 = (props) => {
     "onBlur",
     "showInput",
     "placeholder",
-    "getPopupContainer"
+    "getPopupContainer",
+    "allowClear"
   ]);
   const [popupVisible, setPopupVisible] = useState(false);
   const wasPopupVisibleRef = useRef(false);
@@ -29329,6 +29331,13 @@ const NewColorPicker$1 = (props) => {
     setPickerValue(value2);
     debouncedApplyPickerChange(value2);
   });
+  const onClear = useEventCallback((event) => {
+    event.stopPropagation();
+    debouncedApplyPickerChange.cancel();
+    setPickerValue("");
+    setPopupVisible(false);
+    onChange == null ? void 0 : onChange("");
+  });
   const onVisibleChange = useEventCallback((visible) => {
     if (!visible && wasPopupVisibleRef.current) {
       debouncedApplyPickerChange.flush();
@@ -29345,7 +29354,8 @@ const NewColorPicker$1 = (props) => {
       window.removeEventListener(CustomEvent.EDITOR_CLICK, onHandle);
     };
   }, [onVisibleChange]);
-  return /* @__PURE__ */ React__default.createElement(ArcoColorPickerConfigProvider, null, /* @__PURE__ */ React__default.createElement(
+  const showClearButton = allowClear && !arcoColorPickerProps.disabled && Boolean(value || pickerValue);
+  return /* @__PURE__ */ React__default.createElement(ArcoColorPickerConfigProvider, null, /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", alignItems: "center", width: "100%" } }, /* @__PURE__ */ React__default.createElement(
     ColorPicker$2,
     __spreadProps(__spreadValues({}, arcoColorPickerProps), {
       value: pickerValue,
@@ -29366,7 +29376,17 @@ const NewColorPicker$1 = (props) => {
         ].filter(Boolean).join(" ")
       })
     })
-  ));
+  ), showClearButton ? /* @__PURE__ */ React__default.createElement(
+    Button$2,
+    {
+      "aria-label": "Clear color",
+      icon: /* @__PURE__ */ React__default.createElement(IconClose, null),
+      onClick: onClear,
+      size: "mini",
+      type: "text",
+      style: { marginLeft: 4, flex: "none" }
+    }
+  ) : null));
 };
 const ColorPickerContainer = (props) => {
   var _b;

package/lib/typings/components/Form/ColorPicker/NewColorPicker.d.ts

@@ -9,5 +9,6 @@ export interface NewColorPickerProps extends Omit<ArcoColorPickerProps, "onChang
     showInput?: boolean;
     placeholder?: string;
     getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    allowClear?: boolean;
 }
 export declare const NewColorPicker: (props: NewColorPickerProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-email-pro-theme",
-  "version": "1.59.1",
+  "version": "1.59.2",
   "description": "",
   "files": [
     "lib"