@farmzone/fz-react-ui 1.0.5 → 1.0.6

package/dist/index.js

@@ -7643,40 +7643,35 @@ function PageFilter(props) {
     values,
     primaryColor
   } = props;
-  const [localValues, setLocalValues] = useState(values);
   const initialValuesRef = useRef(values);
-  const updateLocal = (updates) => {
-    setLocalValues((prev) => ({ ...prev, ...updates }));
-  };
   const handleInputChange = (key) => (e) => {
-    updateLocal({ [key]: e.target.value });
+    onChange({ [key]: e.target.value });
   };
   const handleSelectChange = (key) => (value) => {
-    updateLocal({ [key]: value });
+    onChange({ [key]: value });
   };
   const handleRadioChange = (key) => (value) => {
-    updateLocal({ [key]: value });
+    onChange({ [key]: value });
   };
   const handleDateChange = (key) => (date) => {
-    updateLocal({ [key]: date });
+    onChange({ [key]: date });
   };
   const handleRangeChangeCurried = (startKey, endKey) => (start, end) => {
-    updateLocal({ [startKey]: start, [endKey]: end });
+    onChange({ [startKey]: start, [endKey]: end });
   };
   const handleCheckboxChange = (key) => (checked) => {
-    updateLocal({ [key]: checked ? "true" : "false" });
+    onChange({ [key]: checked ? "true" : "false" });
   };
   const handleSubmit = () => {
-    onChange(localValues);
     onSubmit();
   };
   const handleReset = () => {
-    setLocalValues(initialValuesRef.current);
+    onChange(initialValuesRef.current);
     onReset?.();
   };
   const renderFilterOption = (option, gap, index) => {
     const optionKey = option.key;
-    const currentValue = String(localValues[optionKey] ?? "");
+    const currentValue = String(values[optionKey] ?? "");
     const rowGap2 = index !== 0 ? option.label ? gap : 5 : 0;
     switch (option.type) {
       case "input":
@@ -7751,10 +7746,7 @@ function PageFilter(props) {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: cn(
-        "flex flex-col gap-3 bg-white py-3 px-5 border-t-main border-t-1 shadow-panel",
-        containerClassName
-      ),
+      className: cn("flex flex-col gap-3 bg-white py-3 px-5 border-t-main border-t-1 shadow-panel", containerClassName),
       style: primaryColor ? { borderTopColor: primaryColor } : void 0,
       children: /* @__PURE__ */ jsx("div", { className: "relative flex flex-col", style: { gap: `${colGap}px` }, children: rows.map((row, ix) => {
         const isLastRow = rows.length - 1 === ix;