@tamagui/select 1.2.9 → 1.2.11

package/dist/jsx/SelectViewport.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectViewport.tsx"],
+  "sourcesContent": ["import { FloatingFocusManager } from '@floating-ui/react-dom-interactions'\nimport { TamaguiElement, isWeb } from '@tamagui/core'\nimport { styled } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { ForwardSelectContext, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\nimport { useSelectBreakpointActive } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectViewport\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectViewportFrame = styled(ThemeableStack, {\n  name: VIEWPORT_NAME,\n  backgroundColor: '$background',\n  elevate: true,\n  bordered: true,\n  overflow: 'scroll',\n  userSelect: 'none',\n  outlineWidth: 0,\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$2',\n  },\n})\n\nexport const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(\n  (props: ScopedProps<SelectViewportProps>, forwardedRef) => {\n    const { __scopeSelect, children, disableScroll, ...viewportProps } = props\n    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n\n    if (breakpointActive || !isWeb) {\n      return (\n        <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n          <ForwardSelectContext context={context}>{children}</ForwardSelectContext>\n        </PortalItem>\n      )\n    }\n\n    if (!context.floatingContext) {\n      return null\n    }\n\n    if (!context.open) {\n      return children\n    }\n\n    const {\n      style: { scrollbarWidth, listStyleType, overflow, ...restStyle },\n      ...floatingProps\n    } = context.interactions!.getFloatingProps()\n\n    return (\n      <>\n        {!disableScroll && (\n          <style\n            dangerouslySetInnerHTML={{\n              __html: selectViewportCSS,\n            }}\n          />\n        )}\n        <FloatingFocusManager context={context.floatingContext}>\n          <SelectViewportFrame\n            size={context.size}\n            // @ts-ignore\n            role=\"presentation\"\n            {...viewportProps}\n            ref={forwardedRef}\n            {...floatingProps}\n            {...restStyle}\n            overflow={disableScroll ? undefined : overflow}\n          >\n            {children}\n          </SelectViewportFrame>\n        </FloatingFocusManager>\n      </>\n    )\n  }\n)\n\nSelectViewport.displayName = VIEWPORT_NAME\n\nconst selectViewportCSS = `\n.is_SelectViewport {\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior: contain;\n}\n\n.is_SelectViewport::-webkit-scrollbar{\n  display:none\n}\n`\n"],
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAyB,aAAa;AACtC,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAyC,iBAAiB;AACzD,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,iBAAiB;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,OACG,CAAC,iBACA,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC;AAAA,QACC,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,QACJ,UAAU,gBAAgB,SAAY;AAAA,QAErC,SACH,EAXC,oBAYH,EAbC;AAAA,IAcH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/jsx/SelectViewport.native.mjs

@@ -0,0 +1,18 @@
+import { AdaptParentContext } from "@tamagui/adapt";
+import { Theme, useThemeName } from "@tamagui/core";
+import { PortalItem } from "@tamagui/portal";
+import * as React from "react";
+import { VIEWPORT_NAME } from "./constants";
+import { SelectProvider, useSelectContext } from "./context";
+const SelectViewport = (props) => {
+  const { __scopeSelect, children } = props;
+  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
+  const themeName = useThemeName();
+  const adaptContext = React.useContext(AdaptParentContext);
+  return <PortalItem hostName={`${context.scopeKey}SheetContents`}><Theme name={themeName}><SelectProvider scope={__scopeSelect} {...context}><AdaptParentContext.Provider value={adaptContext}>{children}</AdaptParentContext.Provider></SelectProvider></Theme></PortalItem>;
+};
+SelectViewport.displayName = VIEWPORT_NAME;
+export {
+  SelectViewport
+};
+//# sourceMappingURL=SelectViewport.native.mjs.map

package/dist/jsx/SelectViewport.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectViewport.native.tsx"],
+  "sourcesContent": ["import { AdaptParentContext } from '@tamagui/adapt'\nimport { Stack, Theme, useThemeName } from '@tamagui/core'\nimport { PortalItem } from '@tamagui/portal'\nimport * as React from 'react'\n\nimport { VIEWPORT_NAME } from './constants'\nimport { SelectProvider, useSelectContext } from './context'\nimport { ScopedProps, SelectViewportProps } from './types'\n\nexport const SelectViewport = (props: ScopedProps<SelectViewportProps>) => {\n  const { __scopeSelect, children } = props\n  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n  const themeName = useThemeName()\n  const adaptContext = React.useContext(AdaptParentContext)\n\n  // need to forward context...\n  return (\n    <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n      <Theme name={themeName}>\n        <SelectProvider scope={__scopeSelect} {...context}>\n          <AdaptParentContext.Provider value={adaptContext}>\n            {children}\n          </AdaptParentContext.Provider>\n        </SelectProvider>\n      </Theme>\n    </PortalItem>\n  )\n}\n\nSelectViewport.displayName = VIEWPORT_NAME\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAgB,OAAO,oBAAoB;AAC3C,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB,wBAAwB;AAG1C,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI;AACpC,QAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,MAAM,WAAW,kBAAkB;AAGxD,SACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,MAAM,MAAM,WACX,CAAC,eAAe,OAAO,mBAAmB,SACxC,CAAC,mBAAmB,SAAS,OAAO,eACjC,SACH,EAFC,mBAAmB,SAGtB,EAJC,eAKH,EANC,MAOH,EARC;AAUL;AAEA,eAAe,cAAc;",
+  "names": []
+}

