@almadar/mobile 1.13.0 → 1.16.0

package/dist/{chunk-2H7HIGZO.js → chunk-B4JZIFI6.js}

@@ -1968,6 +1968,8 @@ RelationSelect.displayName = "RelationSelect";
 // src/components/molecules/FilterGroup.tsx
 import React22, { useState as useState5, useCallback } from "react";
 import { View as View19, StyleSheet as StyleSheet16, TouchableOpacity as TouchableOpacity12 } from "react-native";
+var resolveFilterType = (filter) => filter.filterType ?? filter.type;
+var clampRangeValue = (value, filter) => Math.max(filter.min ?? -Infinity, Math.min(filter.max ?? Infinity, value));
 var FilterGroup = ({
   entity,
   filters,
@@ -1984,6 +1986,7 @@ var FilterGroup = ({
   const [selectedValues, setSelectedValues] = useState5(
     {}
   );
+  const [rangeValues, setRangeValues] = useState5({});
   const handleFilterSelect = useCallback(
     (field, value) => {
       setSelectedValues((prev) => {
@@ -2004,12 +2007,35 @@ var FilterGroup = ({
     },
     [onFilterChange, eventBus, entity, query]
   );
+  const handleRangeFilterSelect = useCallback(
+    (field, next) => {
+      setRangeValues((prev) => ({ ...prev, [field]: next }));
+      if (next.min === void 0 && next.max === void 0) {
+        onFilterChange?.(field, null);
+        eventBus.emit("UI:FILTER", { entity, field: `${field}_min`, value: null, query });
+        eventBus.emit("UI:FILTER", { entity, field: `${field}_max`, value: null, query });
+        return;
+      }
+      if (next.min === void 0 || next.max === void 0) {
+        return;
+      }
+      const value = { min: next.min, max: next.max };
+      onFilterChange?.(field, value);
+      eventBus.emit("UI:FILTER", { entity, field: `${field}_min`, value: String(next.min), query });
+      eventBus.emit("UI:FILTER", { entity, field: `${field}_max`, value: String(next.max), query });
+    },
+    [onFilterChange, eventBus, entity, query]
+  );
   const handleClearAll = useCallback(() => {
     setSelectedValues({});
+    setRangeValues({});
     onClearAll?.();
     eventBus.emit("UI:CLEAR_FILTERS", { entity, query });
   }, [onClearAll, eventBus, entity, query]);
-  const activeFilterCount = Object.keys(selectedValues).length;
+  const activeRangeFilterCount = Object.values(rangeValues).filter(
+    (v) => v.min !== void 0 && v.max !== void 0
+  ).length;
+  const activeFilterCount = Object.keys(selectedValues).length + activeRangeFilterCount;
   const buildSelectOptions = (filter) => {
     return [
       { value: "all", label: "All" },
@@ -2019,6 +2045,74 @@ var FilterGroup = ({
       })) || []
     ];
   };
+  const renderFilterControl = (filter, selectOptions = buildSelectOptions(filter)) => {
+    const resolvedType = resolveFilterType(filter);
+    if (resolvedType === "numberrange" || resolvedType === "number-range") {
+      const range = rangeValues[filter.field] ?? {};
+      return /* @__PURE__ */ React22.createElement(HStack, { spacing: 8, align: "center" }, /* @__PURE__ */ React22.createElement(
+        Input,
+        {
+          keyboardType: "numeric",
+          placeholder: "Min",
+          value: range.min !== void 0 ? String(range.min) : "",
+          onChangeText: (text) => {
+            if (text === "") {
+              handleRangeFilterSelect(filter.field, { ...range, min: void 0 });
+              return;
+            }
+            const parsed = Number(text);
+            if (Number.isNaN(parsed)) return;
+            handleRangeFilterSelect(filter.field, {
+              ...range,
+              min: clampRangeValue(parsed, filter)
+            });
+          },
+          containerStyle: styles16.rangeInput
+        }
+      ), /* @__PURE__ */ React22.createElement(Typography, { variant: "caption", color: theme.colors["muted-foreground"] }, "-"), /* @__PURE__ */ React22.createElement(
+        Input,
+        {
+          keyboardType: "numeric",
+          placeholder: "Max",
+          value: range.max !== void 0 ? String(range.max) : "",
+          onChangeText: (text) => {
+            if (text === "") {
+              handleRangeFilterSelect(filter.field, { ...range, max: void 0 });
+              return;
+            }
+            const parsed = Number(text);
+            if (Number.isNaN(parsed)) return;
+            handleRangeFilterSelect(filter.field, {
+              ...range,
+              max: clampRangeValue(parsed, filter)
+            });
+          },
+          containerStyle: styles16.rangeInput
+        }
+      ));
+    }
+    if (resolvedType === "text") {
+      return /* @__PURE__ */ React22.createElement(
+        Input,
+        {
+          value: selectedValues[filter.field] || "",
+          onChangeText: (text) => handleFilterSelect(filter.field, text || null),
+          placeholder: filter.label
+        }
+      );
+    }
+    if (resolvedType === "date" || resolvedType === "daterange" || resolvedType === "date-range") {
+      return null;
+    }
+    return /* @__PURE__ */ React22.createElement(
+      Select,
+      {
+        value: selectedValues[filter.field] || "all",
+        onChange: (newValue) => handleFilterSelect(filter.field, newValue),
+        options: selectOptions
+      }
+    );
+  };
   if (variant === "pills") {
     return /* @__PURE__ */ React22.createElement(
       HStack,
@@ -2028,61 +2122,65 @@ var FilterGroup = ({
         style: [styles16.pillsContainer, style ?? {}]
       },
       showIcon && /* @__PURE__ */ React22.createElement(Typography, { variant: "caption", color: theme.colors["muted-foreground"] }, "\u{1F50D}"),
-      filters.map((filter) => /* @__PURE__ */ React22.createElement(HStack, { key: filter.field, spacing: 8, align: "center" }, /* @__PURE__ */ React22.createElement(
-        Typography,
-        {
-          variant: "caption",
-          color: theme.colors["muted-foreground"]
-        },
-        filter.label,
-        ":"
-      ), /* @__PURE__ */ React22.createElement(HStack, { spacing: 0, style: styles16.pillGroup }, /* @__PURE__ */ React22.createElement(
-        TouchableOpacity12,
-        {
-          onPress: () => handleFilterSelect(filter.field, null),
-          style: [
-            styles16.pill,
-            {
-              backgroundColor: !selectedValues[filter.field] ? theme.colors.primary : theme.colors.card,
-              borderColor: theme.colors.border
-            }
-          ]
-        },
-        /* @__PURE__ */ React22.createElement(
+      filters.map((filter) => {
+        const resolvedType = resolveFilterType(filter);
+        const usesOptionPills = resolvedType === void 0 || resolvedType === "select" || resolvedType === "toggle" || resolvedType === "checkbox";
+        return /* @__PURE__ */ React22.createElement(HStack, { key: filter.field, spacing: 8, align: "center" }, /* @__PURE__ */ React22.createElement(
           Typography,
           {
             variant: "caption",
-            style: {
-              color: !selectedValues[filter.field] ? theme.colors["primary-foreground"] : theme.colors["muted-foreground"]
-            }
+            color: theme.colors["muted-foreground"]
           },
-          "All"
-        )
-      ), filter.options?.map((option) => /* @__PURE__ */ React22.createElement(
-        TouchableOpacity12,
-        {
-          key: option,
-          onPress: () => handleFilterSelect(filter.field, option),
-          style: [
-            styles16.pill,
-            styles16.pillWithBorder,
+          filter.label,
+          ":"
+        ), usesOptionPills ? /* @__PURE__ */ React22.createElement(HStack, { spacing: 0, style: styles16.pillGroup }, /* @__PURE__ */ React22.createElement(
+          TouchableOpacity12,
+          {
+            onPress: () => handleFilterSelect(filter.field, null),
+            style: [
+              styles16.pill,
+              {
+                backgroundColor: !selectedValues[filter.field] ? theme.colors.primary : theme.colors.card,
+                borderColor: theme.colors.border
+              }
+            ]
+          },
+          /* @__PURE__ */ React22.createElement(
+            Typography,
             {
-              backgroundColor: selectedValues[filter.field] === option ? theme.colors.primary : theme.colors.card,
-              borderColor: theme.colors.border
-            }
-          ]
-        },
-        /* @__PURE__ */ React22.createElement(
-          Typography,
+              variant: "caption",
+              style: {
+                color: !selectedValues[filter.field] ? theme.colors["primary-foreground"] : theme.colors["muted-foreground"]
+              }
+            },
+            "All"
+          )
+        ), filter.options?.map((option) => /* @__PURE__ */ React22.createElement(
+          TouchableOpacity12,
           {
-            variant: "caption",
-            style: {
-              color: selectedValues[filter.field] === option ? theme.colors["primary-foreground"] : theme.colors["muted-foreground"]
-            }
+            key: option,
+            onPress: () => handleFilterSelect(filter.field, option),
+            style: [
+              styles16.pill,
+              styles16.pillWithBorder,
+              {
+                backgroundColor: selectedValues[filter.field] === option ? theme.colors.primary : theme.colors.card,
+                borderColor: theme.colors.border
+              }
+            ]
           },
-          option
-        )
-      ))))),
+          /* @__PURE__ */ React22.createElement(
+            Typography,
+            {
+              variant: "caption",
+              style: {
+                color: selectedValues[filter.field] === option ? theme.colors["primary-foreground"] : theme.colors["muted-foreground"]
+              }
+            },
+            option
+          )
+        ))) : renderFilterControl(filter));
+      }),
       activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(Button, { variant: "ghost", size: "sm", onPress: handleClearAll }, "Clear")
     );
   }
@@ -2101,14 +2199,7 @@ var FilterGroup = ({
         color: theme.colors["muted-foreground"]
       },
       filter.label
-    ), /* @__PURE__ */ React22.createElement(
-      Select,
-      {
-        value: selectedValues[filter.field] || "all",
-        onChange: (newValue) => handleFilterSelect(filter.field, newValue),
-        options: buildSelectOptions(filter)
-      }
-    ))), activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(Button, { variant: "ghost", size: "sm", onPress: handleClearAll }, "Clear all"));
+    ), renderFilterControl(filter))), activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(Button, { variant: "ghost", size: "sm", onPress: handleClearAll }, "Clear all"));
   }
   if (variant === "compact") {
     return /* @__PURE__ */ React22.createElement(
@@ -2119,20 +2210,13 @@ var FilterGroup = ({
         style: [styles16.compactContainer, style ?? {}]
       },
       showIcon && /* @__PURE__ */ React22.createElement(Typography, { variant: "caption", color: theme.colors["muted-foreground"] }, "\u{1F50D}"),
-      filters.map((filter) => /* @__PURE__ */ React22.createElement(View19, { key: filter.field, style: styles16.compactSelect }, /* @__PURE__ */ React22.createElement(
-        Select,
-        {
-          value: selectedValues[filter.field] || "all",
-          onChange: (newValue) => handleFilterSelect(filter.field, newValue),
-          options: [
-            { value: "all", label: `All ${filter.label}` },
-            ...filter.options?.map((opt) => ({
-              value: opt,
-              label: opt
-            })) || []
-          ]
-        }
-      ))),
+      filters.map((filter) => /* @__PURE__ */ React22.createElement(View19, { key: filter.field, style: styles16.compactSelect }, renderFilterControl(filter, [
+        { value: "all", label: `All ${filter.label}` },
+        ...filter.options?.map((opt) => ({
+          value: opt,
+          label: opt
+        })) || []
+      ]))),
       activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(React22.Fragment, null, Object.entries(selectedValues).map(([field, value]) => {
         const filterDef = filters.find((f) => f.field === field);
         return /* @__PURE__ */ React22.createElement(
@@ -2172,14 +2256,7 @@ var FilterGroup = ({
         color: theme.colors["muted-foreground"]
       },
       filter.label
-    ), /* @__PURE__ */ React22.createElement(
-      Select,
-      {
-        value: selectedValues[filter.field] || "all",
-        onChange: (newValue) => handleFilterSelect(filter.field, newValue),
-        options: buildSelectOptions(filter)
-      }
-    ))), activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(HStack, { spacing: 12, align: "center", style: styles16.clearSection }, /* @__PURE__ */ React22.createElement(Badge, { variant: "primary", size: "md" }, activeFilterCount, " active"), /* @__PURE__ */ React22.createElement(Button, { variant: "ghost", size: "sm", onPress: handleClearAll }, "Clear all")))
+    ), renderFilterControl(filter))), activeFilterCount > 0 && /* @__PURE__ */ React22.createElement(HStack, { spacing: 12, align: "center", style: styles16.clearSection }, /* @__PURE__ */ React22.createElement(Badge, { variant: "primary", size: "md" }, activeFilterCount, " active"), /* @__PURE__ */ React22.createElement(Button, { variant: "ghost", size: "sm", onPress: handleClearAll }, "Clear all")))
   );
 };
 var styles16 = StyleSheet16.create({
@@ -2207,6 +2284,9 @@ var styles16 = StyleSheet16.create({
   compactSelect: {
     minWidth: 120
   },
+  rangeInput: {
+    width: 84
+  },
   defaultContainer: {
     padding: 16,
     borderRadius: 8,
@@ -5617,4 +5697,4 @@ export {
   Lightbox,
   ScaledDiagram
 };
-//# sourceMappingURL=chunk-2H7HIGZO.js.map
+//# sourceMappingURL=chunk-B4JZIFI6.js.map