@sincpro/mobile-ui 3.0.1 → 3.1.0

package/dist/widgets/FilterBar.js

@@ -1,14 +1,166 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { FilterButton, FilterButtonGroup, } from "../Actions/Actions.FilterButton.js";
+import { c as _c } from "react/compiler-runtime";
+import { FilterButton, FilterButtonGroup } from "../Actions/Actions.FilterButton.js";
 import IconButton from "../Actions/Actions.IconButton.js";
 import SearchBar from "../Navigation/Navigation.SearchBar.js";
 import Pressable from "../primitives/Pressable.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { useWindowDimensions, View } from "react-native";
-export function FilterBar({ filters, onFilterPress, search, onOpenFilters, filtersLabel = "Más filtros", onClearFilters, clearLabel = "Limpiar filtros", resultsLabel, layout = "auto", className, testID, }) {
-    const { fontScale } = useWindowDimensions();
-    const selectedCount = filters.filter((filter) => filter.selected).length;
-    const filterLayout = layout === "auto" ? (fontScale > 1.3 ? "wrap" : "scroll") : layout;
-    return (_jsxs(View, { className: cn("gap-2", className), testID: testID, children: [search || onOpenFilters ? (_jsxs(View, { className: "flex-row items-center gap-2", children: [search ? (_jsx(View, { className: "flex-1 min-w-0", children: _jsx(SearchBar, { ...search }) })) : null, onOpenFilters ? (_jsx(IconButton, { accessibilityLabel: filtersLabel, icon: "filter", onPress: onOpenFilters })) : null] })) : null, _jsx(FilterButtonGroup, { className: "p-0", layout: filterLayout, testID: testID ? `${testID}-options` : undefined, children: filters.map((filter) => (_jsx(FilterButton, { active: filter.selected, disabled: filter.disabled, onPress: () => onFilterPress(filter.id), testID: testID ? `${testID}-${filter.id}` : undefined, title: filter.label, variant: "mobile" }, filter.id))) }), resultsLabel || (selectedCount > 0 && onClearFilters) ? (_jsxs(View, { className: "flex-row flex-wrap items-center justify-between gap-x-3", children: [resultsLabel ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "text-text-secondary", variant: "bodyLarge", children: resultsLabel })) : null, selectedCount > 0 && onClearFilters ? (_jsx(Pressable, { accessibilityLabel: clearLabel, accessibilityRole: "button", onPress: onClearFilters, style: { minHeight: 48, minWidth: 48, justifyContent: "center" }, children: _jsx(Typography.Text, { className: "text-text-accent", variant: "bodyLarge", children: clearLabel }) })) : null] })) : null] }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+export function FilterBar(t0) {
+  const $ = _c(30);
+  const {
+    filters,
+    onFilterPress,
+    search,
+    onOpenFilters,
+    filtersLabel: t1,
+    onClearFilters,
+    clearLabel: t2,
+    resultsLabel,
+    layout: t3,
+    className,
+    testID
+  } = t0;
+  const filtersLabel = t1 === undefined ? "M\xE1s filtros" : t1;
+  const clearLabel = t2 === undefined ? "Limpiar filtros" : t2;
+  const layout = t3 === undefined ? "auto" : t3;
+  const {
+    fontScale
+  } = useWindowDimensions();
+  let t4;
+  if ($[0] !== filters) {
+    t4 = filters.filter(_temp);
+    $[0] = filters;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const selectedCount = t4.length;
+  const filterLayout = layout === "auto" ? fontScale > 1.3 ? "wrap" : "scroll" : layout;
+  let t5;
+  if ($[2] !== className) {
+    t5 = cn("gap-2", className);
+    $[2] = className;
+    $[3] = t5;
+  } else {
+    t5 = $[3];
+  }
+  let t6;
+  if ($[4] !== filtersLabel || $[5] !== onOpenFilters || $[6] !== search) {
+    t6 = search || onOpenFilters ? _jsxs(View, {
+      className: "flex-row items-center gap-2",
+      children: [search ? _jsx(View, {
+        className: "flex-1 min-w-0",
+        children: _jsx(SearchBar, {
+          ...search
+        })
+      }) : null, onOpenFilters ? _jsx(IconButton, {
+        accessibilityLabel: filtersLabel,
+        icon: "filter",
+        onPress: onOpenFilters
+      }) : null]
+    }) : null;
+    $[4] = filtersLabel;
+    $[5] = onOpenFilters;
+    $[6] = search;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  const t7 = testID ? `${testID}-options` : undefined;
+  let t8;
+  if ($[8] !== filters || $[9] !== onFilterPress || $[10] !== testID) {
+    let t9;
+    if ($[12] !== onFilterPress || $[13] !== testID) {
+      t9 = filter_0 => _jsx(FilterButton, {
+        active: filter_0.selected,
+        disabled: filter_0.disabled,
+        onPress: () => onFilterPress(filter_0.id),
+        testID: testID ? `${testID}-${filter_0.id}` : undefined,
+        title: filter_0.label,
+        variant: "mobile"
+      }, filter_0.id);
+      $[12] = onFilterPress;
+      $[13] = testID;
+      $[14] = t9;
+    } else {
+      t9 = $[14];
+    }
+    t8 = filters.map(t9);
+    $[8] = filters;
+    $[9] = onFilterPress;
+    $[10] = testID;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[15] !== filterLayout || $[16] !== t7 || $[17] !== t8) {
+    t9 = _jsx(FilterButtonGroup, {
+      className: "p-0",
+      layout: filterLayout,
+      testID: t7,
+      children: t8
+    });
+    $[15] = filterLayout;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = t9;
+  } else {
+    t9 = $[18];
+  }
+  let t10;
+  if ($[19] !== clearLabel || $[20] !== onClearFilters || $[21] !== resultsLabel || $[22] !== selectedCount) {
+    t10 = resultsLabel || selectedCount > 0 && onClearFilters ? _jsxs(View, {
+      className: "flex-row flex-wrap items-center justify-between gap-x-3",
+      children: [resultsLabel ? _jsx(Typography.Text, {
+        accessibilityLiveRegion: "polite",
+        className: "text-text-secondary",
+        variant: "bodyLarge",
+        children: resultsLabel
+      }) : null, selectedCount > 0 && onClearFilters ? _jsx(Pressable, {
+        accessibilityLabel: clearLabel,
+        accessibilityRole: "button",
+        onPress: onClearFilters,
+        style: {
+          minHeight: 48,
+          minWidth: 48,
+          justifyContent: "center"
+        },
+        children: _jsx(Typography.Text, {
+          className: "text-text-accent",
+          variant: "bodyLarge",
+          children: clearLabel
+        })
+      }) : null]
+    }) : null;
+    $[19] = clearLabel;
+    $[20] = onClearFilters;
+    $[21] = resultsLabel;
+    $[22] = selectedCount;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] !== t10 || $[25] !== t5 || $[26] !== t6 || $[27] !== t9 || $[28] !== testID) {
+    t11 = _jsxs(View, {
+      className: t5,
+      testID: testID,
+      children: [t6, t9, t10]
+    });
+    $[24] = t10;
+    $[25] = t5;
+    $[26] = t6;
+    $[27] = t9;
+    $[28] = testID;
+    $[29] = t11;
+  } else {
+    t11 = $[29];
+  }
+  return t11;
+}
+function _temp(filter) {
+  return filter.selected;
 }

package/dist/widgets/FilterBuilder.js

@@ -1,115 +1,388 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Button from "../Actions/Actions.Button.js";
 import DatePicker from "../Form/Form.DatePicker.js";
 import Input from "../Form/Form.Input.js";
 import { Typography } from "../Typography/index.js";
-import { describeCriteria, parseCriteriaDate, replaceCriteria, validateCondition, } from "../utils/criteria.js";
+import { describeCriteria, parseCriteriaDate, replaceCriteria, validateCondition } from "../utils/criteria.js";
 import QueryChoice from "./QueryChoice.js";
 import { useEffect, useState } from "react";
 import { View } from "react-native";
-export default function FilterBuilder({ fields, value, onChange, onEditingChange, className, testID, }) {
-    const [path, setPath] = useState([]);
-    const [editing, setEditing] = useState(null);
-    const [error, setError] = useState();
-    const isEditing = editing !== null;
-    useEffect(() => {
-        onEditingChange?.(isEditing);
-        return () => onEditingChange?.(false);
-    }, [isEditing, onEditingChange]);
-    let current = value;
-    for (const index of path) {
-        current = current?.kind === "group" ? current.children[index] : undefined;
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+export default function FilterBuilder(t0) {
+  const $ = _c(34);
+  const {
+    fields,
+    value,
+    onChange,
+    onEditingChange,
+    className,
+    testID
+  } = t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [path, setPath] = useState(t1);
+  const [editing, setEditing] = useState(null);
+  const [error, setError] = useState();
+  const isEditing = editing !== null;
+  let t2;
+  let t3;
+  if ($[1] !== isEditing || $[2] !== onEditingChange) {
+    t2 = () => {
+      onEditingChange?.(isEditing);
+      return () => onEditingChange?.(false);
+    };
+    t3 = [isEditing, onEditingChange];
+    $[1] = isEditing;
+    $[2] = onEditingChange;
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t2 = $[3];
+    t3 = $[4];
+  }
+  useEffect(t2, t3);
+  let current = value;
+  for (const index of path) {
+    current = current?.kind === "group" ? current.children[index] : undefined;
+  }
+  if (current?.kind !== "group") {
+    let t4;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = _jsx(Typography.Text, {
+        accessibilityLiveRegion: "polite",
+        children: "Este grupo ya no est\xE1 disponible. La configuraci\xF3n cambi\xF3."
+      });
+      $[5] = t4;
+    } else {
+      t4 = $[5];
+    }
+    let t5;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = _jsx(Button, {
+        onPress: () => {
+          setPath([]);
+          setEditing(null);
+        },
+        title: "Volver a condiciones",
+        variant: "secondary"
+      });
+      $[6] = t5;
+    } else {
+      t5 = $[6];
+    }
+    let t6;
+    if ($[7] !== className || $[8] !== testID) {
+      t6 = _jsxs(View, {
+        className: className,
+        testID: testID,
+        children: [t4, t5]
+      });
+      $[7] = className;
+      $[8] = testID;
+      $[9] = t6;
+    } else {
+      t6 = $[9];
     }
-    if (current?.kind !== "group")
-        return (_jsxs(View, { className: className, testID: testID, children: [_jsx(Typography.Text, { accessibilityLiveRegion: "polite", children: "Este grupo ya no est\u00E1 disponible. La configuraci\u00F3n cambi\u00F3." }), _jsx(Button, { onPress: () => {
-                        setPath([]);
-                        setEditing(null);
-                    }, title: "Volver a condiciones", variant: "secondary" })] }));
-    const group = current;
-    const changeGroup = (next) => onChange(replaceCriteria(value, path, next));
-    const condition = editing?.condition;
-    const field = fields.find((item) => item.id === condition?.field);
-    const operator = field?.operators.find((item) => item.id === condition?.operator);
-    const changeCondition = (next) => {
+    return t6;
+  }
+  const group = current;
+  let t4;
+  if ($[10] !== onChange || $[11] !== path || $[12] !== value) {
+    t4 = next => onChange(replaceCriteria(value, path, next));
+    $[10] = onChange;
+    $[11] = path;
+    $[12] = value;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  const changeGroup = t4;
+  const condition = editing?.condition;
+  let t5;
+  if ($[14] !== changeGroup || $[15] !== className || $[16] !== condition || $[17] !== editing || $[18] !== error || $[19] !== fields || $[20] !== group || $[21] !== path || $[22] !== testID) {
+    let t6;
+    if ($[24] !== condition?.field) {
+      t6 = item => item.id === condition?.field;
+      $[24] = condition?.field;
+      $[25] = t6;
+    } else {
+      t6 = $[25];
+    }
+    const field = fields.find(t6);
+    const operator = field?.operators.find(item_0 => item_0.id === condition?.operator);
+    let t7;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+      t7 = next_0 => {
         setError(undefined);
-        setEditing((current) => (current ? { ...current, condition: next } : null));
-    };
-    const addCondition = () => {
-        const first = fields.find((item) => item.operators.length);
-        if (!first)
-            throw new Error("No configurable filter fields");
+        setEditing(current_0 => current_0 ? {
+          ...current_0,
+          condition: next_0
+        } : null);
+      };
+      $[26] = t7;
+    } else {
+      t7 = $[26];
+    }
+    const changeCondition = t7;
+    let t8;
+    if ($[27] !== fields) {
+      t8 = () => {
+        const first = fields.find(_temp);
+        if (!first) {
+          throw new Error("No configurable filter fields");
+        }
         setError(undefined);
         setEditing({
-            index: null,
-            condition: {
-                kind: "condition",
-                field: first.id,
-                operator: first.operators[0].id,
-                values: [],
-            },
+          index: null,
+          condition: {
+            kind: "condition",
+            field: first.id,
+            operator: first.operators[0].id,
+            values: []
+          }
         });
-    };
-    return (_jsxs(View, { className: className, style: { gap: 16 }, testID: testID, children: [_jsx(Typography.Text, { accessibilityRole: "header", semibold: true, variant: "bodyReadable", children: path.length ? `Grupo ${path.map((index) => index + 1).join(" › ")}` : "Condiciones" }), editing && condition ? (_jsxs(_Fragment, { children: [_jsx(QueryChoice, { label: "Campo", onChange: (id) => {
-                            const next = fields.find((item) => item.id === id);
-                            if (!next?.operators.length)
-                                throw new Error("Field has no operators");
-                            changeCondition({
-                                ...condition,
-                                field: id,
-                                operator: next.operators[0].id,
-                                values: [],
-                            });
-                        }, options: fields
-                            .filter((item) => item.operators.length)
-                            .map((item) => ({ label: item.label, value: item.id })), value: condition.field }), _jsx(QueryChoice, { label: "Comparaci\u00F3n", onChange: (id) => changeCondition({ ...condition, operator: id, values: [] }), options: (field?.operators ?? []).map((item) => ({
-                            label: item.label,
-                            value: item.id,
-                        })), value: condition.operator }), Array.from({ length: operator?.arity === "range" ? 2 : operator?.arity === "one" ? 1 : 0 }, (_, index) => {
-                        const label = operator?.arity === "range" ? (index === 0 ? "Desde" : "Hasta") : "Valor";
-                        const update = (next) => {
-                            const values = [...condition.values];
-                            values[index] = next;
-                            changeCondition({ ...condition, values });
-                        };
-                        return field?.type === "choice" ? (_jsx(QueryChoice, { label: label, onChange: update, options: field.options ?? [], value: condition.values[index] }, index)) : field?.type === "date" ? (_jsx(DatePicker, { label: label, onChange: (date) => update(`${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`), value: parseCriteriaDate(condition.values[index]) }, index)) : (_jsx(Input, { keyboardType: field?.type === "number" ? "numbers-and-punctuation" : "default", label: label, onChangeText: update, testID: `criteria-value-${index}`, value: condition.values[index] === undefined ||
-                                Number.isNaN(condition.values[index])
-                                ? ""
-                                : String(condition.values[index]) }, index));
-                    }), error ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "text-danger", children: error })) : null, _jsx(Button, { onPress: () => {
-                            const next = {
-                                ...condition,
-                                values: field?.type === "number"
-                                    ? Array.from(condition.values, (value) => typeof value === "string" && !value.trim() ? NaN : Number(value))
-                                    : condition.values,
-                            };
-                            const problem = validateCondition(next, fields);
-                            if (problem) {
-                                setError(problem);
-                                return;
-                            }
-                            const children = [...group.children];
-                            if (editing.index === null)
-                                children.push(next);
-                            else
-                                children[editing.index] = next;
-                            changeGroup({ ...group, children });
-                            setEditing(null);
-                        }, title: "Guardar condici\u00F3n" }), _jsx(Button, { onPress: () => setEditing(null), title: "Cancelar condici\u00F3n", variant: "secondary" })] })) : (_jsxs(_Fragment, { children: [path.length ? (_jsx(Button, { onPress: () => setPath(path.slice(0, -1)), title: "Volver al grupo anterior", variant: "link" })) : null, _jsx(QueryChoice, { label: "Coinciden", onChange: (join) => changeGroup({ ...group, join }), options: [
-                            { label: "Todas las condiciones", value: "all" },
-                            { label: "Cualquiera de las condiciones", value: "any" },
-                            { label: "Ninguna de las condiciones", value: "none" },
-                        ], value: group.join }), !group.children.length ? (_jsx(Typography.Text, { className: "text-text-secondary", children: "Sin condiciones en este grupo." })) : null, group.children.map((child, index) => (_jsxs(View, { className: "border-b border-border-light pb-3 gap-2", children: [_jsx(Typography.Text, { variant: "bodyReadable", children: describeCriteria(child, fields) }), _jsxs(View, { className: "flex-row flex-wrap gap-2", children: [_jsx(Button, { onPress: () => child.kind === "group"
-                                            ? setPath([...path, index])
-                                            : (setError(undefined), setEditing({ index, condition: child })), title: child.kind === "group"
-                                            ? `Abrir grupo ${index + 1}`
-                                            : `Editar condición ${index + 1}`, variant: "secondary" }), _jsx(Button, { onPress: () => changeGroup({
-                                            ...group,
-                                            children: group.children.filter((_, position) => position !== index),
-                                        }), title: `Eliminar ${child.kind === "group" ? "grupo" : "condición"} ${index + 1}`, variant: "link" })] })] }, index))), _jsx(Button, { disabled: !fields.some((item) => item.operators.length), onPress: addCondition, title: "A\u00F1adir condici\u00F3n", variant: "secondary" }), _jsx(Button, { onPress: () => {
-                            changeGroup({
-                                ...group,
-                                children: [...group.children, { kind: "group", join: "any", children: [] }],
-                            });
-                            setPath([...path, group.children.length]);
-                        }, title: "A\u00F1adir grupo", variant: "secondary" })] }))] }));
+      };
+      $[27] = fields;
+      $[28] = t8;
+    } else {
+      t8 = $[28];
+    }
+    const addCondition = t8;
+    let t9;
+    if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+      t9 = {
+        gap: 16
+      };
+      $[29] = t9;
+    } else {
+      t9 = $[29];
+    }
+    let t10;
+    if ($[30] !== path) {
+      t10 = path.length ? `Grupo ${path.map(_temp2).join(" \u203A ")}` : "Condiciones";
+      $[30] = path;
+      $[31] = t10;
+    } else {
+      t10 = $[31];
+    }
+    let t11;
+    if ($[32] !== t10) {
+      t11 = _jsx(Typography.Text, {
+        accessibilityRole: "header",
+        semibold: true,
+        variant: "body",
+        children: t10
+      });
+      $[32] = t10;
+      $[33] = t11;
+    } else {
+      t11 = $[33];
+    }
+    t5 = _jsxs(View, {
+      className: className,
+      style: t9,
+      testID: testID,
+      children: [t11, editing && condition ? _jsxs(_Fragment, {
+        children: [_jsx(QueryChoice, {
+          label: "Campo",
+          onChange: id => {
+            const next_1 = fields.find(item_2 => item_2.id === id);
+            if (!next_1?.operators.length) {
+              throw new Error("Field has no operators");
+            }
+            changeCondition({
+              ...condition,
+              field: id,
+              operator: next_1.operators[0].id,
+              values: []
+            });
+          },
+          options: fields.filter(_temp3).map(_temp4),
+          value: condition.field
+        }), _jsx(QueryChoice, {
+          label: "Comparaci\xF3n",
+          onChange: id_0 => changeCondition({
+            ...condition,
+            operator: id_0,
+            values: []
+          }),
+          options: (field?.operators ?? []).map(_temp5),
+          value: condition.operator
+        }), Array.from({
+          length: operator?.arity === "range" ? 2 : operator?.arity === "one" ? 1 : 0
+        }, (_, index_1) => {
+          const label = operator?.arity === "range" ? index_1 === 0 ? "Desde" : "Hasta" : "Valor";
+          const update = next_2 => {
+            const values = [...condition.values];
+            values[index_1] = next_2;
+            changeCondition({
+              ...condition,
+              values
+            });
+          };
+          return field?.type === "choice" ? _jsx(QueryChoice, {
+            label: label,
+            onChange: update,
+            options: field.options ?? [],
+            value: condition.values[index_1]
+          }, index_1) : field?.type === "date" ? _jsx(DatePicker, {
+            label: label,
+            onChange: date => update(`${String(date.getFullYear()).padStart(4, "0")}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`),
+            value: parseCriteriaDate(condition.values[index_1])
+          }, index_1) : _jsx(Input, {
+            keyboardType: field?.type === "number" ? "numbers-and-punctuation" : "default",
+            label: label,
+            onChangeText: update,
+            testID: `criteria-value-${index_1}`,
+            value: condition.values[index_1] === undefined || Number.isNaN(condition.values[index_1]) ? "" : String(condition.values[index_1])
+          }, index_1);
+        }), error ? _jsx(Typography.Text, {
+          accessibilityLiveRegion: "polite",
+          className: "text-danger",
+          children: error
+        }) : null, _jsx(Button, {
+          onPress: () => {
+            const next_3 = {
+              ...condition,
+              values: field?.type === "number" ? Array.from(condition.values, _temp6) : condition.values
+            };
+            const problem = validateCondition(next_3, fields);
+            if (problem) {
+              setError(problem);
+              return;
+            }
+            const children = [...group.children];
+            if (editing.index === null) {
+              children.push(next_3);
+            } else {
+              children[editing.index] = next_3;
+            }
+            changeGroup({
+              ...group,
+              children
+            });
+            setEditing(null);
+          },
+          title: "Guardar condici\xF3n"
+        }), _jsx(Button, {
+          onPress: () => setEditing(null),
+          title: "Cancelar condici\xF3n",
+          variant: "secondary"
+        })]
+      }) : _jsxs(_Fragment, {
+        children: [path.length ? _jsx(Button, {
+          onPress: () => setPath(path.slice(0, -1)),
+          title: "Volver al grupo anterior",
+          variant: "link"
+        }) : null, _jsx(QueryChoice, {
+          label: "Coinciden",
+          onChange: join => changeGroup({
+            ...group,
+            join
+          }),
+          options: [{
+            label: "Todas las condiciones",
+            value: "all"
+          }, {
+            label: "Cualquiera de las condiciones",
+            value: "any"
+          }, {
+            label: "Ninguna de las condiciones",
+            value: "none"
+          }],
+          value: group.join
+        }), !group.children.length ? _jsx(Typography.Text, {
+          className: "text-text-secondary",
+          children: "Sin condiciones en este grupo."
+        }) : null, group.children.map((child, index_2) => _jsxs(View, {
+          className: "border-b border-border-light pb-3 gap-2",
+          children: [_jsx(Typography.Text, {
+            variant: "body",
+            children: describeCriteria(child, fields)
+          }), _jsxs(View, {
+            className: "flex-row flex-wrap gap-2",
+            children: [_jsx(Button, {
+              onPress: () => child.kind === "group" ? setPath([...path, index_2]) : (setError(undefined), setEditing({
+                index: index_2,
+                condition: child
+              })),
+              title: child.kind === "group" ? `Abrir grupo ${index_2 + 1}` : `Editar condición ${index_2 + 1}`,
+              variant: "secondary"
+            }), _jsx(Button, {
+              onPress: () => changeGroup({
+                ...group,
+                children: group.children.filter((__0, position) => position !== index_2)
+              }),
+              title: `Eliminar ${child.kind === "group" ? "grupo" : "condici\xF3n"} ${index_2 + 1}`,
+              variant: "link"
+            })]
+          })]
+        }, index_2)), _jsx(Button, {
+          disabled: !fields.some(_temp7),
+          onPress: addCondition,
+          title: "A\xF1adir condici\xF3n",
+          variant: "secondary"
+        }), _jsx(Button, {
+          onPress: () => {
+            changeGroup({
+              ...group,
+              children: [...group.children, {
+                kind: "group",
+                join: "any",
+                children: []
+              }]
+            });
+            setPath([...path, group.children.length]);
+          },
+          title: "A\xF1adir grupo",
+          variant: "secondary"
+        })]
+      })]
+    });
+    $[14] = changeGroup;
+    $[15] = className;
+    $[16] = condition;
+    $[17] = editing;
+    $[18] = error;
+    $[19] = fields;
+    $[20] = group;
+    $[21] = path;
+    $[22] = testID;
+    $[23] = t5;
+  } else {
+    t5 = $[23];
+  }
+  return t5;
+}
+function _temp7(item_6) {
+  return item_6.operators.length;
+}
+function _temp6(value_0) {
+  return typeof value_0 === "string" && !value_0.trim() ? NaN : Number(value_0);
+}
+function _temp5(item_5) {
+  return {
+    label: item_5.label,
+    value: item_5.id
+  };
+}
+function _temp4(item_4) {
+  return {
+    label: item_4.label,
+    value: item_4.id
+  };
+}
+function _temp3(item_3) {
+  return item_3.operators.length;
+}
+function _temp2(index_0) {
+  return index_0 + 1;
+}
+function _temp(item_1) {
+  return item_1.operators.length;
 }