package/dist/jsx/constants.mjs

@@ -0,0 +1,17 @@
+const SELECT_NAME = "Select";
+const WINDOW_PADDING = 8;
+const SCROLL_ARROW_VELOCITY = 8;
+const SCROLL_ARROW_THRESHOLD = 8;
+const MIN_HEIGHT = 80;
+const FALLBACK_THRESHOLD = 16;
+const VIEWPORT_NAME = "SelectViewport";
+export {
+  FALLBACK_THRESHOLD,
+  MIN_HEIGHT,
+  SCROLL_ARROW_THRESHOLD,
+  SCROLL_ARROW_VELOCITY,
+  SELECT_NAME,
+  VIEWPORT_NAME,
+  WINDOW_PADDING
+};
+//# sourceMappingURL=constants.mjs.map

package/dist/jsx/constants.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx"],
+  "sourcesContent": ["export const SELECT_NAME = 'Select'\nexport const WINDOW_PADDING = 8\nexport const SCROLL_ARROW_VELOCITY = 8\nexport const SCROLL_ARROW_THRESHOLD = 8\nexport const MIN_HEIGHT = 80\nexport const FALLBACK_THRESHOLD = 16\nexport const VIEWPORT_NAME = 'SelectViewport'\n"],
+  "mappings": "AAAO,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/jsx/context.mjs

@@ -0,0 +1,15 @@
+import { createContextScope } from "@tamagui/create-context";
+import { SELECT_NAME } from "./constants";
+const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME);
+const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
+const ForwardSelectContext = (props) => {
+  return <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>{props.children}</SelectProvider>;
+};
+export {
+  ForwardSelectContext,
+  SelectProvider,
+  createSelectContext,
+  createSelectScope,
+  useSelectContext
+};
+//# sourceMappingURL=context.mjs.map

package/dist/jsx/context.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/context.tsx"],
+  "sourcesContent": ["import { createContextScope } from '@tamagui/create-context'\n\nimport { SELECT_NAME } from './constants'\nimport { ScopedProps, SelectContextValue } from './types'\n\nexport const [createSelectContext, createSelectScope] =\n  createContextScope(SELECT_NAME)\n\nexport const [SelectProvider, useSelectContext] =\n  createSelectContext<SelectContextValue>(SELECT_NAME)\n\nexport const ForwardSelectContext = (\n  props: ScopedProps<{ children?: any; context: SelectContextValue }>,\n) => {\n  return (\n    <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>\n      {props.children}\n    </SelectProvider>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAClD,mBAAmB,WAAW;AAEzB,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAE9C,MAAM,uBAAuB,CAClC,UACG;AACH,SACE,CAAC,eAAe,UAAU,OAAO,MAAM,mBAAmB,MAAM,UAC7D,MAAM,SACT,EAFC;AAIL;",
+  "names": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,3 @@
+export * from "./Select";
+export * from "./context";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './Select'\nexport type {\n  SelectContentProps,\n  SelectProps,\n  SelectScrollButtonProps,\n  SelectViewportProps,\n} from './types'\nexport * from './context'\n"],
+  "mappings": "AAAA,cAAc;AAOd,cAAc;",
+  "names": []
+}

package/dist/jsx/types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/jsx/useSelectBreakpointActive.mjs

@@ -0,0 +1,18 @@
+import { useMedia } from "@tamagui/core";
+const useSelectBreakpointActive = (sheetBreakpoint) => {
+  const media = useMedia();
+  if (!sheetBreakpoint)
+    return false;
+  if (sheetBreakpoint === true)
+    return true;
+  return sheetBreakpoint ? media[sheetBreakpoint] : false;
+};
+const useShowSelectSheet = (context) => {
+  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
+  return context.open === false ? false : breakpointActive;
+};
+export {
+  useSelectBreakpointActive,
+  useShowSelectSheet
+};
+//# sourceMappingURL=useSelectBreakpointActive.mjs.map

