@tamagui/select 1.61.2 → 1.62.0

package/dist/jsx/Select.native.js

@@ -0,0 +1,337 @@
+import { Adapt, useAdaptParent } from "@tamagui/adapt";
+import { useComposedRefs } from "@tamagui/compose-refs";
+import {
+  getVariableValue,
+  isWeb,
+  styled,
+  useGet,
+  useIsomorphicLayoutEffect,
+  withStaticProperties
+} from "@tamagui/core";
+import { getSpace } from "@tamagui/get-token";
+import { ListItem } from "@tamagui/list-item";
+import { PortalHost } from "@tamagui/portal";
+import { Separator } from "@tamagui/separator";
+import { Sheet, SheetController } from "@tamagui/sheet";
+import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
+import { Paragraph, SizableText } from "@tamagui/text";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import * as React from "react";
+import { SELECT_NAME } from "./constants";
+import {
+  SelectItemParentProvider,
+  SelectProvider,
+  createSelectContext,
+  useSelectContext,
+  useSelectItemParentContext
+} from "./context";
+import { SelectContent } from "./SelectContent";
+import { SelectInlineImpl } from "./SelectImpl";
+import { SelectItem, useSelectItemContext } from "./SelectItem";
+import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
+import { SelectTrigger } from "./SelectTrigger";
+import { SelectViewport } from "./SelectViewport";
+import {
+  useSelectBreakpointActive,
+  useShowSelectSheet
+} from "./useSelectBreakpointActive";
+const VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
+  name: VALUE_NAME,
+  userSelect: "none"
+}), SelectValue = SelectValueFrame.styleable(function({
+  __scopeSelect,
+  children: childrenProp,
+  placeholder,
+  ...props
+}, forwardedRef) {
+  const context = useSelectContext(VALUE_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(VALUE_NAME, __scopeSelect), composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange), children = childrenProp ?? context.selectedItem, selectValueChildren = context.value == null || context.value === "" ? placeholder ?? children : children;
+  return <SelectValueFrame
+    {...!props.unstyled && {
+      size: itemParentContext.size,
+      ellipse: !0
+    }}
+    ref={composedRefs}
+    pointerEvents="none"
+    {...props}
+  >{unwrapSelectItem(selectValueChildren)}</SelectValueFrame>;
+});
+function unwrapSelectItem(selectValueChildren) {
+  return React.Children.map(selectValueChildren, (child) => {
+    if (child) {
+      if (child.type?.staticConfig?.componentName === ITEM_TEXT_NAME)
+        return child.props.children;
+      if (child.props?.children)
+        return unwrapSelectItem(child.props.children);
+    }
+    return child;
+  });
+}
+const SelectIcon = styled(XStack, {
+  name: "SelectIcon",
+  // @ts-ignore
+  "aria-hidden": !0,
+  children: <Paragraph>{"\u25BC"}</Paragraph>
+}), ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = styled(SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipse: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SelectItemText = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, className, ...itemTextProps } = props, context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(ITEM_TEXT_NAME, __scopeSelect), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect), contents = React.useMemo(
+      () => <SelectItemTextFrame
+        className={className}
+        size={itemParentContext.size}
+        id={itemContext.textId}
+        {...itemTextProps}
+        ref={composedRefs}
+      />,
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [props, itemParentContext.size, className, itemContext.textId]
+    );
+    return React.useEffect(() => {
+      itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents);
+    }, []), React.useEffect(() => itemParentContext.valueSubscribe((val) => {
+      val === itemContext.value && context.setSelectedItem(contents);
+    }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? <>{props.children}</> : <>
+      {contents}
+      {
+        /* Portal an option in the bubble select */
+      }
+      {
+        /* {context.bubbleSelect
+         ? ReactDOM.createPortal(
+             // we use `.textContent` because `option` only support `string` or `number`
+             <option value={itemContext.value}>{ref.current?.textContent}</option>,
+             context.bubbleSelect
+           )
+         : null} */
+      }
+    </>;
+  }
+);
+SelectItemText.displayName = ITEM_TEXT_NAME;
+const ITEM_INDICATOR_NAME = "SelectItemIndicator", SelectItemIndicatorFrame = styled(XStack, {
+  name: ITEM_TEXT_NAME
+}), SelectItemIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...itemIndicatorProps } = props, context = useSelectItemParentContext(ITEM_INDICATOR_NAME, __scopeSelect), itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
+    return context.shouldRenderWebNative ? null : itemContext.isSelected ? <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} /> : null;
+  }
+);
+SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
+const GROUP_NAME = "SelectGroup", [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME), SelectGroupFrame = styled(YStack, {
+  name: GROUP_NAME,
+  width: "100%"
+}), NativeSelectTextFrame = styled(SizableText, {
+  tag: "select",
+  backgroundColor: "$background",
+  borderColor: "$borderColor",
+  hoverStyle: {
+    backgroundColor: "$backgroundHover"
+  }
+}), NativeSelectFrame = styled(ThemeableStack, {
+  name: "NativeSelect",
+  bordered: !0,
+  userSelect: "none",
+  outlineWidth: 0,
+  paddingRight: 10,
+  variants: {
+    size: {
+      "...size": (val, extras) => {
+        const { tokens } = extras, paddingHorizontal = getVariableValue(tokens.space[val]);
+        return {
+          borderRadius: tokens.radius[val] ?? val,
+          minHeight: tokens.size[val],
+          paddingRight: paddingHorizontal + 20,
+          paddingLeft: paddingHorizontal,
+          paddingVertical: getSpace(val, {
+            shift: -3
+          })
+        };
+      }
+    }
+  },
+  defaultVariants: {
+    size: "$2"
+  }
+}), SelectGroup = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...groupProps } = props, groupId = React.useId(), context = useSelectContext(GROUP_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(GROUP_NAME, __scopeSelect), size = itemParentContext.size ?? "$true", nativeSelectRef = React.useRef(null), content = function() {
+      return itemParentContext.shouldRenderWebNative ? (
+        // @ts-expect-error until we support typing based on tag
+        <NativeSelectFrame asChild size={size} value={context.value}><NativeSelectTextFrame
+          onChange={(event) => {
+            itemParentContext.onChange(event.currentTarget.value);
+          }}
+          size={size}
+          ref={nativeSelectRef}
+          style={{
+            color: "var(--color)",
+            // @ts-ignore
+            appearance: "none"
+          }}
+        >{props.children}</NativeSelectTextFrame></NativeSelectFrame>
+      ) : <SelectGroupFrame
+        role="group"
+        aria-labelledby={groupId}
+        {...groupProps}
+        ref={forwardedRef}
+      />;
+    }();
+    return <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ""}>{content}</SelectGroupContextProvider>;
+  }
+);
+SelectGroup.displayName = GROUP_NAME;
+const LABEL_NAME = "SelectLabel", SelectLabel = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSelect, ...labelProps } = props, context = useSelectItemParentContext(LABEL_NAME, __scopeSelect), groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
+    return context.shouldRenderWebNative ? null : <ListItem
+      tag="div"
+      componentName={LABEL_NAME}
+      fontWeight="800"
+      id={groupContext.id}
+      size={context.size}
+      {...labelProps}
+      ref={forwardedRef}
+    />;
+  }
+);
+SelectLabel.displayName = LABEL_NAME;
+const SelectSeparator = styled(Separator, {
+  name: "SelectSeparator"
+}), SelectSheetController = (props) => {
+  const context = useSelectContext("SelectSheetController", props.__scopeSelect), showSheet = useShowSelectSheet(context), breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint), getShowSheet = useGet(showSheet);
+  return <SheetController
+    onOpenChange={(val) => {
+      getShowSheet() && props.onOpenChange(val);
+    }}
+    open={context.open}
+    hidden={breakpointActive === !1}
+  >{props.children}</SheetController>;
+}, SelectSheetImpl = (props) => <>{props.children}</>, Select = withStaticProperties(
+  (props) => {
+    const {
+      __scopeSelect,
+      native,
+      children,
+      open: openProp,
+      defaultOpen,
+      onOpenChange,
+      value: valueProp,
+      defaultValue,
+      onValueChange,
+      size: sizeProp = "$true",
+      dir
+    } = props, id = React.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = useAdaptParent({
+      Contents: React.useCallback(
+        () => <PortalHost name={`${scopeKey}SheetContents`} />,
+        [scopeKey]
+      )
+    }), sheetBreakpoint = when, SelectImpl = useSelectBreakpointActive(sheetBreakpoint) || !isWeb ? SelectSheetImpl : SelectInlineImpl, forceUpdate = React.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React.useState(null), [open, setOpen] = useControllableState({
+      prop: openProp,
+      defaultProp: defaultOpen || !1,
+      onChange: onOpenChange
+    }), [value, setValue] = useControllableState({
+      prop: valueProp,
+      defaultProp: defaultValue || "",
+      onChange: onValueChange,
+      transition: !0
+    });
+    React.useEffect(() => {
+      open && emitValue(value);
+    }, [open]);
+    const [activeIndex, setActiveIndex] = React.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), [selectedIndex, setSelectedIndex] = React.useState(0), [valueNode, setValueNode] = React.useState(null);
+    useIsomorphicLayoutEffect(() => {
+      selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
+    });
+    const shouldRenderWebNative = isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web"));
+    return <AdaptProvider><SelectItemParentProvider
+      scope={__scopeSelect}
+      initialValue={React.useMemo(() => value, [])}
+      size={sizeProp}
+      activeIndexSubscribe={activeIndexSubscribe}
+      valueSubscribe={valueSubscribe}
+      setOpen={setOpen}
+      onChange={React.useCallback((val) => {
+        setValue(val), emitValue(val);
+      }, [])}
+      setSelectedIndex={setSelectedIndex}
+      setValueAtIndex={React.useCallback((index, value2) => {
+        listContentRef.current[index] = value2;
+      }, [])}
+      shouldRenderWebNative={shouldRenderWebNative}
+    ><SelectProvider
+      scope={__scopeSelect}
+      dir={dir}
+      blockSelection={!1}
+      fallback={!1}
+      selectedItem={selectedItem}
+      setSelectedItem={setSelectedItem}
+      forceUpdate={forceUpdate}
+      valueNode={valueNode}
+      onValueNodeChange={setValueNode}
+      scopeKey={scopeKey}
+      sheetBreakpoint={sheetBreakpoint}
+      activeIndex={activeIndex}
+      selectedIndex={selectedIndex}
+      setActiveIndex={React.useCallback((index) => {
+        setActiveIndex(index), typeof index == "number" && emitActiveIndex(index);
+      }, [])}
+      value={value}
+      open={open}
+      native={native}
+    ><SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>{shouldRenderWebNative ? children : <SelectImpl
+      activeIndexRef={activeIndexRef}
+      listContentRef={listContentRef}
+      selectedIndexRef={selectedIndexRef}
+      {...props}
+      open={open}
+      value={value}
+    >{children}</SelectImpl>}</SelectSheetController></SelectProvider></SelectItemParentProvider></AdaptProvider>;
+  },
+  {
+    Adapt,
+    Content: SelectContent,
+    Group: SelectGroup,
+    Icon: SelectIcon,
+    Item: SelectItem,
+    ItemIndicator: SelectItemIndicator,
+    ItemText: SelectItemText,
+    Label: SelectLabel,
+    ScrollDownButton: SelectScrollDownButton,
+    ScrollUpButton: SelectScrollUpButton,
+    Trigger: SelectTrigger,
+    Value: SelectValue,
+    Viewport: SelectViewport,
+    Sheet: Sheet.Controlled
+  }
+);
+function useEmitter() {
+  const listeners = React.useRef();
+  listeners.current || (listeners.current = /* @__PURE__ */ new Set());
+  const emit = (value) => {
+    listeners.current.forEach((l) => l(value));
+  }, subscribe = React.useCallback((listener) => (listeners.current.add(listener), () => {
+    listeners.current.delete(listener);
+  }), []);
+  return [emit, subscribe];
+}
+Select.displayName = SELECT_NAME;
+export {
+  Select,
+  SelectGroupFrame,
+  SelectIcon,
+  SelectItemTextFrame,
+  SelectSeparator
+};
+//# sourceMappingURL=Select.js.map

