@multiplatform.one/forms 7.66.0 → 7.67.0

package/dist/esm/fields/Select/InlineChoices.native.js

@@ -29,6 +29,9 @@ function InlineChoices(param) {
     return option.value === value;
   });
   var tabStop = selectedIndex >= 0 ? selectedIndex : 0;
+  var glyphed = options.some(function (option) {
+    return option.icon != null;
+  });
   var choose = function choose2(index) {
     var option = options[index];
     if (disabled || !option || option.value === value) return;
@@ -58,7 +61,7 @@ function InlineChoices(param) {
       ...(index === 0 ? void 0 : hairline.top),
       borderColor: formCommonColors.divider,
       pointerEvents: "none",
-      children: [/* @__PURE__ */_jsx(View, {
+      children: [glyphed ? /* @__PURE__ */_jsx(View, {
         flexShrink: 0,
         alignItems: "center",
         justifyContent: "center",
@@ -67,7 +70,7 @@ function InlineChoices(param) {
           icon: option.icon,
           color: textColor
         })
-      }), /* @__PURE__ */_jsx(Text, {
+      }) : null, /* @__PURE__ */_jsx(Text, {
         fontFamily: knobProps.body.fontFamily,
         fontWeight: knobProps.body.fontWeight,
         color: textColor,

package/dist/esm/fields/Select/InlineChoices.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","hairline","IconSlot","keyboardFocusRingProps","CheckIcon","useRef","Pressable","isWeb","Text","View","XStack","YStack","useFieldDescribedBy","formCommonColors","formInputColors","choiceItemA11y","nextKeys","Set","previousKeys","InlineChoices","param","options","value","onValueChange","onBlur","disabled","id","labelledBy","ariaLabel","knobProps","markColor","describedBy","rowsRef","textColor","textAccentColor","selectedIndex","findIndex","option","tabStop","choose","choose2","index","onKeyDown","onKeyDown2","event","step","has","key","_rowsRef_current_next","preventDefault","next","length","current","focus","rowContent","rowContent2","selected","alignItems","height","menuRow","minHeight","paddingHorizontal","panelPadding","padding","gap","top","borderColor","divider","pointerEvents","children","flexShrink","justifyContent","minWidth","icon","color","fontFamily","body","fontWeight","numberOfLines","flex","label","size","weight","role","borderRadius","border","base","backgroundColor","background","overflow","width","map","ref","node","tabIndex","cursor","onPress","outlineWidth","focusVisibleStyle","name"],"sources":["../../../../src/fields/Select/InlineChoices.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","hairline","IconSlot","keyboardFocusRingProps","CheckIcon","useRef","Pressable","isWeb","Text","View","XStack","YStack","useFieldDescribedBy","formCommonColors","formInputColors","choiceItemA11y","nextKeys","Set","previousKeys","InlineChoices","param","options","value","onValueChange","onBlur","disabled","id","labelledBy","ariaLabel","knobProps","markColor","describedBy","rowsRef","textColor","textAccentColor","selectedIndex","findIndex","option","tabStop","glyphed","some","icon","choose","choose2","index","onKeyDown","onKeyDown2","event","step","has","key","_rowsRef_current_next","preventDefault","next","length","current","focus","rowContent","rowContent2","selected","alignItems","height","menuRow","minHeight","paddingHorizontal","panelPadding","padding","gap","top","borderColor","divider","pointerEvents","children","flexShrink","justifyContent","minWidth","color","fontFamily","body","fontWeight","numberOfLines","flex","label","size","weight","role","borderRadius","border","base","backgroundColor","background","overflow","width","map","ref","node","tabIndex","cursor","onPress","outlineWidth","focusVisibleStyle","name"],"sources":["../../../../src/fields/Select/InlineChoices.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Select/SheetPickerRow.mjs

@@ -0,0 +1,129 @@
+import { keyboardFocusRingProps, useGlyphColor } from "@multiplatform.one/theme";
+import { CaretRightIcon } from "@phosphor-icons/react";
+import { useId, useLayoutEffect, useEffect } from "react";
+import { Pressable } from "react-native-web";
+import { isWeb, Text, View, XStack } from "tamagui";
+import { useFieldDescribedBy } from "../../fieldLayout.mjs";
+import { formInputColors } from "../../shared/colorRamps.mjs";
+import { useSheetPageOpen } from "../../shared/sheetNavigation.mjs";
+import { InlineChoices } from "./InlineChoices.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function SheetPickerRow({
+  store,
+  label,
+  options,
+  value,
+  placeholder,
+  onValueChange,
+  onBlur,
+  disabled,
+  id,
+  knobProps,
+  markColor
+}) {
+  const pageId = `sheet-picker-${useId()}`;
+  const pushed = useSheetPageOpen(store, pageId);
+  const describedBy = useFieldDescribedBy();
+  const current = options.find(option => option.value === value);
+  const textColor = knobProps.textAccentColor;
+  const chevronInk = useGlyphColor("$textMuted");
+  const page = {
+    id: pageId,
+    title: label,
+    content: /* @__PURE__ */jsx(InlineChoices, {
+      options,
+      value,
+      onValueChange,
+      disabled,
+      "aria-label": label,
+      knobProps,
+      markColor
+    })
+  };
+  useIsoLayoutEffect(() => {
+    if (pushed) store.update(page);
+  });
+  useEffect(() => () => store.remove(pageId), [store, pageId]);
+  const open = () => {
+    if (disabled) return;
+    store.push(page);
+  };
+  const row = /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    minHeight: knobProps.menuRow.minHeight,
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...knobProps.gap,
+    pointerEvents: "none",
+    children: [/* @__PURE__ */jsx(Text, {
+      fontFamily: knobProps.body.fontFamily,
+      fontWeight: knobProps.body.fontWeight,
+      color: textColor,
+      numberOfLines: 1,
+      flex: 1,
+      children: label
+    }), /* @__PURE__ */jsx(Text, {
+      testID: "sheet-picker-value",
+      fontFamily: knobProps.body.fontFamily,
+      color: "$textMuted",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: current?.label ?? placeholder
+    }), /* @__PURE__ */jsx(CaretRightIcon, {
+      size: 14,
+      weight: "bold",
+      color: chevronInk
+    })]
+  });
+  const surface = {
+    ...knobProps.borderRadius,
+    borderColor: formInputColors.border.base,
+    backgroundColor: formInputColors.background.base,
+    overflow: "hidden",
+    width: "100%",
+    opacity: disabled ? 0.5 : 1
+  };
+  if (isWeb) {
+    return /* @__PURE__ */jsx(View, {
+      id,
+      role: "button",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      "aria-disabled": disabled || void 0,
+      "data-testid": "sheet-picker-row",
+      tabIndex: disabled ? -1 : 0,
+      cursor: disabled ? "default" : "pointer",
+      onPress: open,
+      onKeyDown: event => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          open();
+        }
+      },
+      onBlur,
+      outlineWidth: 0,
+      focusVisibleStyle: keyboardFocusRingProps,
+      ...surface,
+      children: row
+    });
+  }
+  return /* @__PURE__ */jsx(View, {
+    ...surface,
+    children: /* @__PURE__ */jsx(Pressable, {
+      testID: "sheet-picker-row",
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      accessibilityValue: {
+        text: current?.label ?? placeholder ?? ""
+      },
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      disabled,
+      onPress: open,
+      children: row
+    })
+  });
+}
+export { SheetPickerRow };
+//# sourceMappingURL=SheetPickerRow.mjs.map

package/dist/esm/fields/Select/SheetPickerRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["keyboardFocusRingProps","useGlyphColor","CaretRightIcon","useId","useLayoutEffect","useEffect","Pressable","isWeb","Text","View","XStack","useFieldDescribedBy","formInputColors","useSheetPageOpen","InlineChoices","jsx","jsxs","useIsoLayoutEffect","window","SheetPickerRow","store","label","options","value","placeholder","onValueChange","onBlur","disabled","id","knobProps","markColor","pageId","pushed","describedBy","current","find","option","textColor","textAccentColor","chevronInk","page","title","content","update","remove","open","push","row","alignItems","minHeight","menuRow","paddingHorizontal","panelPadding","padding","gap","pointerEvents","children","fontFamily","body","fontWeight","color","numberOfLines","flex","testID","flexShrink","size","weight","surface","borderRadius","borderColor","border","base","backgroundColor","background","overflow","width","opacity","role","tabIndex","cursor","onPress","onKeyDown","event","key","preventDefault","outlineWidth","focusVisibleStyle","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["../../../../src/fields/Select/SheetPickerRow.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Select/SheetPickerRow.native.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { keyboardFocusRingProps, useGlyphColor } from "@multiplatform.one/theme";
+import { CaretRightIcon } from "@phosphor-icons/react";
+import { useId, useLayoutEffect, useEffect } from "react";
+import { Pressable } from "react-native";
+import { isWeb, Text, View, XStack } from "tamagui";
+import { useFieldDescribedBy } from "../../fieldLayout.native.js";
+import { formInputColors } from "../../shared/colorRamps.native.js";
+import { useSheetPageOpen } from "../../shared/sheetNavigation.native.js";
+import { InlineChoices } from "./InlineChoices.native.js";
+var useIsoLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function SheetPickerRow(param) {
+  var {
+    store,
+    label,
+    options,
+    value,
+    placeholder,
+    onValueChange,
+    onBlur,
+    disabled,
+    id,
+    knobProps,
+    markColor
+  } = param;
+  var _ref, _ref1, _ref2;
+  var pageId = `sheet-picker-${useId()}`;
+  var pushed = useSheetPageOpen(store, pageId);
+  var describedBy = useFieldDescribedBy();
+  var current = options.find(function (option) {
+    return option.value === value;
+  });
+  var textColor = knobProps.textAccentColor;
+  var chevronInk = useGlyphColor("$textMuted");
+  var page = {
+    id: pageId,
+    title: label,
+    content: /* @__PURE__ */_jsx(InlineChoices, {
+      options,
+      value,
+      onValueChange,
+      disabled,
+      "aria-label": label,
+      knobProps,
+      markColor
+    })
+  };
+  useIsoLayoutEffect(function () {
+    if (pushed) store.update(page);
+  });
+  useEffect(function () {
+    return function () {
+      return store.remove(pageId);
+    };
+  }, [store, pageId]);
+  var open = function open2() {
+    if (disabled) return;
+    store.push(page);
+  };
+  var row = /* @__PURE__ */_jsxs(XStack, {
+    alignItems: "center",
+    minHeight: knobProps.menuRow.minHeight,
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...knobProps.gap,
+    pointerEvents: "none",
+    children: [/* @__PURE__ */_jsx(Text, {
+      fontFamily: knobProps.body.fontFamily,
+      fontWeight: knobProps.body.fontWeight,
+      color: textColor,
+      numberOfLines: 1,
+      flex: 1,
+      children: label
+    }), /* @__PURE__ */_jsx(Text, {
+      testID: "sheet-picker-value",
+      fontFamily: knobProps.body.fontFamily,
+      color: "$textMuted",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: (_ref = current === null || current === void 0 ? void 0 : current.label) !== null && _ref !== void 0 ? _ref : placeholder
+    }), /* @__PURE__ */_jsx(CaretRightIcon, {
+      size: 14,
+      weight: "bold",
+      color: chevronInk
+    })]
+  });
+  var surface = {
+    ...knobProps.borderRadius,
+    borderColor: formInputColors.border.base,
+    backgroundColor: formInputColors.background.base,
+    overflow: "hidden",
+    width: "100%",
+    opacity: disabled ? 0.5 : 1
+  };
+  if (isWeb) {
+    return /* @__PURE__ */_jsx(View, {
+      id,
+      role: "button",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      "aria-disabled": disabled || void 0,
+      "data-testid": "sheet-picker-row",
+      tabIndex: disabled ? -1 : 0,
+      cursor: disabled ? "default" : "pointer",
+      onPress: open,
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          open();
+        }
+      },
+      onBlur,
+      outlineWidth: 0,
+      focusVisibleStyle: keyboardFocusRingProps,
+      ...surface,
+      children: row
+    });
+  }
+  return /* @__PURE__ */_jsx(View, {
+    ...surface,
+    children: /* @__PURE__ */_jsx(Pressable, {
+      testID: "sheet-picker-row",
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      accessibilityValue: {
+        text: (_ref1 = (_ref2 = current === null || current === void 0 ? void 0 : current.label) !== null && _ref2 !== void 0 ? _ref2 : placeholder) !== null && _ref1 !== void 0 ? _ref1 : ""
+      },
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      disabled,
+      onPress: open,
+      children: row
+    })
+  });
+}
+export { SheetPickerRow };
+//# sourceMappingURL=SheetPickerRow.native.js.map