package/dist/jsx/useSelectBreakpointActive.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSelectBreakpointActive.tsx"],
+  "sourcesContent": ["import { useMedia } from '@tamagui/core'\n\nimport { SelectContextValue } from './types'\n\nexport const useSelectBreakpointActive = (\n  sheetBreakpoint: SelectContextValue['sheetBreakpoint']\n) => {\n  const media = useMedia()\n  if (!sheetBreakpoint) return false\n  if (sheetBreakpoint === true) return true\n  return sheetBreakpoint ? media[sheetBreakpoint] : false\n}\n\nexport const useShowSelectSheet = (context: SelectContextValue) => {\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,MAAI,CAAC;AAAiB,WAAO;AAC7B,MAAI,oBAAoB;AAAM,WAAO;AACrC,SAAO,kBAAkB,MAAM,eAAe,IAAI;AACpD;AAEO,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,QAAQ,QAAQ;AAC1C;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "sideEffects": [
     "*.css"
   ],
@@ -27,20 +27,20 @@
     "@floating-ui/react-dom-interactions": "0.8.1",
     "@floating-ui/react-native": "0.8.0",
     "@radix-ui/react-use-previous": "^0.1.1",
-    "@tamagui/adapt": "^1.2.9",
-    "@tamagui/compose-refs": "^1.2.9",
-    "@tamagui/core": "^1.2.9",
-    "@tamagui/create-context": "^1.2.9",
-    "@tamagui/dismissable": "^1.2.9",
-    "@tamagui/focus-scope": "^1.2.9",
-    "@tamagui/list-item": "^1.2.9",
-    "@tamagui/portal": "^1.2.9",
-    "@tamagui/separator": "^1.2.9",
-    "@tamagui/sheet": "^1.2.9",
-    "@tamagui/stacks": "^1.2.9",
-    "@tamagui/text": "^1.2.9",
-    "@tamagui/use-controllable-state": "^1.2.9",
-    "@tamagui/use-event": "^1.2.9"
+    "@tamagui/adapt": "^1.2.11",
+    "@tamagui/compose-refs": "^1.2.11",
+    "@tamagui/core": "^1.2.11",
+    "@tamagui/create-context": "^1.2.11",
+    "@tamagui/dismissable": "^1.2.11",
+    "@tamagui/focus-scope": "^1.2.11",
+    "@tamagui/list-item": "^1.2.11",
+    "@tamagui/portal": "^1.2.11",
+    "@tamagui/separator": "^1.2.11",
+    "@tamagui/sheet": "^1.2.11",
+    "@tamagui/stacks": "^1.2.11",
+    "@tamagui/text": "^1.2.11",
+    "@tamagui/use-controllable-state": "^1.2.11",
+    "@tamagui/use-event": "^1.2.11"
   },
   "peerDependencies": {
     "react": "*",
@@ -48,7 +48,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.9",
+    "@tamagui/build": "^1.2.11",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "*"

package/types/context.d.ts

@@ -6,14 +6,20 @@ export declare const createSelectContext: <ContextValueType extends object | nul
         children: import("react").ReactNode;
     }): JSX.Element;
     displayName: string;
-}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>) => ContextValueType], createSelectScope: import("@tamagui/create-context").CreateScope;
+}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<ContextValueType> | undefined;
+} | undefined) => ContextValueType], createSelectScope: import("@tamagui/create-context").CreateScope;
 export declare const SelectProvider: {
     (props: SelectContextValue & {
         scope: import("@tamagui/create-context").Scope<SelectContextValue>;
         children: import("react").ReactNode;
     }): JSX.Element;
     displayName: string;
-}, useSelectContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SelectContextValue | undefined>) => SelectContextValue;
+}, useSelectContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SelectContextValue | undefined>, options?: {
+    warn?: boolean | undefined;
+    fallback?: Partial<SelectContextValue> | undefined;
+} | undefined) => SelectContextValue;
 export declare const ForwardSelectContext: (props: ScopedProps<{
     children?: any;
     context: SelectContextValue;

package/types/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEzD,eAAO,MAAO,mBAAmB;;;;;;8HAAE,iBAAiB,+CACnB,CAAA;AAEjC,eAAO,MAAO,cAAc;;;;;;GAAE,gBAAgB,8HACQ,CAAA;AAEtD,eAAO,MAAM,oBAAoB,UACxB,YAAY;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,gBAOpE,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEzD,eAAO,MAAO,mBAAmB;;;;;;;;;qCAAE,iBAAiB,+CACnB,CAAA;AAEjC,eAAO,MAAO,cAAc;;;;;;GAAE,gBAAgB;;;oCACQ,CAAA;AAEtD,eAAO,MAAM,oBAAoB,UACxB,YAAY;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,EAAE,kBAAkB,CAAA;CAAE,CAAC,gBAOpE,CAAA"}