@farmzone/fz-react-ui 1.0.18 → 1.0.19

package/dist/index.cjs

@@ -751,7 +751,7 @@ function Slider(props) {
           RadixSlider__namespace.Track,
           {
             className: cn(
-              "relative h-[3px] grow rounded-full bg-blackA7",
+              "relative h-[3px] grow rounded-full bg-gray-200",
               orientation === "vertical" && "w-[3px] h-full",
               trackClassName
             ),
@@ -759,7 +759,7 @@ function Slider(props) {
               RadixSlider__namespace.Range,
               {
                 className: cn(
-                  "absolute h-full rounded-full bg-white",
+                  "absolute h-full rounded-full bg-[#009fe3]",
                   orientation === "vertical" && "w-full",
                   rangeClassName
                 )
@@ -767,17 +767,18 @@ function Slider(props) {
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
+        (value ?? defaultValue).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
           RadixSlider__namespace.Thumb,
           {
             className: cn(
-              "block size-5 rounded-[10px] bg-white shadow-[0_2px_10px] shadow-blackA4 hover:bg-violet3 focus:shadow-[0_0_0_5px] focus:shadow-blackA5 focus:outline-none",
+              "block size-4 rounded-full bg-white border-2 border-[#009fe3] shadow-md hover:border-[#0090cf] focus:outline-none focus:ring-2 focus:ring-[#009fe3]/40 focus:ring-offset-1",
               disabled && "cursor-not-allowed opacity-50",
               thumbClassName
             ),
-            "aria-label": ariaLabel
-          }
-        )
+            "aria-label": index === 0 ? ariaLabel : `${ariaLabel} max`
+          },
+          index
+        ))
       ]
     }
   );
@@ -6148,7 +6149,7 @@ function FilePreviewViewerSession(props) {
   React6.useEffect(() => {
     if (!showNavigation) return;
     const [prevIndex, nextIndex] = getAdjacentIndexes(currentIndex, fileArray.length);
-    const urlsToPreload = [prevIndex, nextIndex].filter((idx) => idx !== currentIndex).map((idx) => fileArray[idx]);
+    const urlsToPreload = [prevIndex, nextIndex].filter((idx) => idx !== currentIndex).map((idx) => fileArray[idx]).filter((url) => url !== void 0);
     preloadPreviewImages(urlsToPreload);
   }, [showNavigation, currentIndex, fileArray]);
   React6.useEffect(() => {
@@ -7784,7 +7785,7 @@ var SubmitForm = Object.assign(SubmitFormRoot, {
 function LabeledFilterOption(props) {
   const { label, children, gap } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginLeft: gap }, className: "flex flex-row items-center gap-4", children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-60 shrink-0", children: label }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-60 shrink-0 select-none", children: label }),
     children
   ] });
 }
@@ -7820,8 +7821,9 @@ function PageFilter(props) {
     onChange({ [key]: value });
     if (autoSubmit) pendingAutoSubmitRef.current = { key, value };
   };
-  const handleRadioChange = (key) => (value) => {
+  const handleRadioChange = (key, autoSubmit) => (value) => {
     onChange({ [key]: value });
+    if (autoSubmit) pendingAutoSubmitRef.current = { key, value };
   };
   const handleDateChange = (key) => (date) => {
     onChange({ [key]: date });
@@ -7829,8 +7831,10 @@ function PageFilter(props) {
   const handleRangeChangeCurried = (startKey, endKey) => (start, end) => {
     onChange({ [startKey]: start, [endKey]: end });
   };
-  const handleCheckboxChange = (key) => (checked) => {
-    onChange({ [key]: checked ? "true" : "false" });
+  const handleCheckboxChange = (key, autoSubmit) => (checked) => {
+    const value = checked ? "true" : "false";
+    onChange({ [key]: value });
+    if (autoSubmit) pendingAutoSubmitRef.current = { key, value };
   };
   const handleSubmit = () => {
     pendingAutoSubmitRef.current = null;
@@ -7876,7 +7880,7 @@ function PageFilter(props) {
           {
             name: String(optionKey),
             value: currentValue,
-            onChange: handleRadioChange(optionKey),
+            onChange: handleRadioChange(optionKey, option.autoSubmit),
             options: option.options,
             direction: "horizontal"
           }
@@ -7908,7 +7912,7 @@ function PageFilter(props) {
             checked: currentValue === "true",
             name: String(optionKey),
             value: currentValue,
-            onChange: handleCheckboxChange(optionKey)
+            onChange: handleCheckboxChange(optionKey, option.autoSubmit)
           }
         ) }, String(optionKey));
       default: {