@tamagui/select 1.0.1-beta.71 → 1.0.1-beta.74

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 (8) hide show
  1. package/dist/cjs/Select.js +20 -19
  2. package/dist/cjs/Select.js.map +2 -2
  3. package/dist/esm/Select.js +23 -20
  4. package/dist/esm/Select.js.map +2 -2
  5. package/dist/jsx/Select.js +23 -21
  6. package/package.json +10 -10
  7. package/src/Select.tsx +16 -14
  8. package/types/Select.d.ts.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/select",
3
- "version": "1.0.1-beta.71",
3
+ "version": "1.0.1-beta.74",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -26,14 +26,14 @@
26
26
  "@floating-ui/react-native": "^0.7.0",
27
27
  "@radix-ui/react-use-callback-ref": "^0.1.0",
28
28
  "@radix-ui/react-use-previous": "^0.1.1",
29
- "@tamagui/compose-refs": "^1.0.1-beta.71",
30
- "@tamagui/core": "^1.0.1-beta.71",
31
- "@tamagui/create-context": "^1.0.1-beta.71",
32
- "@tamagui/list-item": "^1.0.1-beta.71",
33
- "@tamagui/separator": "^1.0.1-beta.71",
34
- "@tamagui/stacks": "^1.0.1-beta.71",
35
- "@tamagui/text": "^1.0.1-beta.71",
36
- "@tamagui/use-controllable-state": "^1.0.1-beta.71"
29
+ "@tamagui/compose-refs": "^1.0.1-beta.74",
30
+ "@tamagui/core": "^1.0.1-beta.74",
31
+ "@tamagui/create-context": "^1.0.1-beta.74",
32
+ "@tamagui/list-item": "^1.0.1-beta.74",
33
+ "@tamagui/separator": "^1.0.1-beta.74",
34
+ "@tamagui/stacks": "^1.0.1-beta.74",
35
+ "@tamagui/text": "^1.0.1-beta.74",
36
+ "@tamagui/use-controllable-state": "^1.0.1-beta.74"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": "*",
@@ -41,7 +41,7 @@
41
41
  "react-native": "*"
42
42
  },
