@tamagui/slider 1.0.1-beta.139 → 1.0.1-beta.142
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.
- package/dist/cjs/Slider.js +0 -0
- package/dist/cjs/Slider.js.map +0 -0
- package/dist/cjs/SliderImpl.js +0 -0
- package/dist/cjs/SliderImpl.js.map +0 -0
- package/dist/cjs/constants.js +0 -0
- package/dist/cjs/constants.js.map +0 -0
- package/dist/cjs/helpers.js +0 -0
- package/dist/cjs/helpers.js.map +0 -0
- package/dist/cjs/index.js +0 -0
- package/dist/cjs/index.js.map +0 -0
- package/dist/cjs/types.js +0 -0
- package/dist/cjs/types.js.map +0 -0
- package/dist/esm/Slider.js +0 -0
- package/dist/esm/Slider.js.map +0 -0
- package/dist/esm/SliderImpl.js +0 -0
- package/dist/esm/SliderImpl.js.map +0 -0
- package/dist/esm/constants.js +0 -0
- package/dist/esm/constants.js.map +0 -0
- package/dist/esm/helpers.js +0 -0
- package/dist/esm/helpers.js.map +0 -0
- package/dist/esm/index.js +0 -0
- package/dist/esm/index.js.map +0 -0
- package/dist/esm/types.js +0 -0
- package/dist/esm/types.js.map +0 -0
- package/dist/jsx/Slider.js +10 -14
- package/dist/jsx/Slider.js.map +1 -1
- package/dist/jsx/SliderImpl.js +0 -0
- package/dist/jsx/SliderImpl.js.map +0 -0
- package/dist/jsx/constants.js +0 -0
- package/dist/jsx/constants.js.map +0 -0
- package/dist/jsx/helpers.js +0 -0
- package/dist/jsx/helpers.js.map +0 -0
- package/dist/jsx/index.js +0 -0
- package/dist/jsx/index.js.map +0 -0
- package/dist/jsx/types.js +0 -0
- package/dist/jsx/types.js.map +0 -0
- package/package.json +8 -8
- package/types/Slider.d.ts +65 -65
- package/types/SliderImpl.d.ts +14 -14
- package/types/constants.d.ts +1 -0
- package/types/helpers.d.ts +0 -0
- package/types/index.d.ts +0 -0
- package/types/types.d.ts +0 -0
package/dist/cjs/Slider.js
CHANGED
|
File without changes
|
package/dist/cjs/Slider.js.map
CHANGED
|
File without changes
|
package/dist/cjs/SliderImpl.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/cjs/constants.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/cjs/helpers.js
CHANGED
|
File without changes
|
package/dist/cjs/helpers.js.map
CHANGED
|
File without changes
|
package/dist/cjs/index.js
CHANGED
|
File without changes
|
package/dist/cjs/index.js.map
CHANGED
|
File without changes
|
package/dist/cjs/types.js
CHANGED
|
File without changes
|
package/dist/cjs/types.js.map
CHANGED
|
File without changes
|
package/dist/esm/Slider.js
CHANGED
|
File without changes
|
package/dist/esm/Slider.js.map
CHANGED
|
File without changes
|
package/dist/esm/SliderImpl.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/esm/constants.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/esm/helpers.js
CHANGED
|
File without changes
|
package/dist/esm/helpers.js.map
CHANGED
|
File without changes
|
package/dist/esm/index.js
CHANGED
|
File without changes
|
package/dist/esm/index.js.map
CHANGED
|
File without changes
|
package/dist/esm/types.js
CHANGED
|
File without changes
|
package/dist/esm/types.js.map
CHANGED
|
File without changes
|
package/dist/jsx/Slider.js
CHANGED
|
@@ -46,8 +46,7 @@ const SliderHorizontal = React.forwardRef((props, forwardedRef) => {
|
|
|
46
46
|
return value(pointerPosition);
|
|
47
47
|
}
|
|
48
48
|
return <SliderOrientationProvider scope={props.__scopeSlider} startEdge={isDirectionLTR ? "left" : "right"} endEdge={isDirectionLTR ? "right" : "left"} direction={isDirectionLTR ? 1 : -1} sizeProp="width" size={state.size}><SliderImpl ref={composeRefs(forwardedRef, sliderRef)} dir={direction} {...sliderProps} orientation="horizontal" onLayout={() => {
|
|
49
|
-
|
|
50
|
-
(_a = sliderRef.current) == null ? void 0 : _a.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
49
|
+
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
51
50
|
setState({
|
|
52
51
|
size: width,
|
|
53
52
|
offset: pageX
|
|
@@ -56,17 +55,17 @@ const SliderHorizontal = React.forwardRef((props, forwardedRef) => {
|
|
|
56
55
|
}} onSlideStart={(event, target) => {
|
|
57
56
|
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
58
57
|
if (value) {
|
|
59
|
-
onSlideStart
|
|
58
|
+
onSlideStart?.(value, target);
|
|
60
59
|
}
|
|
61
60
|
}} onSlideMove={(event) => {
|
|
62
61
|
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
63
62
|
if (value) {
|
|
64
|
-
onSlideMove
|
|
63
|
+
onSlideMove?.(value);
|
|
65
64
|
}
|
|
66
65
|
}} onSlideEnd={() => {
|
|
67
66
|
}} onStepKeyDown={(event) => {
|
|
68
67
|
const isBackKey = BACK_KEYS[direction].includes(event.key);
|
|
69
|
-
onStepKeyDown
|
|
68
|
+
onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
|
|
70
69
|
}} /></SliderOrientationProvider>;
|
|
71
70
|
});
|
|
72
71
|
const SliderVertical = React.forwardRef((props, forwardedRef) => {
|
|
@@ -80,8 +79,7 @@ const SliderVertical = React.forwardRef((props, forwardedRef) => {
|
|
|
80
79
|
return value(pointerPosition);
|
|
81
80
|
}
|
|
82
81
|
return <SliderOrientationProvider scope={props.__scopeSlider} startEdge="bottom" endEdge="top" sizeProp="height" size={state.size} direction={1}><SliderImpl ref={composeRefs(forwardedRef, sliderRef)} {...sliderProps} orientation="vertical" onLayout={() => {
|
|
83
|
-
|
|
84
|
-
(_a = sliderRef.current) == null ? void 0 : _a.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
82
|
+
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
85
83
|
setState({
|
|
86
84
|
size: height,
|
|
87
85
|
offset: pageY
|
|
@@ -90,17 +88,17 @@ const SliderVertical = React.forwardRef((props, forwardedRef) => {
|
|
|
90
88
|
}} onSlideStart={(event, target) => {
|
|
91
89
|
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
92
90
|
if (value) {
|
|
93
|
-
onSlideStart
|
|
91
|
+
onSlideStart?.(value, target);
|
|
94
92
|
}
|
|
95
93
|
}} onSlideMove={(event) => {
|
|
96
94
|
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
97
95
|
if (value) {
|
|
98
|
-
onSlideMove
|
|
96
|
+
onSlideMove?.(value);
|
|
99
97
|
}
|
|
100
98
|
}} onSlideEnd={() => {
|
|
101
99
|
}} onStepKeyDown={(event) => {
|
|
102
100
|
const isBackKey = BACK_KEYS.ltr.includes(event.key);
|
|
103
|
-
onStepKeyDown
|
|
101
|
+
onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
|
|
104
102
|
}} /></SliderOrientationProvider>;
|
|
105
103
|
});
|
|
106
104
|
const TRACK_NAME = "SliderTrack";
|
|
@@ -172,7 +170,6 @@ const SliderThumbFrame = styled(ThemeableStack, {
|
|
|
172
170
|
}
|
|
173
171
|
});
|
|
174
172
|
const SliderThumb = React.forwardRef((props, forwardedRef) => {
|
|
175
|
-
var _a;
|
|
176
173
|
const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props;
|
|
177
174
|
const context = useSliderContext(THUMB_NAME, __scopeSlider);
|
|
178
175
|
const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider);
|
|
@@ -210,7 +207,7 @@ const SliderThumb = React.forwardRef((props, forwardedRef) => {
|
|
|
210
207
|
left: "auto",
|
|
211
208
|
right: "auto"
|
|
212
209
|
}
|
|
213
|
-
}} size={
|
|
210
|
+
}} size={sizeProp ?? context.size ?? "$4"} onLayout={(e) => {
|
|
214
211
|
setSize(e.nativeEvent.layout[orientation.sizeProp]);
|
|
215
212
|
}} {...{
|
|
216
213
|
[orientation.startEdge]: `${percent}%`
|
|
@@ -244,10 +241,9 @@ const Slider = withStaticProperties(React.forwardRef((props, forwardedRef) => {
|
|
|
244
241
|
prop: value,
|
|
245
242
|
defaultProp: defaultValue,
|
|
246
243
|
onChange: (value2) => {
|
|
247
|
-
var _a;
|
|
248
244
|
if (isWeb) {
|
|
249
245
|
const thumbs = [...thumbRefs.current];
|
|
250
|
-
|
|
246
|
+
thumbs[valueIndexToChangeRef.current]?.focus();
|
|
251
247
|
}
|
|
252
248
|
onValueChange(value2);
|
|
253
249
|
}
|
package/dist/jsx/Slider.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Slider.tsx"],
|
|
4
4
|
"sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n GetProps,\n SizeTokens,\n getSize,\n getVariableValue,\n isWeb,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n ARROW_KEYS,\n BACK_KEYS,\n PAGE_KEYS,\n SLIDER_NAME,\n SliderOrientationProvider,\n SliderProvider,\n useSliderContext,\n useSliderOrientationContext,\n} from './constants'\nimport {\n convertValueToPercentage,\n getClosestValueIndex,\n getDecimalCount,\n getLabel,\n getNextSortedValues,\n getThumbInBoundsOffset,\n hasMinStepsBetweenValues,\n linearScale,\n roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n ScopedProps,\n SliderContextValue,\n SliderHorizontalProps,\n SliderProps,\n SliderTrackProps,\n SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n const direction = useDirection(dir)\n const isDirectionLTR = direction === 'ltr'\n const sliderRef = React.useRef<View>(null)\n const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n function getValueFromPointer(pointerPosition: number) {\n const input: [number, number] = [0, state.size]\n const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n const value = linearScale(input, output)\n return value(pointerPosition)\n }\n\n return (\n <SliderOrientationProvider\n scope={props.__scopeSlider}\n startEdge={isDirectionLTR ? 'left' : 'right'}\n endEdge={isDirectionLTR ? 'right' : 'left'}\n direction={isDirectionLTR ? 1 : -1}\n sizeProp=\"width\"\n size={state.size}\n >\n <SliderImpl\n ref={composeRefs(forwardedRef, sliderRef)}\n dir={direction}\n {...sliderProps}\n orientation=\"horizontal\"\n onLayout={() => {\n sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n setState({\n size: width,\n offset: pageX,\n })\n })\n }}\n onSlideStart={(event, target) => {\n const value = getValueFromPointer(event.nativeEvent.locationX)\n if (value) {\n onSlideStart?.(value, target)\n }\n }}\n onSlideMove={(event) => {\n const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n if (value) {\n onSlideMove?.(value)\n }\n }}\n onSlideEnd={() => {}}\n onStepKeyDown={(event) => {\n const isBackKey = BACK_KEYS[direction].includes(event.key)\n onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n }}\n />\n </SliderOrientationProvider>\n )\n }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n const sliderRef = React.useRef<View>(null)\n\n function getValueFromPointer(pointerPosition: number) {\n const input: [number, number] = [0, state.size]\n const output: [number, number] = [max, min]\n const value = linearScale(input, output)\n return value(pointerPosition)\n }\n\n return (\n <SliderOrientationProvider\n scope={props.__scopeSlider}\n startEdge=\"bottom\"\n endEdge=\"top\"\n sizeProp=\"height\"\n size={state.size}\n direction={1}\n >\n <SliderImpl\n ref={composeRefs(forwardedRef, sliderRef)}\n {...sliderProps}\n orientation=\"vertical\"\n onLayout={() => {\n sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n setState({\n size: height,\n offset: pageY,\n })\n })\n }}\n onSlideStart={(event, target) => {\n const value = getValueFromPointer(event.nativeEvent.locationY)\n if (value) {\n onSlideStart?.(value, target)\n }\n }}\n onSlideMove={(event) => {\n const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n if (value) {\n onSlideMove?.(value)\n }\n }}\n onSlideEnd={() => {}}\n onStepKeyDown={(event) => {\n const isBackKey = BACK_KEYS.ltr.includes(event.key)\n onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n }}\n />\n </SliderOrientationProvider>\n )\n }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n name: 'SliderTrack',\n height: '100%',\n width: '100%',\n backgroundColor: '$background',\n position: 'relative',\n borderRadius: 100_000,\n overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n const { __scopeSlider, ...trackProps } = props\n const context = useSliderContext(TRACK_NAME, __scopeSlider)\n return (\n <SliderTrackFrame\n data-disabled={context.disabled ? '' : undefined}\n data-orientation={context.orientation}\n orientation={context.orientation}\n size={context.size}\n {...trackProps}\n ref={forwardedRef}\n />\n )\n }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n name: 'SliderTrackActive',\n backgroundColor: '$background',\n position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n const { __scopeSlider, ...rangeProps } = props\n const context = useSliderContext(RANGE_NAME, __scopeSlider)\n const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n const ref = React.useRef<View>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref)\n const valuesCount = context.values.length\n const percentages = context.values.map((value) =>\n convertValueToPercentage(value, context.min, context.max)\n )\n const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n const offsetEnd = 100 - Math.max(...percentages)\n\n return (\n <SliderTrackActiveFrame\n orientation={context.orientation}\n data-orientation={context.orientation}\n data-disabled={context.disabled ? '' : undefined}\n size={context.size}\n {...rangeProps}\n ref={composedRefs}\n {...{\n [orientation.startEdge]: offsetStart + '%',\n [orientation.endEdge]: offsetEnd + '%',\n }}\n {...(orientation.sizeProp === 'width'\n ? {\n height: '100%',\n }\n : {\n left: 0,\n right: 0,\n })}\n />\n )\n }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n const size = typeof val === 'number' ? val : getSize(val, -1)\n return {\n width: size,\n height: size,\n minWidth: size,\n minHeight: size,\n }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n name: 'SliderThumb',\n position: 'absolute',\n // TODO not taking up 2\n bordered: 2,\n // OR THIS\n borderWidth: 2,\n backgrounded: true,\n pressTheme: isWeb,\n focusTheme: isWeb,\n hoverTheme: isWeb,\n\n variants: {\n size: {\n '...size': getThumbSize,\n },\n },\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n const context = useSliderContext(THUMB_NAME, __scopeSlider)\n const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n // We cast because index could be `-1` which would return undefined\n const value = context.values[index] as number | undefined\n const percent =\n value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n const label = getLabel(index, context.values.length)\n const [size, setSize] = React.useState(() => {\n // for SSR\n const estimatedSize = getVariableValue(getThumbSize(sizeProp).width)\n return estimatedSize\n })\n\n const thumbInBoundsOffset = size\n ? getThumbInBoundsOffset(size, percent, orientation.direction)\n : 0\n\n React.useEffect(() => {\n if (thumb) {\n context.thumbs.add(thumb)\n return () => {\n context.thumbs.delete(thumb)\n }\n }\n }, [thumb, context.thumbs])\n\n return (\n <SliderThumbFrame\n ref={composedRefs}\n // TODO\n // @ts-ignore\n role=\"slider\"\n aria-label={props['aria-label'] || label}\n aria-valuemin={context.min}\n aria-valuenow={value}\n aria-valuemax={context.max}\n aria-orientation={context.orientation}\n data-orientation={context.orientation}\n data-disabled={context.disabled ? '' : undefined}\n tabIndex={context.disabled ? undefined : 0}\n {...thumbProps}\n {...(context.orientation === 'horizontal'\n ? {\n x: thumbInBoundsOffset - size / 2,\n y: -size / 2,\n top: '50%',\n ...(size === 0 && {\n top: 'auto',\n bottom: 'auto',\n }),\n }\n : {\n x: -size / 2,\n y: size / 2,\n left: '50%',\n ...(size === 0 && {\n left: 'auto',\n right: 'auto',\n }),\n })}\n size={sizeProp ?? context.size ?? '$4'}\n onLayout={(e) => {\n setSize(e.nativeEvent.layout[orientation.sizeProp])\n }}\n {...{\n [orientation.startEdge]: `${percent}%`,\n }}\n /**\n * There will be no value on initial render while we work out the index so we hide thumbs\n * without a value, otherwise SSR will render them in the wrong position before they\n * snap into the correct position during hydration which would be visually jarring for\n * slower connections.\n */\n // style={value === undefined ? { display: 'none' } : props.style}\n onFocus={composeEventHandlers(props.onFocus, () => {\n context.valueIndexToChangeRef.current = index\n })}\n />\n )\n }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n const {\n name,\n min = 0,\n max = 100,\n step = 1,\n orientation = 'horizontal',\n disabled = false,\n minStepsBetweenThumbs = 0,\n defaultValue = [min],\n value,\n onValueChange = () => {},\n size: sizeProp,\n ...sliderProps\n } = props\n const sliderRef = React.useRef<View>(null)\n const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n const valueIndexToChangeRef = React.useRef<number>(0)\n const isHorizontal = orientation === 'horizontal'\n // We set this to true by default so that events bubble to forms without JS (SSR)\n // const isFormControl =\n // sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n const [values = [], setValues] = useControllableState({\n prop: value,\n defaultProp: defaultValue,\n onChange: (value) => {\n if (isWeb) {\n const thumbs = [...thumbRefs.current]\n thumbs[valueIndexToChangeRef.current]?.focus()\n }\n onValueChange(value)\n },\n })\n\n if (isWeb) {\n React.useEffect(() => {\n // @ts-ignore\n const node = sliderRef.current as HTMLElement\n if (!node) return\n const preventDefault = (e) => {\n e.preventDefault()\n }\n node.addEventListener('touchstart', preventDefault)\n return () => {\n node.removeEventListener('touchstart', preventDefault)\n }\n }, [])\n }\n\n function handleSlideMove(value: number) {\n updateValues(value, valueIndexToChangeRef.current)\n }\n\n function updateValues(value: number, atIndex: number) {\n const decimalCount = getDecimalCount(step)\n const snapToStep = roundValue(Math.round((value - min) / step) * step + min, decimalCount)\n const nextValue = clamp(snapToStep, [min, max])\n setValues((prevValues = []) => {\n const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n return String(nextValues) === String(prevValues) ? prevValues : nextValues\n } else {\n return prevValues\n }\n })\n }\n\n const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n return (\n <SliderProvider\n scope={props.__scopeSlider}\n disabled={disabled}\n min={min}\n max={max}\n valueIndexToChangeRef={valueIndexToChangeRef}\n thumbs={thumbRefs.current}\n values={values}\n orientation={orientation}\n size={sizeProp}\n >\n <SliderOriented\n aria-disabled={disabled}\n data-disabled={disabled ? '' : undefined}\n {...sliderProps}\n ref={composedRefs}\n min={min}\n max={max}\n onSlideStart={\n disabled\n ? undefined\n : (value: number, target) => {\n // when starting on the track, move it right away\n // when starting on thumb, dont jump until movemenet as it feels weird\n if (target !== 'thumb') {\n const closestIndex = getClosestValueIndex(values, value)\n updateValues(value, closestIndex)\n }\n }\n }\n onSlideMove={disabled ? undefined : handleSlideMove}\n onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n onStepKeyDown={({ event, direction: stepDirection }) => {\n if (!disabled) {\n const isPageKey = PAGE_KEYS.includes(event.key)\n const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n const multiplier = isSkipKey ? 10 : 1\n const atIndex = valueIndexToChangeRef.current\n const value = values[atIndex]\n const stepInDirection = step * multiplier * stepDirection\n updateValues(value + stepInDirection, atIndex)\n }\n }}\n />\n {/* {isFormControl &&\n values.map((value, index) => (\n <BubbleInput\n key={index}\n name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n value={value}\n />\n ))} */}\n </SliderProvider>\n )\n }),\n {\n Track: SliderTrack,\n TrackActive: SliderTrackActive,\n Thumb: SliderThumb,\n }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n// const { value, ...inputProps } = props\n// const ref = React.useRef<HTMLInputElement>(null)\n// const prevValue = usePrevious(value)\n\n// // Bubble value change to parents (e.g form change event)\n// React.useEffect(() => {\n// const input = ref.current!\n// const inputProto = window.HTMLInputElement.prototype\n// const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n// const setValue = descriptor.set\n// if (prevValue !== value && setValue) {\n// const event = new Event('input', { bubbles: true })\n// setValue.call(input, value)\n// input.dispatchEvent(event)\n// }\n// }, [prevValue, value])\n\n// /**\n// * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n// * wrap it will not be able to access its value via the FormData API.\n// *\n// * We purposefully do not add the `value` attribute here to allow the value\n// * to be set programatically and bubble to any parent form `onChange` event.\n// * Adding the `value` will cause React to consider the programatic\n// * dispatch a duplicate and it will get swallowed.\n// */\n// return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n Slider,\n SliderTrack,\n SliderTrackActive,\n SliderThumb,\n //\n Track,\n Range,\n Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
|
|
5
|
-
"mappings": "AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AACA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;AAcA,MAAM,mBAAmB,MAAM,WAC7B,CAAC,OAA2C,iBAAiB;AAC3D,QAAM,EAAE,KAAK,KAAK,KAAK,cAAc,aAAa,kBAAkB,gBAAgB;AACpF,QAAM,YAAY,aAAa,GAAG;AAClC,QAAM,iBAAiB,cAAc;AACrC,QAAM,YAAY,MAAM,OAAa,IAAI;AACzC,QAAM,CAAC,OAAO,YAAY,MAAM,SAAS,MAAO,GAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;AAEvE,+BAA6B,iBAAyB;AACpD,UAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAC9C,UAAM,SAA2B,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;AACxE,UAAM,QAAQ,YAAY,OAAO,MAAM;AACvC,WAAO,MAAM,eAAe;AAAA,EAC9B;AAEA,SACE,CAAC,0BACC,OAAO,MAAM,eACb,WAAW,iBAAiB,SAAS,SACrC,SAAS,iBAAiB,UAAU,QACpC,WAAW,iBAAiB,IAAI,IAChC,SAAS,QACT,MAAM,MAAM,MAEZ,CAAC,WACC,KAAK,YAAY,cAAc,SAAS,GACxC,KAAK,eACD,aACJ,YAAY,aACZ,UAAU,MAAM;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/SliderImpl.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/jsx/constants.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/jsx/helpers.js
CHANGED
|
File without changes
|
package/dist/jsx/helpers.js.map
CHANGED
|
File without changes
|
package/dist/jsx/index.js
CHANGED
|
File without changes
|
package/dist/jsx/index.js.map
CHANGED
|
File without changes
|
package/dist/jsx/types.js
CHANGED
|
File without changes
|
package/dist/jsx/types.js.map
CHANGED
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/slider",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.142",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -23,12 +23,12 @@
|
|
|
23
23
|
"clean:build": "tamagui-build clean:build"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tamagui/compose-refs": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/core": "^1.0.1-beta.
|
|
28
|
-
"@tamagui/create-context": "^1.0.1-beta.
|
|
29
|
-
"@tamagui/stacks": "^1.0.1-beta.
|
|
30
|
-
"@tamagui/use-controllable-state": "^1.0.1-beta.
|
|
31
|
-
"@tamagui/use-direction": "^1.0.1-beta.
|
|
26
|
+
"@tamagui/compose-refs": "^1.0.1-beta.142",
|
|
27
|
+
"@tamagui/core": "^1.0.1-beta.142",
|
|
28
|
+
"@tamagui/create-context": "^1.0.1-beta.142",
|
|
29
|
+
"@tamagui/stacks": "^1.0.1-beta.142",
|
|
30
|
+
"@tamagui/use-controllable-state": "^1.0.1-beta.142",
|
|
31
|
+
"@tamagui/use-direction": "^1.0.1-beta.142"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": "*",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-native": "*"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
39
|
+
"@tamagui/build": "^1.0.1-beta.142",
|
|
40
40
|
"@types/react-native": "^0.69.2",
|
|
41
41
|
"react": "*",
|
|
42
42
|
"react-dom": "*",
|
package/types/Slider.d.ts
CHANGED
|
@@ -4,50 +4,50 @@ import * as React from 'react';
|
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { SliderProps, SliderTrackProps } from './types';
|
|
6
6
|
declare type SliderTrackElement = HTMLElement | View;
|
|
7
|
-
export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "
|
|
7
|
+
export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
8
8
|
readonly fullscreen?: boolean | undefined;
|
|
9
9
|
readonly elevation?: SizeTokens | undefined;
|
|
10
10
|
} & {
|
|
11
|
-
orientation?: "
|
|
11
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
12
12
|
}, "size"> & {
|
|
13
13
|
size?: any;
|
|
14
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
14
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
15
15
|
readonly fullscreen?: boolean | undefined;
|
|
16
16
|
readonly elevation?: SizeTokens | undefined;
|
|
17
17
|
} & {
|
|
18
|
-
orientation?: "
|
|
18
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
19
19
|
}, "size"> & {
|
|
20
20
|
size?: any;
|
|
21
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
21
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
22
22
|
readonly fullscreen?: boolean | undefined;
|
|
23
23
|
readonly elevation?: SizeTokens | undefined;
|
|
24
24
|
} & {
|
|
25
|
-
orientation?: "
|
|
25
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
26
26
|
}, "size"> & {
|
|
27
27
|
size?: any;
|
|
28
|
-
}>>) | (Omit<import("react-native").ViewProps, "
|
|
28
|
+
}>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
29
29
|
readonly fullscreen?: boolean | undefined;
|
|
30
30
|
readonly elevation?: SizeTokens | undefined;
|
|
31
31
|
} & {
|
|
32
|
-
orientation?: "
|
|
32
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
33
33
|
} & {
|
|
34
34
|
size?: any;
|
|
35
35
|
}, string | number> & {
|
|
36
36
|
[x: string]: undefined;
|
|
37
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
37
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
38
38
|
readonly fullscreen?: boolean | undefined;
|
|
39
39
|
readonly elevation?: SizeTokens | undefined;
|
|
40
40
|
} & {
|
|
41
|
-
orientation?: "
|
|
41
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
42
42
|
} & {
|
|
43
43
|
size?: any;
|
|
44
44
|
}, string | number> & {
|
|
45
45
|
[x: string]: undefined;
|
|
46
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
46
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
47
47
|
readonly fullscreen?: boolean | undefined;
|
|
48
48
|
readonly elevation?: SizeTokens | undefined;
|
|
49
49
|
} & {
|
|
50
|
-
orientation?: "
|
|
50
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
size?: any;
|
|
53
53
|
}, string | number> & {
|
|
@@ -56,57 +56,57 @@ export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<
|
|
|
56
56
|
readonly fullscreen?: boolean | undefined;
|
|
57
57
|
readonly elevation?: SizeTokens | undefined;
|
|
58
58
|
} & {
|
|
59
|
-
orientation?: "
|
|
59
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
60
60
|
} & {
|
|
61
61
|
size?: any;
|
|
62
62
|
} & ({} | {
|
|
63
63
|
[x: string]: undefined;
|
|
64
64
|
})>;
|
|
65
65
|
declare const SliderTrack: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
|
|
66
|
-
export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "
|
|
66
|
+
export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
67
67
|
readonly fullscreen?: boolean | undefined;
|
|
68
68
|
readonly elevation?: SizeTokens | undefined;
|
|
69
69
|
} & {
|
|
70
|
-
orientation?: "
|
|
70
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
71
71
|
}, "size"> & {
|
|
72
72
|
size?: any;
|
|
73
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
73
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
74
74
|
readonly fullscreen?: boolean | undefined;
|
|
75
75
|
readonly elevation?: SizeTokens | undefined;
|
|
76
76
|
} & {
|
|
77
|
-
orientation?: "
|
|
77
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
78
78
|
}, "size"> & {
|
|
79
79
|
size?: any;
|
|
80
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
80
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
81
81
|
readonly fullscreen?: boolean | undefined;
|
|
82
82
|
readonly elevation?: SizeTokens | undefined;
|
|
83
83
|
} & {
|
|
84
|
-
orientation?: "
|
|
84
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
85
85
|
}, "size"> & {
|
|
86
86
|
size?: any;
|
|
87
|
-
}>>) | (Omit<import("react-native").ViewProps, "
|
|
87
|
+
}>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
88
88
|
readonly fullscreen?: boolean | undefined;
|
|
89
89
|
readonly elevation?: SizeTokens | undefined;
|
|
90
90
|
} & {
|
|
91
|
-
orientation?: "
|
|
91
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
92
92
|
} & {
|
|
93
93
|
size?: any;
|
|
94
94
|
}, string | number> & {
|
|
95
95
|
[x: string]: undefined;
|
|
96
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
96
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
97
97
|
readonly fullscreen?: boolean | undefined;
|
|
98
98
|
readonly elevation?: SizeTokens | undefined;
|
|
99
99
|
} & {
|
|
100
|
-
orientation?: "
|
|
100
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
101
101
|
} & {
|
|
102
102
|
size?: any;
|
|
103
103
|
}, string | number> & {
|
|
104
104
|
[x: string]: undefined;
|
|
105
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
105
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
106
106
|
readonly fullscreen?: boolean | undefined;
|
|
107
107
|
readonly elevation?: SizeTokens | undefined;
|
|
108
108
|
} & {
|
|
109
|
-
orientation?: "
|
|
109
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
110
110
|
} & {
|
|
111
111
|
size?: any;
|
|
112
112
|
}, string | number> & {
|
|
@@ -115,63 +115,63 @@ export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComp
|
|
|
115
115
|
readonly fullscreen?: boolean | undefined;
|
|
116
116
|
readonly elevation?: SizeTokens | undefined;
|
|
117
117
|
} & {
|
|
118
|
-
orientation?: "
|
|
118
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
119
119
|
} & {
|
|
120
120
|
size?: any;
|
|
121
121
|
} & ({} | {
|
|
122
122
|
[x: string]: undefined;
|
|
123
123
|
})>;
|
|
124
124
|
declare type SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>;
|
|
125
|
-
declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "
|
|
125
|
+
declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
126
126
|
readonly fullscreen?: boolean | undefined;
|
|
127
127
|
readonly elevation?: SizeTokens | undefined;
|
|
128
128
|
} & {
|
|
129
|
-
orientation?: "
|
|
129
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
130
130
|
}, "size"> & {
|
|
131
131
|
size?: any;
|
|
132
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
132
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
133
133
|
readonly fullscreen?: boolean | undefined;
|
|
134
134
|
readonly elevation?: SizeTokens | undefined;
|
|
135
135
|
} & {
|
|
136
|
-
orientation?: "
|
|
136
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
137
137
|
}, "size"> & {
|
|
138
138
|
size?: any;
|
|
139
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
139
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
140
140
|
readonly fullscreen?: boolean | undefined;
|
|
141
141
|
readonly elevation?: SizeTokens | undefined;
|
|
142
142
|
} & {
|
|
143
|
-
orientation?: "
|
|
143
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
144
144
|
}, "size"> & {
|
|
145
145
|
size?: any;
|
|
146
|
-
}>>) | Pick<Omit<import("react-native").ViewProps, "
|
|
146
|
+
}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
147
147
|
readonly fullscreen?: boolean | undefined;
|
|
148
148
|
readonly elevation?: SizeTokens | undefined;
|
|
149
149
|
} & {
|
|
150
|
-
orientation?: "
|
|
150
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
151
151
|
} & {
|
|
152
152
|
size?: any;
|
|
153
153
|
}, string | number> & {
|
|
154
154
|
[x: string]: undefined;
|
|
155
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
155
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
156
156
|
readonly fullscreen?: boolean | undefined;
|
|
157
157
|
readonly elevation?: SizeTokens | undefined;
|
|
158
158
|
} & {
|
|
159
|
-
orientation?: "
|
|
159
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
160
160
|
} & {
|
|
161
161
|
size?: any;
|
|
162
162
|
}, string | number> & {
|
|
163
163
|
[x: string]: undefined;
|
|
164
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
164
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
165
165
|
readonly fullscreen?: boolean | undefined;
|
|
166
166
|
readonly elevation?: SizeTokens | undefined;
|
|
167
167
|
} & {
|
|
168
|
-
orientation?: "
|
|
168
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
169
169
|
} & {
|
|
170
170
|
size?: any;
|
|
171
171
|
}, string | number> & {
|
|
172
172
|
[x: string]: undefined;
|
|
173
173
|
}>>, string | number>) & React.RefAttributes<View>>;
|
|
174
|
-
export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "
|
|
174
|
+
export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
175
175
|
readonly fullscreen?: boolean | undefined;
|
|
176
176
|
readonly elevation?: SizeTokens | undefined;
|
|
177
177
|
} & {
|
|
@@ -189,7 +189,7 @@ export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<
|
|
|
189
189
|
chromeless?: boolean | "all" | undefined;
|
|
190
190
|
}, "size"> & {
|
|
191
191
|
size?: SizeTokens | undefined;
|
|
192
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
192
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
193
193
|
readonly fullscreen?: boolean | undefined;
|
|
194
194
|
readonly elevation?: SizeTokens | undefined;
|
|
195
195
|
} & {
|
|
@@ -207,7 +207,7 @@ export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<
|
|
|
207
207
|
chromeless?: boolean | "all" | undefined;
|
|
208
208
|
}, "size"> & {
|
|
209
209
|
size?: SizeTokens | undefined;
|
|
210
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
210
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
211
211
|
readonly fullscreen?: boolean | undefined;
|
|
212
212
|
readonly elevation?: SizeTokens | undefined;
|
|
213
213
|
} & {
|
|
@@ -250,50 +250,50 @@ interface SliderThumbProps extends SizableStackProps {
|
|
|
250
250
|
declare const SliderThumb: React.ForwardRefExoticComponent<SliderThumbProps & React.RefAttributes<View>>;
|
|
251
251
|
declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<View>> & {
|
|
252
252
|
Track: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
|
|
253
|
-
TrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "
|
|
253
|
+
TrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
254
254
|
readonly fullscreen?: boolean | undefined;
|
|
255
255
|
readonly elevation?: SizeTokens | undefined;
|
|
256
256
|
} & {
|
|
257
|
-
orientation?: "
|
|
257
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
258
258
|
}, "size"> & {
|
|
259
259
|
size?: any;
|
|
260
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
260
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
261
261
|
readonly fullscreen?: boolean | undefined;
|
|
262
262
|
readonly elevation?: SizeTokens | undefined;
|
|
263
263
|
} & {
|
|
264
|
-
orientation?: "
|
|
264
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
265
265
|
}, "size"> & {
|
|
266
266
|
size?: any;
|
|
267
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
267
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
268
268
|
readonly fullscreen?: boolean | undefined;
|
|
269
269
|
readonly elevation?: SizeTokens | undefined;
|
|
270
270
|
} & {
|
|
271
|
-
orientation?: "
|
|
271
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
272
272
|
}, "size"> & {
|
|
273
273
|
size?: any;
|
|
274
|
-
}>>) | Pick<Omit<import("react-native").ViewProps, "
|
|
274
|
+
}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
275
275
|
readonly fullscreen?: boolean | undefined;
|
|
276
276
|
readonly elevation?: SizeTokens | undefined;
|
|
277
277
|
} & {
|
|
278
|
-
orientation?: "
|
|
278
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
279
279
|
} & {
|
|
280
280
|
size?: any;
|
|
281
281
|
}, string | number> & {
|
|
282
282
|
[x: string]: undefined;
|
|
283
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
283
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
284
284
|
readonly fullscreen?: boolean | undefined;
|
|
285
285
|
readonly elevation?: SizeTokens | undefined;
|
|
286
286
|
} & {
|
|
287
|
-
orientation?: "
|
|
287
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
288
288
|
} & {
|
|
289
289
|
size?: any;
|
|
290
290
|
}, string | number> & {
|
|
291
291
|
[x: string]: undefined;
|
|
292
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
292
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
293
293
|
readonly fullscreen?: boolean | undefined;
|
|
294
294
|
readonly elevation?: SizeTokens | undefined;
|
|
295
295
|
} & {
|
|
296
|
-
orientation?: "
|
|
296
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
297
297
|
} & {
|
|
298
298
|
size?: any;
|
|
299
299
|
}, string | number> & {
|
|
@@ -302,50 +302,50 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
|
|
|
302
302
|
Thumb: React.ForwardRefExoticComponent<SliderThumbProps & React.RefAttributes<View>>;
|
|
303
303
|
};
|
|
304
304
|
declare const Track: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
|
|
305
|
-
declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "
|
|
305
|
+
declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
306
306
|
readonly fullscreen?: boolean | undefined;
|
|
307
307
|
readonly elevation?: SizeTokens | undefined;
|
|
308
308
|
} & {
|
|
309
|
-
orientation?: "
|
|
309
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
310
310
|
}, "size"> & {
|
|
311
311
|
size?: any;
|
|
312
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
312
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
313
313
|
readonly fullscreen?: boolean | undefined;
|
|
314
314
|
readonly elevation?: SizeTokens | undefined;
|
|
315
315
|
} & {
|
|
316
|
-
orientation?: "
|
|
316
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
317
317
|
}, "size"> & {
|
|
318
318
|
size?: any;
|
|
319
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
319
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
320
320
|
readonly fullscreen?: boolean | undefined;
|
|
321
321
|
readonly elevation?: SizeTokens | undefined;
|
|
322
322
|
} & {
|
|
323
|
-
orientation?: "
|
|
323
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
324
324
|
}, "size"> & {
|
|
325
325
|
size?: any;
|
|
326
|
-
}>>) | Pick<Omit<import("react-native").ViewProps, "
|
|
326
|
+
}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
327
327
|
readonly fullscreen?: boolean | undefined;
|
|
328
328
|
readonly elevation?: SizeTokens | undefined;
|
|
329
329
|
} & {
|
|
330
|
-
orientation?: "
|
|
330
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
331
331
|
} & {
|
|
332
332
|
size?: any;
|
|
333
333
|
}, string | number> & {
|
|
334
334
|
[x: string]: undefined;
|
|
335
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
335
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
336
336
|
readonly fullscreen?: boolean | undefined;
|
|
337
337
|
readonly elevation?: SizeTokens | undefined;
|
|
338
338
|
} & {
|
|
339
|
-
orientation?: "
|
|
339
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
340
340
|
} & {
|
|
341
341
|
size?: any;
|
|
342
342
|
}, string | number> & {
|
|
343
343
|
[x: string]: undefined;
|
|
344
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
344
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
345
345
|
readonly fullscreen?: boolean | undefined;
|
|
346
346
|
readonly elevation?: SizeTokens | undefined;
|
|
347
347
|
} & {
|
|
348
|
-
orientation?: "
|
|
348
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
349
349
|
} & {
|
|
350
350
|
size?: any;
|
|
351
351
|
}, string | number> & {
|
package/types/SliderImpl.d.ts
CHANGED
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { SliderImplProps } from './types';
|
|
4
|
-
export declare const DirectionalYStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "
|
|
4
|
+
export declare const DirectionalYStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
5
5
|
readonly fullscreen?: boolean | undefined;
|
|
6
6
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
7
7
|
}, "orientation"> & {
|
|
8
|
-
orientation?: "
|
|
9
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
8
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
9
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
10
10
|
readonly fullscreen?: boolean | undefined;
|
|
11
11
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
12
12
|
}, "orientation"> & {
|
|
13
|
-
orientation?: "
|
|
14
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
13
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
14
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
15
15
|
readonly fullscreen?: boolean | undefined;
|
|
16
16
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
17
17
|
}, "orientation"> & {
|
|
18
|
-
orientation?: "
|
|
18
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
19
19
|
}>>, any, import("@tamagui/core").StackPropsBase, {
|
|
20
20
|
readonly fullscreen?: boolean | undefined;
|
|
21
21
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
22
22
|
} & {
|
|
23
|
-
orientation?: "
|
|
23
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
24
24
|
}>;
|
|
25
|
-
export declare const SliderFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "
|
|
25
|
+
export declare const SliderFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
26
26
|
readonly fullscreen?: boolean | undefined;
|
|
27
27
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
28
28
|
} & {
|
|
29
|
-
orientation?: "
|
|
29
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
30
30
|
}, "size"> & {
|
|
31
31
|
size?: any;
|
|
32
|
-
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "
|
|
32
|
+
} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
33
33
|
readonly fullscreen?: boolean | undefined;
|
|
34
34
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
35
35
|
} & {
|
|
36
|
-
orientation?: "
|
|
36
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
37
37
|
}, "size"> & {
|
|
38
38
|
size?: any;
|
|
39
|
-
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "
|
|
39
|
+
}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
|
|
40
40
|
readonly fullscreen?: boolean | undefined;
|
|
41
41
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
42
42
|
} & {
|
|
43
|
-
orientation?: "
|
|
43
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
44
44
|
}, "size"> & {
|
|
45
45
|
size?: any;
|
|
46
46
|
}>>, any, import("@tamagui/core").StackPropsBase, {
|
|
47
47
|
readonly fullscreen?: boolean | undefined;
|
|
48
48
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
49
49
|
} & {
|
|
50
|
-
orientation?: "
|
|
50
|
+
orientation?: "vertical" | "horizontal" | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
size?: any;
|
|
53
53
|
}>;
|
package/types/constants.d.ts
CHANGED
package/types/helpers.d.ts
CHANGED
|
File without changes
|
package/types/index.d.ts
CHANGED
|
File without changes
|
package/types/types.d.ts
CHANGED
|
File without changes
|