package/dist/jsx/Select.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Select.tsx"],
+  "mappings": "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",
+  "names": ["value"]
+}

package/dist/jsx/SelectContent.js

@@ -3,29 +3,14 @@ import { Theme, useIsTouchDevice, useThemeName } from "@tamagui/core";
 import { FocusScope } from "@tamagui/focus-scope";
 import { useSelectContext, useSelectItemParentContext } from "./context";
 import { useShowSelectSheet } from "./useSelectBreakpointActive";
-const CONTENT_NAME = "SelectContent";
-const SelectContent = ({
+const CONTENT_NAME = "SelectContent", SelectContent = ({
   children,
   __scopeSelect,
   zIndex = 1e3,
   ...focusScopeProps
 }) => {
-  const context = useSelectContext(CONTENT_NAME, __scopeSelect);
-  const itemParentContext = useSelectItemParentContext(CONTENT_NAME, __scopeSelect);
-  const themeName = useThemeName();
-  const showSheet = useShowSelectSheet(context);
-  const contents = <Theme forceClassName name={themeName}>{children}</Theme>;
-  const touch = useIsTouchDevice();
-  if (itemParentContext.shouldRenderWebNative) {
-    return <>{children}</>;
-  }
-  if (showSheet) {
-    if (!context.open) {
-      return null;
-    }
-    return <>{contents}</>;
-  }
-  return <FloatingPortal><FloatingOverlay
+  const context = useSelectContext(CONTENT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(CONTENT_NAME, __scopeSelect), themeName = useThemeName(), showSheet = useShowSelectSheet(context), contents = <Theme forceClassName name={themeName}>{children}</Theme>, touch = useIsTouchDevice();
+  return itemParentContext.shouldRenderWebNative ? <>{children}</> : showSheet ? context.open ? <>{contents}</> : null : <FloatingPortal><FloatingOverlay
     style={{ zIndex, pointerEvents: context.open ? "auto" : "none" }}
     lockScroll={!!context.open && !touch}
   ><FocusScope loop enabled={!!context.open} trapped {...focusScopeProps}>{contents}</FocusScope></FloatingOverlay></FloatingPortal>;

package/dist/jsx/SelectContent.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectContent.tsx"],
-  "mappings": "AAAA,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,OAAO,kBAAkB,oBAAoB;AACtD,SAAS,kBAAmC;AAE5C,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,0BAA0B;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,oBAAoB,2BAA2B,cAAc,aAAa;AAChF,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,mBAAmB,OAAO;AAE5C,QAAM,WACJ,CAAC,MAAM,eAAe,MAAM,YACzB,SACH,EAFC;AAKH,QAAM,QAAQ,iBAAiB;AAE/B,MAAI,kBAAkB,uBAAuB;AAC3C,WAAO,GAAG,SAAS;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AACA,WAAO,GAAG,SAAS;AAAA,EACrB;AAEA,SACE,CAAC,eACC,CAAC;AAAA,IACC,OAAO,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,OAAO;AAAA,IAC/D,YAAY,CAAC,CAAC,QAAQ,QAAQ,CAAC;AAAA,GAE/B,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,QAAQ,MAAM,YAAY,kBACnD,SACH,EAFC,WAGH,EAPC,gBAQH,EATC;AAWL;",
+  "mappings": "AAAA,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,OAAO,kBAAkB,oBAAoB;AACtD,SAAS,kBAAmC;AAE5C,SAAS,kBAAkB,kCAAkC;AAE7D,SAAS,0BAA0B;AAMnC,MAAM,eAAe,iBAER,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,UAAU,iBAAiB,cAAc,aAAa,GACtD,oBAAoB,2BAA2B,cAAc,aAAa,GAC1E,YAAY,aAAa,GACzB,YAAY,mBAAmB,OAAO,GAEtC,WACJ,CAAC,MAAM,eAAe,MAAM,YACzB,SACH,EAFC,QAKG,QAAQ,iBAAiB;AAE/B,SAAI,kBAAkB,wBACb,GAAG,SAAS,MAGjB,YACG,QAAQ,OAGN,GAAG,SAAS,MAFV,OAMT,CAAC,eACC,CAAC;AAAA,IACC,OAAO,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,OAAO;AAAA,IAC/D,YAAY,CAAC,CAAC,QAAQ,QAAQ,CAAC;AAAA,GAE/B,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,QAAQ,MAAM,YAAY,kBACnD,SACH,EAFC,WAGH,EAPC,gBAQH,EATC;AAWL;",
   "names": []
 }

package/dist/jsx/SelectContent.native.js

@@ -1,6 +1,4 @@
-const SelectContent = ({ children }) => {
-  return children;
-};
+const SelectContent = ({ children }) => children;
 export {
   SelectContent
 };

package/dist/jsx/SelectContent.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectContent.native.tsx"],
-  "mappings": "AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA0B;AACjE,SAAO;AACT;",
+  "mappings": "AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAChC;",
   "names": []
 }