43
43
  "devDependencies": {
44
- "@tamagui/build": "^1.0.1-beta.71",
44
+ "@tamagui/build": "^1.0.1-beta.74",
45
45
  "@types/react-native": "^0.67.3",
46
46
  "react": "*",
47
47
  "react-dom": "*",
package/src/Select.tsx CHANGED
@@ -194,6 +194,7 @@ const VALUE_NAME = 'SelectValue'
194
194
 
195
195
  const SelectValueFrame = styled(Paragraph, {
196
196
  name: VALUE_NAME,
197
+ selectable: false,
197
198
  })
198
199
 
199
200
  type SelectValueProps = GetProps<typeof SelectValueFrame> & {
@@ -274,6 +275,7 @@ export const SelectViewportFrame = styled(ThemeableStack, {
274
275
  elevate: true,
275
276
  overflow: 'hidden',
276
277
  userSelect: 'none',
278
+ maxHeight: '100%',
277
279
 
278
280
  variants: {
279
281
  size: {
@@ -407,7 +409,7 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
407
409
  setOpen(false)
408
410
  }
409
411
 
410
- React.useEffect(() => {
412
+ React.useLayoutEffect(() => {
411
413
  clearTimeout(timeoutRef.current)
412
414
  if (open) {
413
415
  if (selectedIndex !== index) {
@@ -442,7 +444,8 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
442
444
  textId={textId || ''}
443
445
  isSelected={isSelected}
444
446
  onItemTextChange={React.useCallback((node) => {
445
- // setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())
447
+ // @ts-ignore
448
+ setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())
446
449
  }, [])}
447
450
  >
448
451
  <ListItem
@@ -478,7 +481,7 @@ const ITEM_TEXT_NAME = 'SelectItemText'
478
481
 
479
482
  export const SelectItemTextFrame = styled(Paragraph, {
480
483
  name: ITEM_TEXT_NAME,
481
- cursor: 'default',
484
+ selectable: false,
482
485
  })
483
486
 
484
487
  type SelectItemTextProps = GetProps<typeof SelectItemTextFrame>
@@ -717,6 +720,7 @@ const SelectScrollButtonImpl = React.forwardRef<
717
720
  const handleScrollArrowChange = () => {
718
721
  const floating = floatingRef.current
719
722
  const isUp = dir === 'up'
723
+
720
724
  if (floating) {
721
725
  const value = isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY
722
726
  const multi =
@@ -726,6 +730,7 @@ const SelectScrollButtonImpl = React.forwardRef<
726
730
  floating.scrollHeight - floating.clientHeight - SCROLL_ARROW_THRESHOLD * 2)
727
731
  ? 2
728
732
  : 1
733
+
729
734
  floating.scrollTop += multi * (isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY)
730
735
 
731
736
  increaseHeight(floating, multi === 2 ? value * 2 : value)
@@ -740,6 +745,7 @@ const SelectScrollButtonImpl = React.forwardRef<
740
745
  componentName={componentName}
741
746
  aria-hidden
742
747
  {...scrollIndicatorProps}
748
+ zIndex={1000}
743
749
  // @ts-expect-error
744
750
  position={strategy}
745
751
  left={x || 0}
@@ -835,6 +841,7 @@ export const Select = withStaticProperties(
835
841
  const [selectedIndex, setSelectedIndex] = React.useState(
836
842
  Math.max(0, listContentRef.current.indexOf(value))
837
843
  )
844
+
838
845
  const [controlledScrolling, setControlledScrolling] = React.useState(false)
839
846
  const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')
840
847
 
@@ -1271,6 +1278,11 @@ export const Select = withStaticProperties(
1271
1278
  position: strategy,
1272
1279
  top: y ?? '',
1273
1280
  left: x ?? '',
1281
+ outline: 0,
1282
+ overflowY: 'auto',
1283
+ listStyleType: 'none',
1284
+ scrollbarWidth: 'none',
1285
+ userSelect: 'none',
1274
1286
  },
1275
1287
  onPointerEnter() {
1276
1288
  setControlledScrolling(false)
@@ -1295,22 +1307,12 @@ export const Select = withStaticProperties(
1295
1307
  dataRef={context.dataRef}
1296
1308
  listRef={listItemsRef}
1297
1309
  onChange={setValue}
1298
- selectedIndex={0}
1310
+ selectedIndex={selectedIndex}
1299
1311
  setActiveIndex={setActiveIndex}
1300
1312
  setOpen={setOpen}
1301
1313
  setSelectedIndex={setSelectedIndex}
1302
1314
  value={value}
1303
- // trigger={trigger}
1304
- // onTriggerChange={setTrigger}
1305
- // contentId={useId() || ''}
1306
- // value={value}
1307
- // onValueChange={setValue}
1308
1315
  open={open}
1309
- // onOpenChange={setOpen}
1310
- // TODO
1311
- // dir={'rtl'} //direction}
1312
- // bubbleSelect={bubbleSelect}
1313
- // triggerPointerDownPosRef={triggerPointerDownPosRef}
1314
1316
  >
1315
1317
  {/* <Collection.Provider scope={__scopeSelect}>{children}</Collection.Provider> */}
1316
1318
  {children}
package/types/Select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAuBA,OAAO,EACL,QAAQ,EACR,UAAU,EASX,MAAM,eAAe,CAAA;AAMtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAI5D,OAAO,EAAkC,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAQ7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAInC,aAAK,cAAc,GAAG,WAAW,GAAG,IAAI,CAAA;AA8DxC,aAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAEnD,QAAA,MAA4B,iBAAiB,+CAAmC,CAAA;AAMhF,aAAK,cAAc,GAAG,WAAW,GAAG,IAAI,CAAA;AAExC,aAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAW9B,oBAAY,kBAAkB,GAAG,aAAa,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAuCzB,CAAA;AAqDD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKrB,CAAA;AAQF,oBAAY,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAAA;AAqB/D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB9B,CAAA;AAEF,oBAAY,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,CAAA;AAEtE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAkC1B,CAAA;AAoBD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID,eAAO,MAAM,UAAU,wFAgHtB,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAG9B,CAAA;AAkFF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAG3B,CAAA;AA8BF,oBAAY,gBAAgB,GAAG,aAAa,CAAA;AA6B5C,UAAU,uBACR,SAAQ,IAAI,CAAC,2BAA2B,EAAE,KAAK,GAAG,eAAe,CAAC;CAAG;AAuCvE,UAAU,2BAA4B,SAAQ,WAAW;IACvD,GAAG,EAAE,IAAI,GAAG,MAAM,CAAA;IAClB,aAAa,EAAE,MAAM,CAAA;CACtB;AAuGD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;GAE1B,CAAA;AAMF,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;2CAliBkB,YAAY,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApDnE,MAAM,SAAS;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2nC9B,CAAA;AAKD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}