@multiplatform.one/forms 7.6.2 → 7.7.0

package/dist/cjs/fields/Select/index.native.js

@@ -48,6 +48,7 @@ var import_useDragScroll = require("../../shared/useDragScroll.native.js");
 var import_tableCellContext = require("../../shared/tableCellContext.native.js");
 var import_t = require("../../shared/t.native.js");
 var import_selectedOrder = require("../selectedOrder.native.js");
+var import_nativeSelect = require("../nativeSelect.native.js");
 var selectRowOutlineRest = {
   outlineWidth: 0,
   outlineStyle: "solid",
@@ -1128,7 +1129,8 @@ function NativeSelectCore(param) {
     groupLabel,
     multiple,
     selectedOrder,
-    dismissible
+    dismissible,
+    native
   } = param;
   var _knobProps_transition, _ref, _ref1;
   var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
@@ -1345,6 +1347,77 @@ function NativeSelectCore(param) {
     })]
   });
   var triggerValueText = multiple ? selectedValues.length > 0 ? selectedValues.map(getLabel).join(", ") : placeholder : (_ref = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _ref !== void 0 ? _ref : placeholder;
+  if ((0, import_nativeSelect.shouldUseIosNativeSelect)({
+    native,
+    multiple,
+    isWeb: import_tamagui.isWeb,
+    os: import_react_native.Platform.OS
+  })) {
+    var openNative = function openNative2() {
+      if (disabled) return;
+      var labels = options.map(function (o2) {
+        return o2.label;
+      });
+      import_react_native.ActionSheetIOS.showActionSheetWithOptions({
+        options: [...labels, (0, import_t.t)("Cancel")],
+        cancelButtonIndex: labels.length
+      }, function (index) {
+        if (index == null || index === labels.length) {
+          onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+          return;
+        }
+        handleSelect(options[index].value);
+      });
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+      onPress: openNative,
+      disabled,
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: !!disabled,
+        expanded: false
+      },
+      accessibilityLabel: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : fieldA11y === null || fieldA11y === void 0 ? void 0 : fieldA11y.label,
+      accessibilityValue: {
+        text: triggerValueText
+      },
+      style: {
+        width: "100%"
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+        disabled,
+        size: knobProps.sizeToken,
+        minHeight: import_theme.MIN_PRESS_TARGET,
+        pointerEvents: "none",
+        ...(inTableCell ? {} : {
+          borderRadius: knobProps.borderRadius.borderRadius,
+          borderWidth: knobProps.borderRadius.borderWidth
+        }),
+        "data-testid": "select-trigger",
+        id,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          flex: 1,
+          paddingHorizontal: knobProps.panelPadding.padding,
+          paddingVertical: "$2",
+          justifyContent: "flex-start",
+          alignItems: "flex-start",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontFamily: knobProps.body.fontFamily,
+            fontWeight: knobProps.body.fontWeight,
+            color: selectedOption ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+            numberOfLines: 1,
+            children: triggerValueText
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          paddingInlineEnd: "$2",
+          alignSelf: "center",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
+            size: 16
+          })
+        })]
+      })
+    });
+  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
     open,
     onOpenChange: function onOpenChange(val) {
@@ -1492,6 +1565,7 @@ function Select(param) {
     dismissible,
     skeleton,
     compact,
+    native,
     "aria-label": ariaLabel,
     ...rest
   } = param;
@@ -1600,7 +1674,8 @@ function Select(param) {
       groupLabel,
       multiple,
       selectedOrder,
-      dismissible
+      dismissible,
+      native
     });
   };
   if (!resolvedForm || !name) {