@sincpro/mobile-ui 3.1.0 → 3.2.0

package/dist/Form/Form.RadioButton.js

@@ -1,139 +1,28 @@
 import { c as _c } from "react/compiler-runtime";
-import { Typography } from "../Typography/index.js";
-import { TouchableOpacity, View } from "react-native";
-import { tv } from "tailwind-variants";
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-const radioButton = tv({
-  slots: {
-    container: "flex-row items-center py-2.5 px-3 rounded-lg border-[1.5px] border-border-default bg-bg-card",
-    radioCircle: "w-[18px] h-[18px] rounded-full border-2 border-border-default mr-2 justify-center items-center",
-    radioInner: "w-[9px] h-[9px] rounded-full",
-    label: "flex-1"
-  },
-  variants: {
-    selected: {
-      true: {
-        container: "border-primary bg-primary/10",
-        radioCircle: "border-primary",
-        radioInner: "bg-primary",
-        label: "text-text-primary font-semibold"
-      },
-      false: {
-        label: "text-text-secondary"
-      }
-    }
-  },
-  defaultVariants: {
-    selected: false
-  }
-});
+import { ChoiceRow } from "./choice-row.js";
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+/** One option of a single-choice group: the same row Select and PickerField list. */
 function RadioButton(t0) {
-  const $ = _c(29);
+  const $ = _c(4);
   const {
     label,
     selected,
     onPress
   } = t0;
-  let T0;
-  let T1;
   let t1;
-  let t2;
-  let t3;
-  let t4;
-  let t5;
-  let t6;
-  let t7;
-  let t8;
   if ($[0] !== label || $[1] !== onPress || $[2] !== selected) {
-    const styles = radioButton({
-      selected
-    });
-    T1 = TouchableOpacity;
-    t2 = label;
-    t3 = "radio";
-    if ($[13] !== selected) {
-      t4 = {
-        checked: selected
-      };
-      $[13] = selected;
-      $[14] = t4;
-    } else {
-      t4 = $[14];
-    }
-    t5 = 0.7;
-    t6 = styles.container();
-    t7 = onPress;
-    t8 = _jsx(View, {
-      className: styles.radioCircle(),
-      children: selected && _jsx(View, {
-        className: styles.radioInner()
-      })
+    t1 = _jsx(ChoiceRow, {
+      label: label,
+      onPress: onPress,
+      selected: selected
     });
-    T0 = Typography.Text;
-    t1 = styles.label();
     $[0] = label;
     $[1] = onPress;
     $[2] = selected;
-    $[3] = T0;
-    $[4] = T1;
-    $[5] = t1;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = t6;
-    $[11] = t7;
-    $[12] = t8;
-  } else {
-    T0 = $[3];
-    T1 = $[4];
-    t1 = $[5];
-    t2 = $[6];
-    t3 = $[7];
-    t4 = $[8];
-    t5 = $[9];
-    t6 = $[10];
-    t7 = $[11];
-    t8 = $[12];
-  }
-  let t9;
-  if ($[15] !== T0 || $[16] !== label || $[17] !== t1) {
-    t9 = _jsx(T0, {
-      className: t1,
-      variant: "bodySmall",
-      children: label
-    });
-    $[15] = T0;
-    $[16] = label;
-    $[17] = t1;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== T1 || $[20] !== t2 || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
-    t10 = _jsxs(T1, {
-      accessibilityLabel: t2,
-      accessibilityRole: t3,
-      accessibilityState: t4,
-      activeOpacity: t5,
-      className: t6,
-      onPress: t7,
-      children: [t8, t9]
-    });
-    $[19] = T1;
-    $[20] = t2;
-    $[21] = t3;
-    $[22] = t4;
-    $[23] = t5;
-    $[24] = t6;
-    $[25] = t7;
-    $[26] = t8;
-    $[27] = t9;
-    $[28] = t10;
+    $[3] = t1;
   } else {
-    t10 = $[28];
+    t1 = $[3];
   }
-  return t10;
+  return t1;
 }
 export default RadioButton;

package/dist/Form/Form.Select.d.ts

@@ -10,6 +10,7 @@ export type SelectProps<T extends string | number> = {
     label?: string;
     placeholder?: string;
     title?: string;
+    /** Kept for compatibility: a row applies its option on tap, on Android and iOS alike. */
     confirmLabel?: string;
     disabled?: boolean;
     readOnly?: boolean;
@@ -18,5 +19,5 @@ export type SelectProps<T extends string | number> = {
     className?: string;
     testID?: string;
 };
-declare function Select<T extends string | number>({ options, value, onChange, onBlur, label, placeholder, title, confirmLabel, disabled, readOnly, loading, error, className, testID, }: SelectProps<T>): import("react").JSX.Element;
+declare function Select<T extends string | number>({ options, value, onChange, onBlur, label, placeholder, title, disabled, readOnly, loading, error, className, testID, }: SelectProps<T>): import("react").JSX.Element;
 export default Select;