@farmzone/fz-react-ui 1.0.18 → 1.0.19

package/dist/index.d.cts

@@ -976,6 +976,7 @@ type SelectOption<P> = BaseOption<P> & {
 type RadioOption<P> = BaseOption<P> & {
     type: "radio";
     options: Array<SelectableOption>;
+    autoSubmit?: boolean;
 };
 type DateOption<P> = BaseOption<P> & {
     type: "date";
@@ -988,6 +989,7 @@ type DateRangeOption<P> = BaseOption<P> & {
 type CheckboxOption<P> = BaseOption<P> & {
     type: "checkbox";
     options: Array<SelectableOption>;
+    autoSubmit?: boolean;
 };
 type FilterOption<P> = InputOption<P> | SelectOption<P> | RadioOption<P> | DateOption<P> | DateRangeOption<P> | CheckboxOption<P>;
 interface FilterRow<P> {

package/dist/index.d.ts

@@ -976,6 +976,7 @@ type SelectOption<P> = BaseOption<P> & {
 type RadioOption<P> = BaseOption<P> & {
     type: "radio";
     options: Array<SelectableOption>;
+    autoSubmit?: boolean;
 };
 type DateOption<P> = BaseOption<P> & {
     type: "date";
@@ -988,6 +989,7 @@ type DateRangeOption<P> = BaseOption<P> & {
 type CheckboxOption<P> = BaseOption<P> & {
     type: "checkbox";
     options: Array<SelectableOption>;
+    autoSubmit?: boolean;
 };
 type FilterOption<P> = InputOption<P> | SelectOption<P> | RadioOption<P> | DateOption<P> | DateRangeOption<P> | CheckboxOption<P>;
 interface FilterRow<P> {

package/dist/index.js

@@ -717,7 +717,7 @@ function Slider(props) {
           RadixSlider.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
             ),
@@ -725,7 +725,7 @@ function Slider(props) {
               RadixSlider.Range,
               {
                 className: cn(
-                  "absolute h-full rounded-full bg-white",
+                  "absolute h-full rounded-full bg-[#009fe3]",
                   orientation === "vertical" && "w-full",
                   rangeClassName
                 )
@@ -733,17 +733,18 @@ function Slider(props) {
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        (value ?? defaultValue).map((_, index) => /* @__PURE__ */ jsx(
           RadixSlider.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
+        ))
       ]
     }
   );
@@ -6114,7 +6115,7 @@ function FilePreviewViewerSession(props) {
   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]);
   useEffect(() => {
@@ -7750,7 +7751,7 @@ var SubmitForm = Object.assign(SubmitFormRoot, {
 function LabeledFilterOption(props) {
   const { label, children, gap } = props;
   return /* @__PURE__ */ jsxs("div", { style: { marginLeft: gap }, className: "flex flex-row items-center gap-4", children: [
-    label && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-gray-60 shrink-0", children: label }),
+    label && /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-gray-60 shrink-0 select-none", children: label }),
     children
   ] });
 }
@@ -7786,8 +7787,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 });
@@ -7795,8 +7797,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;
@@ -7842,7 +7846,7 @@ function PageFilter(props) {
           {
             name: String(optionKey),
             value: currentValue,
-            onChange: handleRadioChange(optionKey),
+            onChange: handleRadioChange(optionKey, option.autoSubmit),
             options: option.options,
             direction: "horizontal"
           }
@@ -7874,7 +7878,7 @@ function PageFilter(props) {
             checked: currentValue === "true",
             name: String(optionKey),
             value: currentValue,
-            onChange: handleCheckboxChange(optionKey)
+            onChange: handleCheckboxChange(optionKey, option.autoSubmit)
           }
         ) }, String(optionKey));
       default: {