@tamagui/slider 1.13.3 → 1.13.4
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 +1 -481
- package/dist/cjs/Slider.js.map +2 -2
- package/dist/cjs/SliderImpl.js +1 -139
- package/dist/cjs/SliderImpl.js.map +2 -2
- package/dist/cjs/constants.js +1 -62
- package/dist/cjs/constants.js.map +2 -2
- package/dist/cjs/helpers.js +1 -101
- package/dist/cjs/helpers.js.map +2 -2
- package/dist/cjs/index.js +1 -32
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/types.js +1 -16
- package/dist/cjs/types.js.map +2 -2
- package/dist/esm/Slider.js +1 -462
- package/dist/esm/Slider.js.map +2 -2
- package/dist/esm/Slider.mjs +1 -462
- package/dist/esm/Slider.mjs.map +2 -2
- package/dist/esm/SliderImpl.js +1 -103
- package/dist/esm/SliderImpl.js.map +2 -2
- package/dist/esm/SliderImpl.mjs +1 -103
- package/dist/esm/SliderImpl.mjs.map +2 -2
- package/dist/esm/constants.js +1 -29
- package/dist/esm/constants.js.map +2 -2
- package/dist/esm/constants.mjs +1 -29
- package/dist/esm/constants.mjs.map +2 -2
- package/dist/esm/helpers.js +1 -69
- package/dist/esm/helpers.js.map +2 -2
- package/dist/esm/helpers.mjs +1 -69
- package/dist/esm/helpers.mjs.map +2 -2
- package/dist/esm/index.js +1 -6
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -6
- package/dist/esm/index.mjs.map +2 -2
- package/dist/jsx/Slider.js +1 -428
- package/dist/jsx/Slider.js.map +2 -2
- package/dist/jsx/Slider.mjs +1 -428
- package/dist/jsx/Slider.mjs.map +2 -2
- package/dist/jsx/SliderImpl.js +1 -99
- package/dist/jsx/SliderImpl.js.map +2 -2
- package/dist/jsx/SliderImpl.mjs +1 -99
- package/dist/jsx/SliderImpl.mjs.map +2 -2
- package/dist/jsx/constants.js +1 -29
- package/dist/jsx/constants.js.map +2 -2
- package/dist/jsx/constants.mjs +1 -29
- package/dist/jsx/constants.mjs.map +2 -2
- package/dist/jsx/helpers.js +1 -69
- package/dist/jsx/helpers.js.map +2 -2
- package/dist/jsx/helpers.mjs +1 -69
- package/dist/jsx/helpers.mjs.map +2 -2
- package/dist/jsx/index.js +1 -6
- package/dist/jsx/index.js.map +2 -2
- package/dist/jsx/index.mjs +1 -6
- package/dist/jsx/index.mjs.map +2 -2
- package/package.json +10 -10
package/dist/cjs/Slider.js
CHANGED
|
@@ -1,482 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var Slider_exports = {};
|
|
30
|
-
__export(Slider_exports, {
|
|
31
|
-
Range: () => Range,
|
|
32
|
-
Slider: () => Slider,
|
|
33
|
-
SliderThumb: () => SliderThumb,
|
|
34
|
-
SliderThumbFrame: () => SliderThumbFrame,
|
|
35
|
-
SliderTrack: () => SliderTrack,
|
|
36
|
-
SliderTrackActive: () => SliderTrackActive,
|
|
37
|
-
SliderTrackActiveFrame: () => SliderTrackActiveFrame,
|
|
38
|
-
SliderTrackFrame: () => SliderTrackFrame,
|
|
39
|
-
Thumb: () => Thumb,
|
|
40
|
-
Track: () => Track
|
|
41
|
-
});
|
|
42
|
-
module.exports = __toCommonJS(Slider_exports);
|
|
43
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
|
-
var import_compose_refs = require("@tamagui/compose-refs");
|
|
45
|
-
var import_core = require("@tamagui/core");
|
|
46
|
-
var import_get_size = require("@tamagui/get-size");
|
|
47
|
-
var import_helpers = require("@tamagui/helpers");
|
|
48
|
-
var import_stacks = require("@tamagui/stacks");
|
|
49
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
50
|
-
var import_use_direction = require("@tamagui/use-direction");
|
|
51
|
-
var React = __toESM(require("react"));
|
|
52
|
-
var import_constants = require("./constants");
|
|
53
|
-
var import_helpers2 = require("./helpers");
|
|
54
|
-
var import_SliderImpl = require("./SliderImpl");
|
|
55
|
-
const SliderHorizontal = React.forwardRef(
|
|
56
|
-
(props, forwardedRef) => {
|
|
57
|
-
const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props;
|
|
58
|
-
const direction = (0, import_use_direction.useDirection)(dir);
|
|
59
|
-
const isDirectionLTR = direction === "ltr";
|
|
60
|
-
const sliderRef = React.useRef(null);
|
|
61
|
-
const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }));
|
|
62
|
-
function getValueFromPointer(pointerPosition) {
|
|
63
|
-
const input = [0, state.size];
|
|
64
|
-
const output = isDirectionLTR ? [min, max] : [max, min];
|
|
65
|
-
const value = (0, import_helpers2.linearScale)(input, output);
|
|
66
|
-
return value(pointerPosition);
|
|
67
|
-
}
|
|
68
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
69
|
-
import_constants.SliderOrientationProvider,
|
|
70
|
-
{
|
|
71
|
-
scope: props.__scopeSlider,
|
|
72
|
-
startEdge: isDirectionLTR ? "left" : "right",
|
|
73
|
-
endEdge: isDirectionLTR ? "right" : "left",
|
|
74
|
-
direction: isDirectionLTR ? 1 : -1,
|
|
75
|
-
sizeProp: "width",
|
|
76
|
-
size: state.size,
|
|
77
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
78
|
-
import_SliderImpl.SliderImpl,
|
|
79
|
-
{
|
|
80
|
-
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
81
|
-
dir: direction,
|
|
82
|
-
...sliderProps,
|
|
83
|
-
orientation: "horizontal",
|
|
84
|
-
onLayout: () => {
|
|
85
|
-
var _a;
|
|
86
|
-
(_a = sliderRef.current) == null ? void 0 : _a.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
87
|
-
setState({
|
|
88
|
-
size: width,
|
|
89
|
-
offset: pageX
|
|
90
|
-
});
|
|
91
|
-
});
|
|
92
|
-
},
|
|
93
|
-
onSlideStart: (event, target) => {
|
|
94
|
-
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
95
|
-
if (value) {
|
|
96
|
-
onSlideStart == null ? void 0 : onSlideStart(value, target);
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
onSlideMove: (event) => {
|
|
100
|
-
const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
|
|
101
|
-
if (value) {
|
|
102
|
-
onSlideMove == null ? void 0 : onSlideMove(value);
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
onSlideEnd: () => {
|
|
106
|
-
},
|
|
107
|
-
onStepKeyDown: (event) => {
|
|
108
|
-
const isBackKey = import_constants.BACK_KEYS[direction].includes(event.key);
|
|
109
|
-
onStepKeyDown == null ? void 0 : onStepKeyDown({ event, direction: isBackKey ? -1 : 1 });
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
)
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
}
|
|
116
|
-
);
|
|
117
|
-
const SliderVertical = React.forwardRef(
|
|
118
|
-
(props, forwardedRef) => {
|
|
119
|
-
const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props;
|
|
120
|
-
const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }));
|
|
121
|
-
const sliderRef = React.useRef(null);
|
|
122
|
-
function getValueFromPointer(pointerPosition) {
|
|
123
|
-
const input = [0, state.size];
|
|
124
|
-
const output = [max, min];
|
|
125
|
-
const value = (0, import_helpers2.linearScale)(input, output);
|
|
126
|
-
return value(pointerPosition);
|
|
127
|
-
}
|
|
128
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
129
|
-
import_constants.SliderOrientationProvider,
|
|
130
|
-
{
|
|
131
|
-
scope: props.__scopeSlider,
|
|
132
|
-
startEdge: "bottom",
|
|
133
|
-
endEdge: "top",
|
|
134
|
-
sizeProp: "height",
|
|
135
|
-
size: state.size,
|
|
136
|
-
direction: 1,
|
|
137
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
138
|
-
import_SliderImpl.SliderImpl,
|
|
139
|
-
{
|
|
140
|
-
ref: (0, import_compose_refs.composeRefs)(forwardedRef, sliderRef),
|
|
141
|
-
...sliderProps,
|
|
142
|
-
orientation: "vertical",
|
|
143
|
-
onLayout: ({ nativeEvent: { layout } }) => {
|
|
144
|
-
var _a;
|
|
145
|
-
(_a = sliderRef.current) == null ? void 0 : _a.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
146
|
-
setState({
|
|
147
|
-
size: height,
|
|
148
|
-
offset: pageY
|
|
149
|
-
});
|
|
150
|
-
});
|
|
151
|
-
},
|
|
152
|
-
onSlideStart: (event, target) => {
|
|
153
|
-
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
154
|
-
if (value) {
|
|
155
|
-
onSlideStart == null ? void 0 : onSlideStart(value, target);
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
onSlideMove: (event) => {
|
|
159
|
-
const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
|
|
160
|
-
if (value) {
|
|
161
|
-
onSlideMove == null ? void 0 : onSlideMove(value);
|
|
162
|
-
}
|
|
163
|
-
},
|
|
164
|
-
onSlideEnd: () => {
|
|
165
|
-
},
|
|
166
|
-
onStepKeyDown: (event) => {
|
|
167
|
-
const isBackKey = import_constants.BACK_KEYS.ltr.includes(event.key);
|
|
168
|
-
onStepKeyDown == null ? void 0 : onStepKeyDown({ event, direction: isBackKey ? -1 : 1 });
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
)
|
|
172
|
-
}
|
|
173
|
-
);
|
|
174
|
-
}
|
|
175
|
-
);
|
|
176
|
-
const TRACK_NAME = "SliderTrack";
|
|
177
|
-
const SliderTrackFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
178
|
-
name: "SliderTrack",
|
|
179
|
-
height: "100%",
|
|
180
|
-
width: "100%",
|
|
181
|
-
backgroundColor: "$background",
|
|
182
|
-
position: "relative",
|
|
183
|
-
borderRadius: 1e5,
|
|
184
|
-
overflow: "hidden"
|
|
185
|
-
});
|
|
186
|
-
const SliderTrack = React.forwardRef(
|
|
187
|
-
(props, forwardedRef) => {
|
|
188
|
-
const { __scopeSlider, ...trackProps } = props;
|
|
189
|
-
const context = (0, import_constants.useSliderContext)(TRACK_NAME, __scopeSlider);
|
|
190
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
191
|
-
SliderTrackFrame,
|
|
192
|
-
{
|
|
193
|
-
"data-disabled": context.disabled ? "" : void 0,
|
|
194
|
-
"data-orientation": context.orientation,
|
|
195
|
-
orientation: context.orientation,
|
|
196
|
-
size: context.size,
|
|
197
|
-
...trackProps,
|
|
198
|
-
ref: forwardedRef
|
|
199
|
-
}
|
|
200
|
-
);
|
|
201
|
-
}
|
|
202
|
-
);
|
|
203
|
-
SliderTrack.displayName = TRACK_NAME;
|
|
204
|
-
const RANGE_NAME = "SliderTrackActive";
|
|
205
|
-
const SliderTrackActiveFrame = (0, import_core.styled)(import_SliderImpl.SliderFrame, {
|
|
206
|
-
name: "SliderTrackActive",
|
|
207
|
-
backgroundColor: "$background",
|
|
208
|
-
position: "absolute"
|
|
209
|
-
});
|
|
210
|
-
const SliderTrackActive = React.forwardRef(
|
|
211
|
-
(props, forwardedRef) => {
|
|
212
|
-
const { __scopeSlider, ...rangeProps } = props;
|
|
213
|
-
const context = (0, import_constants.useSliderContext)(RANGE_NAME, __scopeSlider);
|
|
214
|
-
const orientation = (0, import_constants.useSliderOrientationContext)(RANGE_NAME, __scopeSlider);
|
|
215
|
-
const ref = React.useRef(null);
|
|
216
|
-
const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
|
|
217
|
-
const valuesCount = context.values.length;
|
|
218
|
-
const percentages = context.values.map(
|
|
219
|
-
(value) => (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max)
|
|
220
|
-
);
|
|
221
|
-
const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
|
|
222
|
-
const offsetEnd = 100 - Math.max(...percentages);
|
|
223
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
224
|
-
SliderTrackActiveFrame,
|
|
225
|
-
{
|
|
226
|
-
orientation: context.orientation,
|
|
227
|
-
"data-orientation": context.orientation,
|
|
228
|
-
"data-disabled": context.disabled ? "" : void 0,
|
|
229
|
-
size: context.size,
|
|
230
|
-
...rangeProps,
|
|
231
|
-
ref: composedRefs,
|
|
232
|
-
...{
|
|
233
|
-
[orientation.startEdge]: `${offsetStart}%`,
|
|
234
|
-
[orientation.endEdge]: `${offsetEnd}%`
|
|
235
|
-
},
|
|
236
|
-
...orientation.sizeProp === "width" ? {
|
|
237
|
-
height: "100%"
|
|
238
|
-
} : {
|
|
239
|
-
left: 0,
|
|
240
|
-
right: 0
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
);
|
|
244
|
-
}
|
|
245
|
-
);
|
|
246
|
-
SliderTrackActive.displayName = RANGE_NAME;
|
|
247
|
-
const THUMB_NAME = "SliderThumb";
|
|
248
|
-
const getThumbSize = (val) => {
|
|
249
|
-
const size = typeof val === "number" ? val : (0, import_get_size.getSize)(val, -1);
|
|
250
|
-
return {
|
|
251
|
-
width: size,
|
|
252
|
-
height: size,
|
|
253
|
-
minWidth: size,
|
|
254
|
-
minHeight: size
|
|
255
|
-
};
|
|
256
|
-
};
|
|
257
|
-
const SliderThumbFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
|
|
258
|
-
name: "SliderThumb",
|
|
259
|
-
position: "absolute",
|
|
260
|
-
bordered: 2,
|
|
261
|
-
borderWidth: 2,
|
|
262
|
-
backgrounded: true,
|
|
263
|
-
pressTheme: import_core.isWeb,
|
|
264
|
-
focusTheme: import_core.isWeb,
|
|
265
|
-
hoverTheme: import_core.isWeb,
|
|
266
|
-
variants: {
|
|
267
|
-
size: {
|
|
268
|
-
"...size": getThumbSize
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
});
|
|
272
|
-
const SliderThumb = React.forwardRef(
|
|
273
|
-
(props, forwardedRef) => {
|
|
274
|
-
const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props;
|
|
275
|
-
const context = (0, import_constants.useSliderContext)(THUMB_NAME, __scopeSlider);
|
|
276
|
-
const orientation = (0, import_constants.useSliderOrientationContext)(THUMB_NAME, __scopeSlider);
|
|
277
|
-
const [thumb, setThumb] = React.useState(null);
|
|
278
|
-
const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setThumb(node));
|
|
279
|
-
const value = context.values[index];
|
|
280
|
-
const percent = value === void 0 ? 0 : (0, import_helpers2.convertValueToPercentage)(value, context.min, context.max);
|
|
281
|
-
const label = (0, import_helpers2.getLabel)(index, context.values.length);
|
|
282
|
-
const sizeIn = sizeProp ?? context.size ?? "$true";
|
|
283
|
-
const [size, setSize] = React.useState(() => {
|
|
284
|
-
const estimatedSize = (0, import_core.getVariableValue)(getThumbSize(sizeIn).width);
|
|
285
|
-
return estimatedSize;
|
|
286
|
-
});
|
|
287
|
-
const thumbInBoundsOffset = size ? (0, import_helpers2.getThumbInBoundsOffset)(size, percent, orientation.direction) : 0;
|
|
288
|
-
React.useEffect(() => {
|
|
289
|
-
if (thumb) {
|
|
290
|
-
context.thumbs.add(thumb);
|
|
291
|
-
return () => {
|
|
292
|
-
context.thumbs.delete(thumb);
|
|
293
|
-
};
|
|
294
|
-
}
|
|
295
|
-
}, [thumb, context.thumbs]);
|
|
296
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
297
|
-
SliderThumbFrame,
|
|
298
|
-
{
|
|
299
|
-
ref: composedRefs,
|
|
300
|
-
role: "slider",
|
|
301
|
-
"aria-label": props["aria-label"] || label,
|
|
302
|
-
"aria-valuemin": context.min,
|
|
303
|
-
"aria-valuenow": value,
|
|
304
|
-
"aria-valuemax": context.max,
|
|
305
|
-
"aria-orientation": context.orientation,
|
|
306
|
-
"data-orientation": context.orientation,
|
|
307
|
-
"data-disabled": context.disabled ? "" : void 0,
|
|
308
|
-
tabIndex: context.disabled ? void 0 : 0,
|
|
309
|
-
animateOnly: ["transform", "left", "right", "top", "bottom"],
|
|
310
|
-
...thumbProps,
|
|
311
|
-
...context.orientation === "horizontal" ? {
|
|
312
|
-
x: thumbInBoundsOffset - size / 2,
|
|
313
|
-
y: -size / 2,
|
|
314
|
-
top: "50%",
|
|
315
|
-
...size === 0 && {
|
|
316
|
-
top: "auto",
|
|
317
|
-
bottom: "auto"
|
|
318
|
-
}
|
|
319
|
-
} : {
|
|
320
|
-
x: -size / 2,
|
|
321
|
-
y: size / 2,
|
|
322
|
-
left: "50%",
|
|
323
|
-
...size === 0 && {
|
|
324
|
-
left: "auto",
|
|
325
|
-
right: "auto"
|
|
326
|
-
}
|
|
327
|
-
},
|
|
328
|
-
...{
|
|
329
|
-
[orientation.startEdge]: `${percent}%`
|
|
330
|
-
},
|
|
331
|
-
size: sizeIn,
|
|
332
|
-
onLayout: (e) => {
|
|
333
|
-
setSize(e.nativeEvent.layout[orientation.sizeProp]);
|
|
334
|
-
},
|
|
335
|
-
onFocus: (0, import_helpers.composeEventHandlers)(props.onFocus, () => {
|
|
336
|
-
context.valueIndexToChangeRef.current = index;
|
|
337
|
-
})
|
|
338
|
-
}
|
|
339
|
-
);
|
|
340
|
-
}
|
|
341
|
-
);
|
|
342
|
-
SliderThumb.displayName = THUMB_NAME;
|
|
343
|
-
const Slider = (0, import_core.withStaticProperties)(
|
|
344
|
-
React.forwardRef((props, forwardedRef) => {
|
|
345
|
-
const {
|
|
346
|
-
name,
|
|
347
|
-
min = 0,
|
|
348
|
-
max = 100,
|
|
349
|
-
step = 1,
|
|
350
|
-
orientation = "horizontal",
|
|
351
|
-
disabled = false,
|
|
352
|
-
minStepsBetweenThumbs = 0,
|
|
353
|
-
defaultValue = [min],
|
|
354
|
-
value,
|
|
355
|
-
onValueChange = () => {
|
|
356
|
-
},
|
|
357
|
-
size: sizeProp,
|
|
358
|
-
...sliderProps
|
|
359
|
-
} = props;
|
|
360
|
-
const sliderRef = React.useRef(null);
|
|
361
|
-
const composedRefs = (0, import_compose_refs.useComposedRefs)(sliderRef, forwardedRef);
|
|
362
|
-
const thumbRefs = React.useRef(/* @__PURE__ */ new Set());
|
|
363
|
-
const valueIndexToChangeRef = React.useRef(0);
|
|
364
|
-
const isHorizontal = orientation === "horizontal";
|
|
365
|
-
const [values = [], setValues] = (0, import_use_controllable_state.useControllableState)({
|
|
366
|
-
prop: value,
|
|
367
|
-
defaultProp: defaultValue,
|
|
368
|
-
transition: true,
|
|
369
|
-
onChange: (value2) => {
|
|
370
|
-
var _a;
|
|
371
|
-
if (import_core.isWeb) {
|
|
372
|
-
const thumbs = [...thumbRefs.current];
|
|
373
|
-
(_a = thumbs[valueIndexToChangeRef.current]) == null ? void 0 : _a.focus();
|
|
374
|
-
}
|
|
375
|
-
onValueChange(value2);
|
|
376
|
-
}
|
|
377
|
-
});
|
|
378
|
-
if (import_core.isWeb) {
|
|
379
|
-
React.useEffect(() => {
|
|
380
|
-
const node = sliderRef.current;
|
|
381
|
-
if (!node)
|
|
382
|
-
return;
|
|
383
|
-
const preventDefault = (e) => {
|
|
384
|
-
e.preventDefault();
|
|
385
|
-
};
|
|
386
|
-
node.addEventListener("touchstart", preventDefault);
|
|
387
|
-
return () => {
|
|
388
|
-
node.removeEventListener("touchstart", preventDefault);
|
|
389
|
-
};
|
|
390
|
-
}, []);
|
|
391
|
-
}
|
|
392
|
-
function handleSlideMove(value2) {
|
|
393
|
-
updateValues(value2, valueIndexToChangeRef.current);
|
|
394
|
-
}
|
|
395
|
-
function updateValues(value2, atIndex) {
|
|
396
|
-
const decimalCount = (0, import_helpers2.getDecimalCount)(step);
|
|
397
|
-
const snapToStep = (0, import_helpers2.roundValue)(
|
|
398
|
-
Math.round((value2 - min) / step) * step + min,
|
|
399
|
-
decimalCount
|
|
400
|
-
);
|
|
401
|
-
const nextValue = (0, import_helpers.clamp)(snapToStep, [min, max]);
|
|
402
|
-
setValues((prevValues = []) => {
|
|
403
|
-
const nextValues = (0, import_helpers2.getNextSortedValues)(prevValues, nextValue, atIndex);
|
|
404
|
-
if ((0, import_helpers2.hasMinStepsBetweenValues)(nextValues, minStepsBetweenThumbs * step)) {
|
|
405
|
-
valueIndexToChangeRef.current = nextValues.indexOf(nextValue);
|
|
406
|
-
return String(nextValues) === String(prevValues) ? prevValues : nextValues;
|
|
407
|
-
} else {
|
|
408
|
-
return prevValues;
|
|
409
|
-
}
|
|
410
|
-
});
|
|
411
|
-
}
|
|
412
|
-
const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
|
|
413
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
414
|
-
import_constants.SliderProvider,
|
|
415
|
-
{
|
|
416
|
-
scope: props.__scopeSlider,
|
|
417
|
-
disabled,
|
|
418
|
-
min,
|
|
419
|
-
max,
|
|
420
|
-
valueIndexToChangeRef,
|
|
421
|
-
thumbs: thumbRefs.current,
|
|
422
|
-
values,
|
|
423
|
-
orientation,
|
|
424
|
-
size: sizeProp,
|
|
425
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
426
|
-
SliderOriented,
|
|
427
|
-
{
|
|
428
|
-
"aria-disabled": disabled,
|
|
429
|
-
"data-disabled": disabled ? "" : void 0,
|
|
430
|
-
...sliderProps,
|
|
431
|
-
ref: composedRefs,
|
|
432
|
-
min,
|
|
433
|
-
max,
|
|
434
|
-
onSlideStart: disabled ? void 0 : (value2, target) => {
|
|
435
|
-
if (target !== "thumb") {
|
|
436
|
-
const closestIndex = (0, import_helpers2.getClosestValueIndex)(values, value2);
|
|
437
|
-
updateValues(value2, closestIndex);
|
|
438
|
-
}
|
|
439
|
-
},
|
|
440
|
-
onSlideMove: disabled ? void 0 : handleSlideMove,
|
|
441
|
-
onHomeKeyDown: () => !disabled && updateValues(min, 0),
|
|
442
|
-
onEndKeyDown: () => !disabled && updateValues(max, values.length - 1),
|
|
443
|
-
onStepKeyDown: ({ event, direction: stepDirection }) => {
|
|
444
|
-
if (!disabled) {
|
|
445
|
-
const isPageKey = import_constants.PAGE_KEYS.includes(event.key);
|
|
446
|
-
const isSkipKey = isPageKey || event.shiftKey && import_constants.ARROW_KEYS.includes(event.key);
|
|
447
|
-
const multiplier = isSkipKey ? 10 : 1;
|
|
448
|
-
const atIndex = valueIndexToChangeRef.current;
|
|
449
|
-
const value2 = values[atIndex];
|
|
450
|
-
const stepInDirection = step * multiplier * stepDirection;
|
|
451
|
-
updateValues(value2 + stepInDirection, atIndex);
|
|
452
|
-
}
|
|
453
|
-
}
|
|
454
|
-
}
|
|
455
|
-
)
|
|
456
|
-
}
|
|
457
|
-
);
|
|
458
|
-
}),
|
|
459
|
-
{
|
|
460
|
-
Track: SliderTrack,
|
|
461
|
-
TrackActive: SliderTrackActive,
|
|
462
|
-
Thumb: SliderThumb
|
|
463
|
-
}
|
|
464
|
-
);
|
|
465
|
-
Slider.displayName = import_constants.SLIDER_NAME;
|
|
466
|
-
const Track = SliderTrack;
|
|
467
|
-
const Range = SliderTrackActive;
|
|
468
|
-
const Thumb = SliderThumb;
|
|
469
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
470
|
-
0 && (module.exports = {
|
|
471
|
-
Range,
|
|
472
|
-
Slider,
|
|
473
|
-
SliderThumb,
|
|
474
|
-
SliderThumbFrame,
|
|
475
|
-
SliderTrack,
|
|
476
|
-
SliderTrackActive,
|
|
477
|
-
SliderTrackActiveFrame,
|
|
478
|
-
SliderTrackFrame,
|
|
479
|
-
Thumb,
|
|
480
|
-
Track
|
|
481
|
-
});
|
|
1
|
+
"use strict";var se=Object.create;var O=Object.defineProperty;var ae=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var le=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var ue=(e,r)=>{for(var s in r)O(e,s,{get:r[s],enumerable:!0})},G=(e,r,s,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of de(r))!ce.call(e,t)&&t!==s&&O(e,t,{get:()=>r[t],enumerable:!(n=ae(r,t))||n.enumerable});return e};var me=(e,r,s)=>(s=e!=null?se(le(e)):{},G(r||!e||!e.__esModule?O(s,"default",{value:e,enumerable:!0}):s,e)),pe=e=>G(O({},"__esModule",{value:!0}),e);var he={};ue(he,{Range:()=>oe,Slider:()=>B,SliderThumb:()=>I,SliderThumbFrame:()=>ee,SliderTrack:()=>K,SliderTrackActive:()=>M,SliderTrackActiveFrame:()=>Z,SliderTrackFrame:()=>Q,Thumb:()=>re,Track:()=>te});module.exports=pe(he);var x=require("react/jsx-runtime"),V=require("@tamagui/compose-refs"),v=require("@tamagui/core"),U=require("@tamagui/get-size"),D=require("@tamagui/helpers"),j=require("@tamagui/stacks"),q=require("@tamagui/use-controllable-state"),J=require("@tamagui/use-direction"),m=me(require("react")),a=require("./constants"),c=require("./helpers"),A=require("./SliderImpl");const fe=m.forwardRef((e,r)=>{const{min:s,max:n,dir:t,onSlideStart:u,onSlideMove:o,onStepKeyDown:d,...h}=e,z=(0,J.useDirection)(t),P=z==="ltr",g=m.useRef(null),[l,p]=m.useState(()=>({size:0,offset:0}));function T(i){const S=[0,l.size];return(0,c.linearScale)(S,P?[s,n]:[n,s])(i)}return(0,x.jsx)(a.SliderOrientationProvider,{scope:e.__scopeSlider,startEdge:P?"left":"right",endEdge:P?"right":"left",direction:P?1:-1,sizeProp:"width",size:l.size,children:(0,x.jsx)(A.SliderImpl,{ref:(0,V.composeRefs)(r,g),dir:z,...h,orientation:"horizontal",onLayout:()=>{var i;(i=g.current)==null||i.measure((S,b,k,y,L,Y)=>{p({size:k,offset:L})})},onSlideStart:(i,S)=>{const b=T(i.nativeEvent.locationX);b&&(u==null||u(b,S))},onSlideMove:i=>{const S=T(i.nativeEvent.pageX-l.offset);S&&(o==null||o(S))},onSlideEnd:()=>{},onStepKeyDown:i=>{const S=a.BACK_KEYS[z].includes(i.key);d==null||d({event:i,direction:S?-1:1})}})})}),Se=m.forwardRef((e,r)=>{const{min:s,max:n,onSlideStart:t,onSlideMove:u,onStepKeyDown:o,...d}=e,[h,z]=m.useState(()=>({size:0,offset:0})),P=m.useRef(null);function g(l){const p=[0,h.size];return(0,c.linearScale)(p,[n,s])(l)}return(0,x.jsx)(a.SliderOrientationProvider,{scope:e.__scopeSlider,startEdge:"bottom",endEdge:"top",sizeProp:"height",size:h.size,direction:1,children:(0,x.jsx)(A.SliderImpl,{ref:(0,V.composeRefs)(r,P),...d,orientation:"vertical",onLayout:({nativeEvent:{layout:l}})=>{var p;(p=P.current)==null||p.measure((T,i,S,b,k,y)=>{z({size:b,offset:y})})},onSlideStart:(l,p)=>{const T=g(l.nativeEvent.locationY);T&&(t==null||t(T,p))},onSlideMove:l=>{const p=g(l.nativeEvent.pageY-h.offset);p&&(u==null||u(p))},onSlideEnd:()=>{},onStepKeyDown:l=>{const p=a.BACK_KEYS.ltr.includes(l.key);o==null||o({event:l,direction:p?-1:1})}})})}),W="SliderTrack",Q=(0,v.styled)(A.SliderFrame,{name:"SliderTrack",height:"100%",width:"100%",backgroundColor:"$background",position:"relative",borderRadius:1e5,overflow:"hidden"}),K=m.forwardRef((e,r)=>{const{__scopeSlider:s,...n}=e,t=(0,a.useSliderContext)(W,s);return(0,x.jsx)(Q,{"data-disabled":t.disabled?"":void 0,"data-orientation":t.orientation,orientation:t.orientation,size:t.size,...n,ref:r})});K.displayName=W;const N="SliderTrackActive",Z=(0,v.styled)(A.SliderFrame,{name:"SliderTrackActive",backgroundColor:"$background",position:"absolute"}),M=m.forwardRef((e,r)=>{const{__scopeSlider:s,...n}=e,t=(0,a.useSliderContext)(N,s),u=(0,a.useSliderOrientationContext)(N,s),o=m.useRef(null),d=(0,V.useComposedRefs)(r,o),h=t.values.length,z=t.values.map(l=>(0,c.convertValueToPercentage)(l,t.min,t.max)),P=h>1?Math.min(...z):0,g=100-Math.max(...z);return(0,x.jsx)(Z,{orientation:t.orientation,"data-orientation":t.orientation,"data-disabled":t.disabled?"":void 0,size:t.size,...n,ref:d,[u.startEdge]:`${P}%`,[u.endEdge]:`${g}%`,...u.sizeProp==="width"?{height:"100%"}:{left:0,right:0}})});M.displayName=N;const F="SliderThumb",X=e=>{const r=typeof e=="number"?e:(0,U.getSize)(e,-1);return{width:r,height:r,minWidth:r,minHeight:r}},ee=(0,v.styled)(j.ThemeableStack,{name:"SliderThumb",position:"absolute",bordered:2,borderWidth:2,backgrounded:!0,pressTheme:v.isWeb,focusTheme:v.isWeb,hoverTheme:v.isWeb,variants:{size:{"...size":X}}}),I=m.forwardRef((e,r)=>{const{__scopeSlider:s,index:n,size:t,...u}=e,o=(0,a.useSliderContext)(F,s),d=(0,a.useSliderOrientationContext)(F,s),[h,z]=m.useState(null),P=(0,V.useComposedRefs)(r,k=>z(k)),g=o.values[n],l=g===void 0?0:(0,c.convertValueToPercentage)(g,o.min,o.max),p=(0,c.getLabel)(n,o.values.length),T=t??o.size??"$true",[i,S]=m.useState(()=>(0,v.getVariableValue)(X(T).width)),b=i?(0,c.getThumbInBoundsOffset)(i,l,d.direction):0;return m.useEffect(()=>{if(h)return o.thumbs.add(h),()=>{o.thumbs.delete(h)}},[h,o.thumbs]),(0,x.jsx)(ee,{ref:P,role:"slider","aria-label":e["aria-label"]||p,"aria-valuemin":o.min,"aria-valuenow":g,"aria-valuemax":o.max,"aria-orientation":o.orientation,"data-orientation":o.orientation,"data-disabled":o.disabled?"":void 0,tabIndex:o.disabled?void 0:0,animateOnly:["transform","left","right","top","bottom"],...u,...o.orientation==="horizontal"?{x:b-i/2,y:-i/2,top:"50%",...i===0&&{top:"auto",bottom:"auto"}}:{x:-i/2,y:i/2,left:"50%",...i===0&&{left:"auto",right:"auto"}},[d.startEdge]:`${l}%`,size:T,onLayout:k=>{S(k.nativeEvent.layout[d.sizeProp])},onFocus:(0,D.composeEventHandlers)(e.onFocus,()=>{o.valueIndexToChangeRef.current=n})})});I.displayName=F;const B=(0,v.withStaticProperties)(m.forwardRef((e,r)=>{const{name:s,min:n=0,max:t=100,step:u=1,orientation:o="horizontal",disabled:d=!1,minStepsBetweenThumbs:h=0,defaultValue:z=[n],value:P,onValueChange:g=()=>{},size:l,...p}=e,T=m.useRef(null),i=(0,V.useComposedRefs)(T,r),S=m.useRef(new Set),b=m.useRef(0),k=o==="horizontal",[y=[],L]=(0,q.useControllableState)({prop:P,defaultProp:z,transition:!0,onChange:f=>{var w;v.isWeb&&((w=[...S.current][b.current])==null||w.focus()),g(f)}});v.isWeb&&m.useEffect(()=>{const f=T.current;if(!f)return;const w=E=>{E.preventDefault()};return f.addEventListener("touchstart",w),()=>{f.removeEventListener("touchstart",w)}},[]);function Y(f){C(f,b.current)}function C(f,w){const E=(0,c.getDecimalCount)(u),$=(0,c.roundValue)(Math.round((f-n)/u)*u+n,E),H=(0,D.clamp)($,[n,t]);L((R=[])=>{const _=(0,c.getNextSortedValues)(R,H,w);return(0,c.hasMinStepsBetweenValues)(_,h*u)?(b.current=_.indexOf(H),String(_)===String(R)?R:_):R})}const ie=k?fe:Se;return(0,x.jsx)(a.SliderProvider,{scope:e.__scopeSlider,disabled:d,min:n,max:t,valueIndexToChangeRef:b,thumbs:S.current,values:y,orientation:o,size:l,children:(0,x.jsx)(ie,{"aria-disabled":d,"data-disabled":d?"":void 0,...p,ref:i,min:n,max:t,onSlideStart:d?void 0:(f,w)=>{if(w!=="thumb"){const E=(0,c.getClosestValueIndex)(y,f);C(f,E)}},onSlideMove:d?void 0:Y,onHomeKeyDown:()=>!d&&C(n,0),onEndKeyDown:()=>!d&&C(t,y.length-1),onStepKeyDown:({event:f,direction:w})=>{if(!d){const H=a.PAGE_KEYS.includes(f.key)||f.shiftKey&&a.ARROW_KEYS.includes(f.key)?10:1,R=b.current,_=y[R],ne=u*H*w;C(_+ne,R)}}})})}),{Track:K,TrackActive:M,Thumb:I});B.displayName=a.SLIDER_NAME;const te=K,oe=M,re=I;0&&(module.exports={Range,Slider,SliderThumb,SliderThumbFrame,SliderTrack,SliderTrackActive,SliderTrackActiveFrame,SliderTrackFrame,Thumb,Track});
|
|
482
2
|
//# sourceMappingURL=Slider.js.map
|
package/dist/cjs/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 getVariableValue,\n isWeb,\n styled,\n withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\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 } =\n 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={({ nativeEvent: { layout } }) => {\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 bordered: 2,\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 } as const,\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 sizeIn = sizeProp ?? context.size ?? '$true'\n const [size, setSize] = React.useState(() => {\n // for SSR\n const estimatedSize = getVariableValue(getThumbSize(sizeIn).width) as number\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 animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\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 {...{\n [orientation.startEdge]: `${percent}%`,\n }}\n size={sizeIn}\n onLayout={(e) => {\n setSize(e.nativeEvent.layout[orientation.sizeProp])\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 transition: true,\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(\n Math.round((value - min) / step) * step + min,\n decimalCount\n )\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 =\n 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": "
|
|
6
|
-
"names": ["import_helpers", "value"]
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Slider_exports", "__export", "Range", "Slider", "SliderThumb", "SliderThumbFrame", "SliderTrack", "SliderTrackActive", "SliderTrackActiveFrame", "SliderTrackFrame", "Thumb", "Track", "__toCommonJS", "import_jsx_runtime", "import_compose_refs", "import_core", "import_get_size", "import_helpers", "import_stacks", "import_use_controllable_state", "import_use_direction", "React", "import_constants", "import_SliderImpl", "SliderHorizontal", "props", "forwardedRef", "min", "max", "dir", "onSlideStart", "onSlideMove", "onStepKeyDown", "sliderProps", "direction", "isDirectionLTR", "sliderRef", "state", "setState", "getValueFromPointer", "pointerPosition", "input", "_a", "_x", "_y", "width", "_height", "pageX", "_pageY", "event", "target", "value", "isBackKey", "SliderVertical", "layout", "_width", "height", "_pageX", "pageY", "TRACK_NAME", "__scopeSlider", "trackProps", "context", "RANGE_NAME", "rangeProps", "orientation", "ref", "composedRefs", "valuesCount", "percentages", "offsetStart", "offsetEnd", "THUMB_NAME", "getThumbSize", "val", "size", "index", "sizeProp", "thumbProps", "thumb", "setThumb", "node", "percent", "label", "sizeIn", "setSize", "thumbInBoundsOffset", "e", "name", "step", "disabled", "minStepsBetweenThumbs", "defaultValue", "onValueChange", "thumbRefs", "valueIndexToChangeRef", "isHorizontal", "values", "setValues", "preventDefault", "handleSlideMove", "updateValues", "atIndex", "decimalCount", "snapToStep", "nextValue", "prevValues", "nextValues", "SliderOriented", "closestIndex", "stepDirection", "multiplier", "stepInDirection"]
|
|
7
7
|
}
|