@apexcura/ui-components 0.0.15-Beta97 → 0.0.15-Beta99

package/dist/index.js

@@ -1730,17 +1730,19 @@ var DivContainer = (props) => {
 var import_react39 = __toESM(require("react"));
 var import_antd22 = require("antd");
 var ColorPickerElement = (props) => {
-  const [color, setColor] = (0, import_react39.useState)(props.value);
+  const [val, setVal] = (0, import_react39.useState)(props.value);
+  (0, import_react39.useEffect)(() => {
+    setVal(props.value);
+  }, [props.value]);
   const onHandleChange = (value, hex) => {
-    setColor(hex);
-    props.onChange && props.onChange(color && color);
+    props.onChange && props.onChange(hex);
   };
   return /* @__PURE__ */ import_react39.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react39.default.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ import_react39.default.createElement("br", null), /* @__PURE__ */ import_react39.default.createElement(
     import_antd22.ColorPicker,
     {
       className: props.className,
       showText: true,
-      value: color,
+      value: val,
       onChange: onHandleChange
     }
   ));

package/dist/index.mjs

@@ -1681,20 +1681,22 @@ var DivContainer = (props) => {
 };
 
 // src/Components/ColorPickerElement.tsx
-import React38, { useState as useState11 } from "react";
+import React38, { useEffect as useEffect6, useState as useState11 } from "react";
 import { ColorPicker } from "antd";
 var ColorPickerElement = (props) => {
-  const [color, setColor] = useState11(props.value);
+  const [val, setVal] = useState11(props.value);
+  useEffect6(() => {
+    setVal(props.value);
+  }, [props.value]);
   const onHandleChange = (value, hex) => {
-    setColor(hex);
-    props.onChange && props.onChange(color && color);
+    props.onChange && props.onChange(hex);
   };
   return /* @__PURE__ */ React38.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React38.createElement("label", { htmlFor: props.name, className: props.labelClassName }, props.label), /* @__PURE__ */ React38.createElement("br", null), /* @__PURE__ */ React38.createElement(
     ColorPicker,
     {
       className: props.className,
       showText: true,
-      value: color,
+      value: val,
       onChange: onHandleChange
     }
   ));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.15-Beta97",
+  "version": "0.0.15-Beta99",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",