npm - @multiplatform.one/forms - Versions diffs - 7.76.0 → 7.77.0 - Mend

@multiplatform.one/forms 7.76.0 → 7.77.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (344) hide show

package/dist/cjs/fields/Select/SheetPickerRow.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SheetPickerRow_exports","__export","SheetPickerRow","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_native","import_tamagui","import_fieldLayout","import_colorRamps","import_sheetNavigation","import_InlineChoices","useIsoLayoutEffect","window","useEffect","useLayoutEffect","param","store","label","options","placeholder","onValueChange","onBlur","disabled","id","knobProps","markColor","_ref","_ref1","_ref2","pageId","useId","pushed","useSheetPageOpen","describedBy","useFieldDescribedBy","current","find","option","textColor","textAccentColor","chevronInk","useGlyphColor","page","title","content","jsx","InlineChoices","update","remove","open","open2","push","row","jsxs","XStack","alignItems","minHeight","menuRow","paddingHorizontal","panelPadding","padding","gap","pointerEvents","children","Text","fontFamily","body","fontWeight","color","numberOfLines","flex","testID","flexShrink","CaretRightIcon","size","weight","surface","borderRadius","borderColor","formInputColors","border","base","backgroundColor","background","overflow","width","opacity","isWeb","View","role","tabIndex","cursor","onPress","onKeyDown","event","key","preventDefault","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["../../../../src/fields/Select/SheetPickerRow.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsD,CAAAK,sBAAA;AACtD,IAAAK,kBAA+B,GAAAC,OAAA;AAC/B,IAAAC,YAAA,GAAAD,OAAkD;AAClD,IAAAE,YAAA,GAAAF,OAA0B;AAC1B,IAAAG,aAAA,GAAAH,OAA0C;AAC1C,IAAAI,mBAAA,GAAoCJ,OAAA;AACpC,IAAAK,cAAA,GAAAL,OAAgC;AAChC,IAAAM,kBAAA,GAAAN,OAA4D;AAC5D,IAAAO,iBAAA,GAAAP,OAAiD;AAgD3C,IAAAQ,sBAAA,GAAAR,OAAA;AA9CN,IAAAS,oBAAM,GAAqBT,OAAO,4BAAW;AAsBtC,IAAAU,kBAAS,GAAe,OAAAC,MAAA,mBAAAR,aAAA,CAAAS,SAAA,GAAAT,aAAA,CAAAU,eAAA;AAAA,SAC7BjB,eAAAkB,KAAA;EACA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAxB,KAAA;IAAAyB,WAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,EAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAV,KAAA;EACA,IAAAW,IAAA,EAAAC,KAAA,EAAAC,KAAA;EACA,IAAAC,MAAA,uBAAAzB,aAAA,CAAA0B,KAAA;EACA,IAAAC,MAAA,OAAAtB,sBAAA,CAAAuB,gBAAA,EAAAhB,KAAA,EAAAa,MAAA;EACA,IAAAI,WAAA,OAAA1B,kBAAA,CAAA2B,mBAAA;EACA,IAAAC,OAAA,GAAAjB,OAAA,CAAAkB,IAAA,WAAAC,MAAA;IACA,OAAAA,MAAA,CAAA3C,KAAA,KAAAA,KAAA;EACA;EACA,IAAA4C,SAAA,GAAAd,SAAA,CAAAe,eAAA;EACA,IAAAC,UAAA,OAAAtC,YAAA,CAAAuC,aAAA;EACF,IAAwBC,IAAA;IACtBnB,EAAA,EAAMM,MAAA;IACNc,KAAM,EAAA1B,KAAA;IACN2B,OAAM,iBAAc,IAAA5C,kBAAA,CAAA6C,GAAA,EAAAnC,oBAAoB,CAAAoC,aAAA;MACxC5B,OAAM;MACNxB,KAAM;MACN0B,aAAM;MAENE,QAAM;MACJ,YAAI,EAAAL,KAAA;MACJO,SAAO;MACPC;IACE;EAAC;EAAAd,kBACC;IAAA,IACAoB,MAAA,EAAAf,KAAA,CAAA+B,MAAA,CAAAL,IAAA;EAAA;EACA,IAAAtC,aACA,CAAAS,SAAA;IAAA,OACA,YAAY;MAAA,OACZG,KAAA,CAAAgC,MAAA,CAAAnB,MAAA;IAAA;EACA,IACFb,KAAA,EAEJa,MAAA,CAEA;EACE,IAAAoB,IAAI,YAAcC,MAAA,EAAO;IAC1B,IAAA5B,QAAA;IACDN,KAAA,CAAAmC,IAAA,CAAAT,IAAA;EAEA;EACE,IAAAU,GAAI,kBAAU,IAAApD,kBAAA,CAAAqD,IAAA,EAAA/C,cAAA,CAAAgD,MAAA;IACdC,UAAM,EAAK,QAAI;IACjBC,SAAA,EAAAhC,SAAA,CAAAiC,OAAA,CAAAD,SAAA;IAEAE,iBACE,EAAAlC,SAAA,CAAAmC,YAAA,CAAAC,OAAA;IAAC,GAAApC,SAAA,CAAAqC,GAAA;IAAAC,aAAA;IAAAC,QACC,GACA,eAAW,IAAA/D,kBAAkB,CAAA6C,GAAA,EAAAvC,cAAA,CAAA0D,IAAA;MAC7BC,UAAA,EAAAzC,SAAmB,CAAA0C,IAAA,CAAUD,UAAA;MAC5BE,UAAG,EAAU3C,SAAA,CAAA0C,IAAA,CAAAC,UAAA;MACdC,KAAA,EAAA9B,SAAc;MAEd+B,aAAA;MAAAC,IAAA;MAAAP,QAAC,EAAA9C;IAAA,mBACC,EAAY,EAAAjB,kBAAe,CAAA6C,GAAA,EAAAvC,cAAA,CAAA0D,IAAA;MAAAO,MAC3B,sBAAsB;MAAKN,UAC3B,EAAOzC,SAAA,CAAA0C,IAAA,CAAAD,UAAA;MAAAG,KACP,cAAe;MAAAC,aACT;MAAAG,UAEL;MAAAT,QAAA,GAAArC,IAAA,GAAAS,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAlB,KAAA,cAAAS,IAAA,cAAAA,IAAA,GAAAP;IAAA,EACH,iBACA,IAAAnB,kBAAA,CAAA6C,GAAA,EAAA1C,YAAA,CAAAsE,cAAA;MAAAC,IAAC;MAAAC,MAAA;MAAAP,KACC,EAAA5B;IAAO;EAED;EACS,IAAAoC,OACf;IAAY,GAAApD,SAEX,CAAAqD,YAAA;IAAkBC,WAAA,EAAAtE,iBAAA,CAAAuE,eAAA,CAAAC,MAAA,CAAAC,IAAA;IAAAC,eACrB,EAAA1E,iBAAA,CAAAuE,eAAA,CAAAI,UAAA,CAAAF,IAAA;IAAAG,QACA;IAA2DC,KAAA;IAAAC,OAAA,EAAAhE,QAAA;EAC7D;EAGF,IAAAhB,cAAgB,CAAAiF,KAAA;IACd,OAAG,eAAU,IAAAvF,kBAAA,CAAA6C,GAAA,EAAAvC,cAAA,CAAAkF,IAAA;MACbjE,EAAA;MACAkE,IAAA;MACA,YAAU,EAAAxE,KAAA;MACV,kBAAO,EAAAgB,WAAA;MACP,eAAS,EAAAX,QAAiB;MAC5B;MAEIoE,QAAA,EAAApE,QAAA,IAAO;MACTqE,MACE,EAAArE,QAAA;MAACsE,OAAA,EAAA3C,IAAA;MAAA4C,SAAA,WAAAA,UAAAC,KAAA;QACC,IAAAA,KAAA,CAAAC,GAAA,gBAAAD,KAAA,CAAAC,GAAA;UACAD,KAAK,CAAAE,cAAA;UACL/C,IAAA;QACA;MAAkB;MACS5B,MAC3B;MAAY4E,YACF;MAAgBC,iBAClB,EAAAhG,YAAW,CAAAiG,sBAAY;MAAA,GAC/BvB,OAAA;MAASb,QACT,EAAAX;IACE;EACE;EACA,sBAAK,IAAApD,kBAAA,CAAA6C,GAAA,EAAAvC,cAAA,CAAAkF,IAAA;IAAA,GAAAZ,OACP;IAAAb,QACF,qBAAA/D,kBAAA,CAAA6C,GAAA,EAAAxC,mBAAA,CAAA+F,SAAA;MAAA7B,MACA;MAAA8B,iBACc;MAAAC,kBACd,EAAArF,KAAmB;MAAAsF,kBACf;QAEHC,IAAA,GAAA7E,KAAA,IAAAC,KAAA,GAAAO,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAlB,KAAA,cAAAW,KAAA,cAAAA,KAAA,GAAAT,WAAA,cAAAQ,KAAA,cAAAA,KAAA;MAAA;MACH8E,kBAAA;QAEJnF,QAAA,IAAAA;MACA;MAEKA,QAAA;MAAAsE,OAAA,EAAA3C,IAAA;MACCc,QAAO,EAAAX;IAAA;EACW;AACE","ignoreList":[]}
1	+ {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","SheetPickerRow_exports","SheetPickerRow","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_native","import_tamagui","import_fieldLayout","import_colorRamps","import_sheetNavigation","import_InlineChoices","useIsoLayoutEffect","window","useEffect","useLayoutEffect","param","store","label","options","placeholder","onValueChange","onBlur","disabled","id","knobProps","markColor","_ref","_ref1","_ref2","pageId","useId","pushed","useSheetPageOpen","describedBy","useFieldDescribedBy","current","find","option","textColor","textAccentColor","chevronInk","useGlyphColor","page","title","content","jsx","InlineChoices","update","remove","open","open2","push","row","jsxs","XStack","alignItems","minHeight","menuRow","paddingHorizontal","panelPadding","padding","gap","pointerEvents","children","Text","fontFamily","body","fontWeight","color","numberOfLines","flex","testID","flexShrink","CaretRightIcon","size","weight","surface","borderRadius","borderColor","formInputColors","border","base","backgroundColor","background","overflow","width","opacity","isWeb","View","role","tabIndex","cursor","onPress","onKeyDown","event","preventDefault","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["SheetPickerRow.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" \|\| typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) \|\| desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SheetPickerRow_exports = {};\n__export(SheetPickerRow_exports, {\n SheetPickerRow: () => SheetPickerRow\n});\nmodule.exports = __toCommonJS(SheetPickerRow_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_react2 = require(\"react\");\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_sheetNavigation = require(\"../../shared/sheetNavigation\");\nvar import_InlineChoices = require(\"./InlineChoices\");\nvar useIsoLayoutEffect = typeof window === \"undefined\" ? import_react2.useEffect : import_react2.useLayoutEffect;\nfunction SheetPickerRow(param) {\n var { store, label, options, value, placeholder, onValueChange, onBlur, disabled, id, knobProps, markColor } = param;\n var _ref, _ref1, _ref2;\n var pageId = `sheet-picker-${(0, import_react2.useId)()}`;\n var pushed = (0, import_sheetNavigation.useSheetPageOpen)(store, pageId);\n var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();\n var current = options.find(function(option) {\n return option.value === value;\n });\n var textColor = knobProps.textAccentColor;\n var chevronInk = (0, import_theme.useGlyphColor)(\"$textMuted\");\n var page = {\n id: pageId,\n title: label,\n content: /* @__PURE__ / (0, import_jsx_runtime.jsx)(import_InlineChoices.InlineChoices, {\n options,\n value,\n onValueChange,\n disabled,\n \"aria-label\": label,\n knobProps,\n markColor\n })\n };\n useIsoLayoutEffect(function() {\n if (pushed) store.update(page);\n });\n (0, import_react2.useEffect)(function() {\n return function() {\n return store.remove(pageId);\n };\n }, [\n store,\n pageId\n ]);\n var open = function open2() {\n if (disabled) return;\n store.push(page);\n };\n var row = / @__PURE__ / (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n alignItems: \"center\",\n minHeight: knobProps.menuRow.minHeight,\n paddingHorizontal: knobProps.panelPadding.padding,\n ...knobProps.gap,\n pointerEvents: \"none\",\n children: [\n / @__PURE__ / (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n fontFamily: knobProps.body.fontFamily,\n fontWeight: knobProps.body.fontWeight,\n color: textColor,\n numberOfLines: 1,\n flex: 1,\n children: label\n }),\n / @__PURE__ / (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n testID: \"sheet-picker-value\",\n fontFamily: knobProps.body.fontFamily,\n color: \"$textMuted\",\n numberOfLines: 1,\n flexShrink: 1,\n children: (_ref = current === null \|\| current === void 0 ? void 0 : current.label) !== null && _ref !== void 0 ? _ref : placeholder\n }),\n / @__PURE__ / (0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {\n size: 14,\n weight: \"bold\",\n color: chevronInk\n })\n ]\n });\n var surface = {\n ...knobProps.borderRadius,\n borderColor: import_colorRamps.formInputColors.border.base,\n backgroundColor: import_colorRamps.formInputColors.background.base,\n overflow: \"hidden\",\n width: \"100%\",\n opacity: disabled ? 0.5 : 1\n };\n if (import_tamagui.isWeb) {\n return / @__PURE__ / (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n id,\n role: \"button\",\n \"aria-label\": label,\n \"aria-describedby\": describedBy,\n \"aria-disabled\": disabled \|\| void 0,\n \"data-testid\": \"sheet-picker-row\",\n tabIndex: disabled ? -1 : 0,\n cursor: disabled ? \"default\" : \"pointer\",\n onPress: open,\n onKeyDown: function onKeyDown(event) {\n if (event.key === \"Enter\" \|\| event.key === \" \") {\n event.preventDefault();\n open();\n }\n },\n onBlur,\n outlineWidth: 0,\n focusVisibleStyle: import_theme.keyboardFocusRingProps,\n ...surface,\n children: row\n });\n }\n return / @__PURE__ / (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n ...surface,\n children: / @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n testID: \"sheet-picker-row\",\n accessibilityRole: \"button\",\n accessibilityLabel: label,\n accessibilityValue: {\n text: (_ref1 = (_ref2 = current === null \|\| current === void 0 ? void 0 : current.label) !== null && _ref2 !== void 0 ? _ref2 : placeholder) !== null && _ref1 !== void 0 ? _ref1 : \"\"\n },\n accessibilityState: {\n disabled: !!disabled\n },\n disabled,\n onPress: open,\n children: row\n })\n });\n}\n//# sourceMappingURL=SheetPickerRow.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Select/index.cjs CHANGED Viewed

@@ -45,6 +45,7 @@ var ReactNative = __toESM(require("react-native-web"));
 var import_react_native = require("react-native-web");
 var import_tamagui = require("tamagui");
 var import_Chip = require("../../Chip/index.cjs");
+var import_fieldRowContext = require("../../shared/fieldRowContext.cjs");
 var import_pickerTriggerContract = require("../../shared/pickerTriggerContract.cjs");
 var import_Skeleton = require("../../Skeleton/index.cjs");
 var import_fieldLayout = require("../../fieldLayout.cjs");
@@ -78,6 +79,17 @@ const selectRowOutlineRest = {
   ...selectOutlineRest,
   borderRadius: 0
 };
+function TriggerCaret({
+  color
+}) {
+  return (0, import_fieldRowContext.useFieldRow)() ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretRightIcon, {
+    size: 16,
+    color
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
+    size: 16,
+    color
+  });
+}
 const SelectRow = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "SelectRow",
   ...import_theme2.menuRowFrame,
@@ -389,6 +401,7 @@ function FloatingSelectCore({
   const [open, setOpen] = (0, import_react.useState)(false);
   const [activeIndex, setActiveIndex] = (0, import_react.useState)(null);
   const [controlledScrolling, setControlledScrolling] = (0, import_react.useState)(false);
+  const rowFace = (0, import_fieldRowContext.useFieldRow)();
   const {
     kbTrigger,
     kbNav,
@@ -846,9 +859,11 @@ function FloatingSelectCore({
       suppressFocusRing: open,
       size: knobProps.sizeToken,
       ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-      paddingHorizontal: knobProps.panelPadding.padding,
-      ...(inTableCell ?
-      // Chromeless in cells.
+      ...(rowFace ? null : {
+        paddingHorizontal: knobProps.panelPadding.padding
+      }),
+      ...(inTableCell || rowFace ?
+      // Chromeless in cells and field rows.
       {} : {
         borderWidth: knobProps.borderRadius.borderWidth
       }),
@@ -859,7 +874,7 @@ function FloatingSelectCore({
         minWidth: 0,
         paddingVertical: "$2",
         justifyContent: multiple && selectedValues.length > 0 ? "center" : "flex-start",
-        alignItems: multiple && selectedValues.length > 0 ? "center" : "flex-start",
+        alignItems: multiple && selectedValues.length > 0 ? "center" : rowFace ? "flex-end" : "flex-start",
         children: multiple && selectedValues.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexDirection: "row",
           flexWrap: "nowrap",
@@ -882,7 +897,7 @@ function FloatingSelectCore({
           ...knobProps.controlType,
           fontFamily: knobProps.body.fontFamily,
           fontWeight: knobProps.body.fontWeight,
-          color: selectedOption ? textColor : import_colorRamps.formCommonColors.muted,
+          color: selectedOption ? rowFace ? "$textMuted" : textColor : import_colorRamps.formCommonColors.muted,
           numberOfLines: 1,
           userSelect: "none",
           children: selectedOption?.label ?? placeholder
@@ -890,8 +905,7 @@ function FloatingSelectCore({
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flexShrink: 0,
         alignSelf: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-          size: 16,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {
           color: glyphColor
         })
       })]
@@ -1044,6 +1058,7 @@ function NativeSelectCore({
   const listRef = (0, import_react.useRef)(null);
   const listboxId = `${id}-listbox`;
   const optionId = index => `${listboxId}-option-${index}`;
+  const rowFace = (0, import_fieldRowContext.useFieldRow)();
   const {
     kbTrigger,
     kbNav,
@@ -1251,9 +1266,11 @@ function NativeSelectCore({
         disabled,
         size: knobProps.sizeToken,
         ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-        paddingHorizontal: knobProps.panelPadding.padding,
+        ...(rowFace ? null : {
+          paddingHorizontal: knobProps.panelPadding.padding
+        }),
         pointerEvents: "none",
-        ...(inTableCell ? {} : {
+        ...(inTableCell || rowFace ? {} : {
           borderWidth: knobProps.borderRadius.borderWidth
         }),
         "data-testid": "select-trigger",
@@ -1263,21 +1280,19 @@ function NativeSelectCore({
           minWidth: 0,
           paddingVertical: "$2",
           justifyContent: "flex-start",
-          alignItems: "flex-start",
+          alignItems: rowFace ? "flex-end" : "flex-start",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             ...knobProps.controlType,
             fontFamily: knobProps.body.fontFamily,
             fontWeight: knobProps.body.fontWeight,
-            color: selectedOption ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+            color: selectedOption ? rowFace ? "$textMuted" : import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
             numberOfLines: 1,
             children: triggerValueText
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexShrink: 0,
           alignSelf: "center",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-            size: 16
-          })
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {})
         })]
       })
     });
@@ -1304,8 +1319,10 @@ function NativeSelectCore({
       disabled,
       size: knobProps.sizeToken,
       ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-      paddingHorizontal: knobProps.panelPadding.padding,
-      ...(inTableCell ? {} : {
+      ...(rowFace ? null : {
+        paddingHorizontal: knobProps.panelPadding.padding
+      }),
+      ...(inTableCell || rowFace ? {} : {
         borderWidth: knobProps.borderRadius.borderWidth
       }),
       ...(import_tamagui.isWeb ? selectTriggerRingProps(kbTrigger, open) : void 0),
@@ -1345,7 +1362,7 @@ function NativeSelectCore({
         minWidth: 0,
         paddingVertical: "$2",
         justifyContent: multiple && selectedValues.length > 0 ? "center" : "flex-start",
-        alignItems: multiple && selectedValues.length > 0 ? "center" : "flex-start",
+        alignItems: multiple && selectedValues.length > 0 ? "center" : rowFace ? "flex-end" : "flex-start",
         children: multiple && selectedValues.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexDirection: "row",
           flexWrap: "nowrap",
@@ -1368,15 +1385,14 @@ function NativeSelectCore({
           ...knobProps.controlType,
           fontFamily: knobProps.body.fontFamily,
           fontWeight: knobProps.body.fontWeight,
-          color: selectedOption ? textColor : import_colorRamps.formCommonColors.muted,
+          color: selectedOption ? rowFace ? "$textMuted" : textColor : import_colorRamps.formCommonColors.muted,
           numberOfLines: 1,
           children: selectedOption?.label ?? placeholder
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flexShrink: 0,
         alignSelf: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-          size: 16,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {
           color: glyphColor
         })
       })]
@@ -1440,7 +1456,8 @@ function Select({
   const compactMenu = (0, import_compactFace.resolveCompactFace)((0, import_compactFace.pickerCompactFace)(options?.length ?? 0), insideOverlay) === "menu";
   const shouldUseSheet = !import_tamagui.isWeb || !effectiveGtSm && !compactMenu;
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
-  const inline = !inTableCell && (0, import_shouldInlineChoices.shouldInlineChoices)({
+  const inFieldRow = (0, import_fieldRowContext.useFieldRow)();
+  const inline = !inTableCell && !inFieldRow && (0, import_shouldInlineChoices.shouldInlineChoices)({
     insideOverlay,
     multiple,
     options
@@ -1453,7 +1470,7 @@ function Select({
     options,
     panelWidth
   });
-  if (!inline) {
+  if (!inline && !inFieldRow) {
     (0, import_devWarn.warnSelectTooFewOptions)({
       count: options?.length ?? 0,
       multiple,

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

@@ -47,16 +47,17 @@ var import_theme2 = require("@multiplatform.one/theme");
 var ReactNative = __toESM(require("react-native"));
 var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
-var import_Chip = require("../../Chip/index.native.js");
+var import_Chip = require("../../Chip");
+var import_fieldRowContext = require("../../shared/fieldRowContext.native.js");
 var import_pickerTriggerContract = require("../../shared/pickerTriggerContract.native.js");
-var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_Skeleton = require("../../Skeleton");
 var import_fieldLayout = require("../../fieldLayout.native.js");
-var import_InputParts = require("../../InputParts/index.native.js");
+var import_InputParts = require("../../InputParts");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_devWarn = require("../../shared/devWarn.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var import_floatingList = require("../../shared/floatingList.native.js");
-var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
+var import_FloatingPanel = require("../../FloatingPanel");
 var import_compactFace = require("../../FloatingPanel/compactFace.native.js");
 var import_PanelPortal = require("../../FloatingPanel/PanelPortal.native.js");
 var import_containingBlock = require("../../FloatingPanel/containingBlock.native.js");
@@ -80,6 +81,18 @@ var selectRowOutlineRest = {
   ...selectOutlineRest,
   borderRadius: 0
 };
+function TriggerCaret(param) {
+  var {
+    color
+  } = param;
+  return (0, import_fieldRowContext.useFieldRow)() ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretRightIcon, {
+    size: 16,
+    color
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
+    size: 16,
+    color
+  });
+}
 var SelectRow = (0, import_tamagui.styled)(import_tamagui.View, {
   name: "SelectRow",
   ...import_theme2.menuRowFrame,
@@ -497,6 +510,7 @@ function FloatingSelectCore(param) {
   var [open, setOpen] = (0, import_react.useState)(false);
   var [activeIndex, setActiveIndex] = (0, import_react.useState)(null);
   var [controlledScrolling, setControlledScrolling] = (0, import_react.useState)(false);
+  var rowFace = (0, import_fieldRowContext.useFieldRow)();
   var {
     kbTrigger,
     kbNav,
@@ -1028,9 +1042,11 @@ function FloatingSelectCore(param) {
       suppressFocusRing: open,
       size: knobProps.sizeToken,
       ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-      paddingHorizontal: knobProps.panelPadding.padding,
-      ...(inTableCell ?
-      // Chromeless in cells.
+      ...(rowFace ? null : {
+        paddingHorizontal: knobProps.panelPadding.padding
+      }),
+      ...(inTableCell || rowFace ?
+      // Chromeless in cells and field rows.
       {} : {
         borderWidth: knobProps.borderRadius.borderWidth
       }),
@@ -1042,7 +1058,7 @@ function FloatingSelectCore(param) {
         minWidth: 0,
         paddingVertical: "$2",
         justifyContent: multiple && selectedValues.length > 0 ? "center" : "flex-start",
-        alignItems: multiple && selectedValues.length > 0 ? "center" : "flex-start",
+        alignItems: multiple && selectedValues.length > 0 ? "center" : rowFace ? "flex-end" : "flex-start",
         children: multiple && selectedValues.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexDirection: "row",
           flexWrap: "nowrap",
@@ -1070,7 +1086,7 @@ function FloatingSelectCore(param) {
           ...knobProps.controlType,
           fontFamily: knobProps.body.fontFamily,
           fontWeight: knobProps.body.fontWeight,
-          color: selectedOption ? textColor : import_colorRamps.formCommonColors.muted,
+          color: selectedOption ? rowFace ? "$textMuted" : textColor : import_colorRamps.formCommonColors.muted,
           numberOfLines: 1,
           userSelect: "none",
           children: (_ref = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _ref !== void 0 ? _ref : placeholder
@@ -1078,8 +1094,7 @@ function FloatingSelectCore(param) {
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flexShrink: 0,
         alignSelf: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-          size: 16,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {
           color: glyphColor
         })
       })]
@@ -1246,6 +1261,7 @@ function NativeSelectCore(param) {
   var optionId = function optionId2(index) {
     return `${listboxId}-option-${index}`;
   };
+  var rowFace = (0, import_fieldRowContext.useFieldRow)();
   var {
     kbTrigger,
     kbNav,
@@ -1510,9 +1526,11 @@ function NativeSelectCore(param) {
         disabled,
         size: knobProps.sizeToken,
         ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-        paddingHorizontal: knobProps.panelPadding.padding,
+        ...(rowFace ? null : {
+          paddingHorizontal: knobProps.panelPadding.padding
+        }),
         pointerEvents: "none",
-        ...(inTableCell ? {} : {
+        ...(inTableCell || rowFace ? {} : {
           borderWidth: knobProps.borderRadius.borderWidth
         }),
         "data-testid": "select-trigger",
@@ -1522,21 +1540,19 @@ function NativeSelectCore(param) {
           minWidth: 0,
           paddingVertical: "$2",
           justifyContent: "flex-start",
-          alignItems: "flex-start",
+          alignItems: rowFace ? "flex-end" : "flex-start",
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             ...knobProps.controlType,
             fontFamily: knobProps.body.fontFamily,
             fontWeight: knobProps.body.fontWeight,
-            color: selectedOption ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+            color: selectedOption ? rowFace ? "$textMuted" : import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
             numberOfLines: 1,
             children: triggerValueText
           })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexShrink: 0,
           alignSelf: "center",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-            size: 16
-          })
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {})
         })]
       })
     });
@@ -1565,8 +1581,10 @@ function NativeSelectCore(param) {
       disabled,
       size: knobProps.sizeToken,
       ...(0, import_pickerTriggerContract.pickerTriggerContract)(knobProps.control.height),
-      paddingHorizontal: knobProps.panelPadding.padding,
-      ...(inTableCell ? {} : {
+      ...(rowFace ? null : {
+        paddingHorizontal: knobProps.panelPadding.padding
+      }),
+      ...(inTableCell || rowFace ? {} : {
         borderWidth: knobProps.borderRadius.borderWidth
       }),
       ...(import_tamagui.isWeb ? selectTriggerRingProps(kbTrigger, open) : void 0),
@@ -1616,7 +1634,7 @@ function NativeSelectCore(param) {
         minWidth: 0,
         paddingVertical: "$2",
         justifyContent: multiple && selectedValues.length > 0 ? "center" : "flex-start",
-        alignItems: multiple && selectedValues.length > 0 ? "center" : "flex-start",
+        alignItems: multiple && selectedValues.length > 0 ? "center" : rowFace ? "flex-end" : "flex-start",
         children: multiple && selectedValues.length > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
           flexDirection: "row",
           flexWrap: "nowrap",
@@ -1644,15 +1662,14 @@ function NativeSelectCore(param) {
           ...knobProps.controlType,
           fontFamily: knobProps.body.fontFamily,
           fontWeight: knobProps.body.fontWeight,
-          color: selectedOption ? textColor : import_colorRamps.formCommonColors.muted,
+          color: selectedOption ? rowFace ? "$textMuted" : textColor : import_colorRamps.formCommonColors.muted,
           numberOfLines: 1,
           children: (_ref2 = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) !== null && _ref2 !== void 0 ? _ref2 : placeholder
         })
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flexShrink: 0,
         alignSelf: "center",
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CaretDownIcon, {
-          size: 16,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TriggerCaret, {
           color: glyphColor
         })
       })]
@@ -1718,7 +1735,8 @@ function Select(param) {
   var compactMenu = (0, import_compactFace.resolveCompactFace)((0, import_compactFace.pickerCompactFace)((_ref = options === null || options === void 0 ? void 0 : options.length) !== null && _ref !== void 0 ? _ref : 0), insideOverlay) === "menu";
   var shouldUseSheet = !import_tamagui.isWeb || !effectiveGtSm && !compactMenu;
   var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
-  var inline = !inTableCell && (0, import_shouldInlineChoices.shouldInlineChoices)({
+  var inFieldRow = (0, import_fieldRowContext.useFieldRow)();
+  var inline = !inTableCell && !inFieldRow && (0, import_shouldInlineChoices.shouldInlineChoices)({
     insideOverlay,
     multiple,
     options
@@ -1731,7 +1749,7 @@ function Select(param) {
     options,
     panelWidth
   });
-  if (!inline) {
+  if (!inline && !inFieldRow) {
     var _ref1;
     (0, import_devWarn.warnSelectTooFewOptions)({
       count: (_ref1 = options === null || options === void 0 ? void 0 : options.length) !== null && _ref1 !== void 0 ? _ref1 : 0,