package/dist/esm/fields/Select/SheetPickerRow.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","keyboardFocusRingProps","useGlyphColor","CaretRightIcon","useId","useLayoutEffect","useEffect","Pressable","isWeb","Text","View","XStack","useFieldDescribedBy","formInputColors","useSheetPageOpen","InlineChoices","useIsoLayoutEffect","window","SheetPickerRow","param","store","label","options","value","placeholder","onValueChange","onBlur","disabled","id","knobProps","markColor","_ref","_ref1","_ref2","pageId","pushed","describedBy","current","find","option","textColor","textAccentColor","chevronInk","page","title","content","update","remove","open","open2","push","row","alignItems","minHeight","menuRow","paddingHorizontal","panelPadding","padding","gap","pointerEvents","children","fontFamily","body","fontWeight","color","numberOfLines","flex","testID","flexShrink","size","weight","surface","borderRadius","borderColor","border","base","backgroundColor","background","overflow","width","opacity","role","tabIndex","cursor","onPress","onKeyDown","event","key","preventDefault","outlineWidth","focusVisibleStyle","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["../../../../src/fields/Select/SheetPickerRow.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Select/index.mjs

@@ -18,6 +18,7 @@ import { ScrollArrow } from "../../shared/floatingList.mjs";
 import { FloatingPanel, useFloatingPanel, panelViewportPadding, useViewportGtSm } from "../../FloatingPanel/index.mjs";
 import { pickerCompactFace, resolveCompactFace } from "../../FloatingPanel/compactFace.mjs";
 import { PanelPortal } from "../../FloatingPanel/PanelPortal.mjs";
+import { fixedContainingBlockOrigin } from "../../FloatingPanel/containingBlock.mjs";
 import { useInsideOverlay, useOverlayZIndex } from "../../shared/overlayStack.mjs";
 import { useDragScroll } from "../../shared/useDragScroll.mjs";
 import { useIsInTableCell } from "../../shared/tableCellContext.mjs";
@@ -25,7 +26,9 @@ import { t } from "../../shared/t.mjs";
 import { orderOptionsBySelected } from "../selectedOrder.mjs";
 import { shouldUseIosNativeSelect } from "../nativeSelect.mjs";
 import { InlineChoices } from "./InlineChoices.mjs";
-import { shouldInlineChoices } from "./shouldInlineChoices.mjs";
+import { SheetPickerRow } from "./SheetPickerRow.mjs";
+import { opensBesideTrigger, shouldInlineChoices, shouldPushChoices } from "./shouldInlineChoices.mjs";
+import { useSheetNavigation } from "../../shared/sheetNavigation.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const actionSheetIOS = ReactNative.ActionSheetIOS;
 const selectOutlineRest = {
@@ -342,6 +345,7 @@ function FloatingSelectCore({
   } = knobProps.elevatedSurface;
   const hydrationTouch = useTouchSurface();
   const inTableCell = useIsInTableCell();
+  const beside = useInsideOverlay() && !inTableCell && opensBesideTrigger(options.length);
   const describedBy = useFieldDescribedBy();
   const glyphColor = useGlyphColor();
   const [open, setOpen] = useState(false);
@@ -458,7 +462,30 @@ function FloatingSelectCore({
     const selectedItemIndex = selectedIndex >= 0 ? selectedIndex : 0;
     const selectedItem = listItemsRef.current[selectedItemIndex];
     const trigger = panel.triggerRef.current;
-    if (!dropdownElement || !selectedItem || !trigger) return;
+    if (!dropdownElement || !trigger) return;
+    if (beside) {
+      const isInitial2 = panel.initializingRef.current;
+      if (isInitial2) dropdownElement.style.transition = "none";
+      const bounds = trigger.getBoundingClientRect();
+      const contentHeight = dropdownElement.scrollHeight;
+      const below = window.innerHeight - panelViewportPadding - bounds.bottom;
+      const above = bounds.top - panelViewportPadding;
+      const opensUp = contentHeight > below && above > below;
+      const maxHeight = Math.min(contentHeight || Infinity, opensUp ? above : below);
+      const top2 = (opensUp ? bounds.top - maxHeight : bounds.bottom) - fixedContainingBlockOrigin(dropdownElement).top;
+      dropdownElement.style.top = `${top2}px`;
+      dropdownElement.style.maxHeight = `${maxHeight}px`;
+      dropdownElement.style.height = "";
+      overlayStyle.current = {
+        top: top2,
+        maxHeight
+      };
+      panel.initializingRef.current = false;
+      void dropdownElement.offsetHeight;
+      if (isInitial2) dropdownElement.style.transition = panel.panelTransition;
+      return;
+    }
+    if (!selectedItem) return;
     const isInitial = panel.initializingRef.current;
     if (isInitial) dropdownElement.style.transition = "none";
     if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
@@ -564,7 +591,7 @@ function FloatingSelectCore({
         });
       }
     });
-  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, panel.panelTransition, options.length]);
+  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, panel.panelTransition, options.length, beside]);
   repositionRef.current = repositionOverlay;
   useLayoutEffect(() => {
     if (!open || !panel.mounted) return;
@@ -1207,6 +1234,10 @@ function NativeSelectCore({
     },
     sheet: true,
     compactFace,
+    ...(asMenu && insideOverlay && opensBesideTrigger(options.length) ? {
+      anchorMode: "attach",
+      triggerEcho: false
+    } : null),
     triggerA11y: {
       label: ariaLabel ?? fieldA11y?.label,
       value: triggerValueText,
@@ -1360,6 +1391,13 @@ function Select({
     multiple,
     options
   });
+  const sheetNavigation = useSheetNavigation();
+  const rowLabel = typeof label === "string" ? label : ariaLabel;
+  const pushed = !inline && !inTableCell && Boolean(rowLabel) && shouldPushChoices({
+    inSheet: Boolean(sheetNavigation),
+    multiple,
+    options
+  });
   if (!inline) {
     warnSelectTooFewOptions({
       count: options?.length ?? 0,
@@ -1418,6 +1456,25 @@ function Select({
   };
   const renderSelectContent = (selectValue, handleValueChange, handleBlur) => {
     if (readOnly) return renderReadOnly(selectValue);
+    if (pushed && sheetNavigation) {
+      return /* @__PURE__ */jsx(SheetPickerRow, {
+        store: sheetNavigation,
+        label: rowLabel,
+        options,
+        value: typeof selectValue === "string" ? selectValue : void 0,
+        placeholder,
+        onValueChange: val => {
+          if (disabled) return;
+          handleValueChange?.(val);
+          emitValueChange(val);
+        },
+        onBlur: handleBlur,
+        disabled,
+        id,
+        knobProps,
+        markColor
+      });
+    }
     if (inline) {
       return /* @__PURE__ */jsx(InlineChoices, {
         options,
@@ -1462,7 +1519,8 @@ function Select({
   if (!resolvedForm || !name) {
     return /* @__PURE__ */jsx(FieldLayout, {
       id,
-      label,
+      label: pushed ? void 0 : label,
+      "aria-label": pushed ? rowLabel : void 0,
       labelProps,
       error,
       helperText,
@@ -1486,7 +1544,8 @@ function Select({
       const resolvedError = getFieldError(field, error);
       return /* @__PURE__ */jsx(FieldLayout, {
         id,
-        label,
+        label: pushed ? void 0 : label,
+        "aria-label": pushed ? rowLabel : void 0,
         labelProps,
         error: resolvedError,
         helperText,