@fluentui/react-slider 9.0.0-beta.1 → 9.0.0-beta.12
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/CHANGELOG.json +528 -1
- package/CHANGELOG.md +150 -2
- package/MIGRATION.md +20 -50
- package/README.md +6 -14
- package/Spec.md +81 -0
- package/dist/react-slider.d.ts +35 -147
- package/lib/Slider.js.map +1 -1
- package/lib/components/Slider/Slider.js +7 -7
- package/lib/components/Slider/Slider.js.map +1 -1
- package/lib/components/Slider/Slider.types.d.ts +27 -60
- package/lib/components/Slider/Slider.types.js.map +1 -1
- package/lib/components/Slider/index.d.ts +2 -2
- package/lib/components/Slider/index.js +2 -2
- package/lib/components/Slider/index.js.map +1 -1
- package/lib/components/Slider/renderSlider.d.ts +1 -1
- package/lib/components/Slider/renderSlider.js +10 -8
- package/lib/components/Slider/renderSlider.js.map +1 -1
- package/lib/components/Slider/useSlider.d.ts +2 -6
- package/lib/components/Slider/useSlider.js +48 -80
- package/lib/components/Slider/useSlider.js.map +1 -1
- package/lib/components/Slider/useSliderState.d.ts +1 -2
- package/lib/components/Slider/useSliderState.js +55 -185
- package/lib/components/Slider/useSliderState.js.map +1 -1
- package/lib/components/Slider/useSliderStyles.d.ts +11 -40
- package/lib/components/Slider/useSliderStyles.js +185 -290
- package/lib/components/Slider/useSliderStyles.js.map +1 -1
- package/lib/index.d.ts +2 -2
- package/lib/index.js +1 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Slider.js +1 -1
- package/lib-commonjs/Slider.js.map +1 -1
- package/lib-commonjs/components/Slider/Slider.js +8 -8
- package/lib-commonjs/components/Slider/Slider.js.map +1 -1
- package/lib-commonjs/components/Slider/Slider.types.d.ts +27 -60
- package/lib-commonjs/components/Slider/Slider.types.js.map +1 -1
- package/lib-commonjs/components/Slider/index.d.ts +2 -2
- package/lib-commonjs/components/Slider/index.js +12 -6
- package/lib-commonjs/components/Slider/index.js.map +1 -1
- package/lib-commonjs/components/Slider/renderSlider.d.ts +1 -1
- package/lib-commonjs/components/Slider/renderSlider.js +14 -14
- package/lib-commonjs/components/Slider/renderSlider.js.map +1 -1
- package/lib-commonjs/components/Slider/useSlider.d.ts +2 -6
- package/lib-commonjs/components/Slider/useSlider.js +51 -84
- package/lib-commonjs/components/Slider/useSlider.js.map +1 -1
- package/lib-commonjs/components/Slider/useSliderState.d.ts +1 -2
- package/lib-commonjs/components/Slider/useSliderState.js +58 -190
- package/lib-commonjs/components/Slider/useSliderState.js.map +1 -1
- package/lib-commonjs/components/Slider/useSliderStyles.d.ts +11 -40
- package/lib-commonjs/components/Slider/useSliderStyles.js +188 -293
- package/lib-commonjs/components/Slider/useSliderStyles.js.map +1 -1
- package/lib-commonjs/index.d.ts +2 -2
- package/lib-commonjs/index.js +38 -4
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +20 -22
- package/lib/RangedSlider.d.ts +0 -1
- package/lib/RangedSlider.js +0 -2
- package/lib/RangedSlider.js.map +0 -1
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -12
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/RangedSlider/RangedSlider.d.ts +0 -6
- package/lib/components/RangedSlider/RangedSlider.js +0 -15
- package/lib/components/RangedSlider/RangedSlider.js.map +0 -1
- package/lib/components/RangedSlider/RangedSlider.types.d.ts +0 -53
- package/lib/components/RangedSlider/RangedSlider.types.js +0 -2
- package/lib/components/RangedSlider/RangedSlider.types.js.map +0 -1
- package/lib/components/RangedSlider/index.d.ts +0 -6
- package/lib/components/RangedSlider/index.js +0 -7
- package/lib/components/RangedSlider/index.js.map +0 -1
- package/lib/components/RangedSlider/renderRangedSlider.d.ts +0 -5
- package/lib/components/RangedSlider/renderRangedSlider.js +0 -20
- package/lib/components/RangedSlider/renderRangedSlider.js.map +0 -1
- package/lib/components/RangedSlider/useRangedSlider.d.ts +0 -6
- package/lib/components/RangedSlider/useRangedSlider.js +0 -116
- package/lib/components/RangedSlider/useRangedSlider.js.map +0 -1
- package/lib/components/RangedSlider/useRangedSliderState.d.ts +0 -2
- package/lib/components/RangedSlider/useRangedSliderState.js +0 -271
- package/lib/components/RangedSlider/useRangedSliderState.js.map +0 -1
- package/lib/components/RangedSlider/useRangedSliderStyles.d.ts +0 -4
- package/lib/components/RangedSlider/useRangedSliderStyles.js +0 -92
- package/lib/components/RangedSlider/useRangedSliderStyles.js.map +0 -1
- package/lib/utils/calculateSteps.d.ts +0 -5
- package/lib/utils/calculateSteps.js +0 -27
- package/lib/utils/calculateSteps.js.map +0 -1
- package/lib/utils/findClosestThumb.d.ts +0 -4
- package/lib/utils/findClosestThumb.js +0 -7
- package/lib/utils/findClosestThumb.js.map +0 -1
- package/lib/utils/getKeydownValue.d.ts +0 -6
- package/lib/utils/getKeydownValue.js +0 -35
- package/lib/utils/getKeydownValue.js.map +0 -1
- package/lib/utils/getMarkPercent.d.ts +0 -12
- package/lib/utils/getMarkPercent.js +0 -27
- package/lib/utils/getMarkPercent.js.map +0 -1
- package/lib/utils/getMarkValues.d.ts +0 -13
- package/lib/utils/getMarkValues.js +0 -29
- package/lib/utils/getMarkValues.js.map +0 -1
- package/lib/utils/getPercent.d.ts +0 -8
- package/lib/utils/getPercent.js +0 -11
- package/lib/utils/getPercent.js.map +0 -1
- package/lib/utils/index.d.ts +0 -9
- package/lib/utils/index.js +0 -10
- package/lib/utils/index.js.map +0 -1
- package/lib/utils/on.d.ts +0 -11
- package/lib/utils/on.js +0 -17
- package/lib/utils/on.js.map +0 -1
- package/lib/utils/renderMarks.d.ts +0 -13
- package/lib/utils/renderMarks.js +0 -31
- package/lib/utils/renderMarks.js.map +0 -1
- package/lib/utils/validateRangedThumbValues.d.ts +0 -4
- package/lib/utils/validateRangedThumbValues.js +0 -13
- package/lib/utils/validateRangedThumbValues.js.map +0 -1
- package/lib-commonjs/RangedSlider.d.ts +0 -1
- package/lib-commonjs/RangedSlider.js +0 -10
- package/lib-commonjs/RangedSlider.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -23
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/RangedSlider.d.ts +0 -6
- package/lib-commonjs/components/RangedSlider/RangedSlider.js +0 -26
- package/lib-commonjs/components/RangedSlider/RangedSlider.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.d.ts +0 -53
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.js +0 -6
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/index.d.ts +0 -6
- package/lib-commonjs/components/RangedSlider/index.js +0 -20
- package/lib-commonjs/components/RangedSlider/index.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.d.ts +0 -5
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.js +0 -32
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/useRangedSlider.d.ts +0 -6
- package/lib-commonjs/components/RangedSlider/useRangedSlider.js +0 -128
- package/lib-commonjs/components/RangedSlider/useRangedSlider.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.d.ts +0 -2
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.js +0 -286
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.js.map +0 -1
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.d.ts +0 -4
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js +0 -104
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js.map +0 -1
- package/lib-commonjs/utils/calculateSteps.d.ts +0 -5
- package/lib-commonjs/utils/calculateSteps.js +0 -37
- package/lib-commonjs/utils/calculateSteps.js.map +0 -1
- package/lib-commonjs/utils/findClosestThumb.d.ts +0 -4
- package/lib-commonjs/utils/findClosestThumb.js +0 -16
- package/lib-commonjs/utils/findClosestThumb.js.map +0 -1
- package/lib-commonjs/utils/getKeydownValue.d.ts +0 -6
- package/lib-commonjs/utils/getKeydownValue.js +0 -45
- package/lib-commonjs/utils/getKeydownValue.js.map +0 -1
- package/lib-commonjs/utils/getMarkPercent.d.ts +0 -12
- package/lib-commonjs/utils/getMarkPercent.js +0 -36
- package/lib-commonjs/utils/getMarkPercent.js.map +0 -1
- package/lib-commonjs/utils/getMarkValues.d.ts +0 -13
- package/lib-commonjs/utils/getMarkValues.js +0 -39
- package/lib-commonjs/utils/getMarkValues.js.map +0 -1
- package/lib-commonjs/utils/getPercent.d.ts +0 -8
- package/lib-commonjs/utils/getPercent.js +0 -20
- package/lib-commonjs/utils/getPercent.js.map +0 -1
- package/lib-commonjs/utils/index.d.ts +0 -9
- package/lib-commonjs/utils/index.js +0 -26
- package/lib-commonjs/utils/index.js.map +0 -1
- package/lib-commonjs/utils/on.d.ts +0 -11
- package/lib-commonjs/utils/on.js +0 -26
- package/lib-commonjs/utils/on.js.map +0 -1
- package/lib-commonjs/utils/renderMarks.d.ts +0 -13
- package/lib-commonjs/utils/renderMarks.js +0 -42
- package/lib-commonjs/utils/renderMarks.js.map +0 -1
- package/lib-commonjs/utils/validateRangedThumbValues.d.ts +0 -4
- package/lib-commonjs/utils/validateRangedThumbValues.js +0 -23
- package/lib-commonjs/utils/validateRangedThumbValues.js.map +0 -1
|
@@ -1,286 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useRangedSliderState = void 0;
|
|
7
|
-
|
|
8
|
-
var tslib_1 = /*#__PURE__*/require("tslib");
|
|
9
|
-
|
|
10
|
-
var React = /*#__PURE__*/require("react");
|
|
11
|
-
|
|
12
|
-
var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
|
13
|
-
|
|
14
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
|
-
|
|
16
|
-
var index_1 = /*#__PURE__*/require("../../utils/index");
|
|
17
|
-
|
|
18
|
-
var useSliderState_1 = /*#__PURE__*/require("../Slider/useSliderState");
|
|
19
|
-
|
|
20
|
-
var useRangedSliderState = function (state) {
|
|
21
|
-
var _a, _b;
|
|
22
|
-
|
|
23
|
-
var _c = state.max,
|
|
24
|
-
max = _c === void 0 ? 100 : _c,
|
|
25
|
-
_d = state.min,
|
|
26
|
-
min = _d === void 0 ? 0 : _d,
|
|
27
|
-
_e = state.step,
|
|
28
|
-
step = _e === void 0 ? 1 : _e;
|
|
29
|
-
var ariaValueText = state.ariaValueText,
|
|
30
|
-
_f = state.defaultValue,
|
|
31
|
-
defaultValue = _f === void 0 ? [min, max] : _f,
|
|
32
|
-
_g = state.disabled,
|
|
33
|
-
disabled = _g === void 0 ? false : _g,
|
|
34
|
-
_h = state.keyboardStep,
|
|
35
|
-
keyboardStep = _h === void 0 ? step : _h,
|
|
36
|
-
marks = state.marks,
|
|
37
|
-
onChange = state.onChange,
|
|
38
|
-
value = state.value,
|
|
39
|
-
_j = state.vertical,
|
|
40
|
-
vertical = _j === void 0 ? false : _j;
|
|
41
|
-
var _k = state.root,
|
|
42
|
-
onKeyDownCallback = _k.onKeyDown,
|
|
43
|
-
onPointerDownCallback = _k.onPointerDown;
|
|
44
|
-
var dir = react_shared_contexts_1.useFluent().dir;
|
|
45
|
-
var lowerInputRef = React.useRef(null);
|
|
46
|
-
var upperInputRef = React.useRef(null);
|
|
47
|
-
var railRef = React.useRef(null);
|
|
48
|
-
var internalState = React.useRef({
|
|
49
|
-
internalValue: value ? index_1.validateRangedThumbValues(value, min, max) : index_1.validateRangedThumbValues(defaultValue, min, max),
|
|
50
|
-
lockedValue: 0,
|
|
51
|
-
activeThumb: 'lowerValue',
|
|
52
|
-
disposables: []
|
|
53
|
-
});
|
|
54
|
-
|
|
55
|
-
var _l = react_utilities_1.useBoolean(false),
|
|
56
|
-
stepAnimation = _l[0],
|
|
57
|
-
_m = _l[1],
|
|
58
|
-
showStepAnimation = _m.setTrue,
|
|
59
|
-
hideStepAnimation = _m.setFalse;
|
|
60
|
-
|
|
61
|
-
var _o = React.useState(value ? index_1.validateRangedThumbValues(value, min, max) : index_1.validateRangedThumbValues(defaultValue, min, max)),
|
|
62
|
-
renderedPosition = _o[0],
|
|
63
|
-
setRenderedPosition = _o[1];
|
|
64
|
-
|
|
65
|
-
var _p = react_utilities_1.useControllableState({
|
|
66
|
-
state: value && index_1.validateRangedThumbValues(value, min, max),
|
|
67
|
-
defaultState: index_1.validateRangedThumbValues(defaultValue, min, max),
|
|
68
|
-
initialState: [min, max]
|
|
69
|
-
}),
|
|
70
|
-
currentValue = _p[0],
|
|
71
|
-
setCurrentValue = _p[1];
|
|
72
|
-
/**
|
|
73
|
-
* Updates the active thumb of the RangedSlider
|
|
74
|
-
*/
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
var updateActiveThumb = React.useCallback(function (incomingValue) {
|
|
78
|
-
switch (internalState.current.activeThumb) {
|
|
79
|
-
case 'lowerValue':
|
|
80
|
-
if (incomingValue > internalState.current.internalValue[1]) {
|
|
81
|
-
internalState.current.activeThumb = 'upperValue';
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
break;
|
|
85
|
-
|
|
86
|
-
case 'upperValue':
|
|
87
|
-
if (incomingValue < internalState.current.internalValue[0]) {
|
|
88
|
-
internalState.current.activeThumb = 'lowerValue';
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
break;
|
|
92
|
-
}
|
|
93
|
-
}, []);
|
|
94
|
-
/**
|
|
95
|
-
* Updates the controlled `currentValue` to the new `incomingValue` and clamps it.
|
|
96
|
-
*/
|
|
97
|
-
|
|
98
|
-
var updateValue = react_utilities_1.useEventCallback(function (incomingValue, ev) {
|
|
99
|
-
var clampedValue = react_utilities_1.clamp(incomingValue, min, max);
|
|
100
|
-
var newValue = [internalState.current.activeThumb === 'lowerValue' ? clampedValue : internalState.current.lockedValue, internalState.current.activeThumb === 'upperValue' ? clampedValue : internalState.current.lockedValue];
|
|
101
|
-
|
|
102
|
-
if (clampedValue !== min && clampedValue !== max) {
|
|
103
|
-
ev.stopPropagation();
|
|
104
|
-
|
|
105
|
-
if (ev.type === 'keydown') {
|
|
106
|
-
ev.preventDefault();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
internalState.current.internalValue = newValue;
|
|
111
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(ev, {
|
|
112
|
-
value: newValue
|
|
113
|
-
});
|
|
114
|
-
setCurrentValue(newValue);
|
|
115
|
-
});
|
|
116
|
-
/**
|
|
117
|
-
* Updates the controlled `currentValue` and `renderedPosition` of the RangedSlider.
|
|
118
|
-
*/
|
|
119
|
-
|
|
120
|
-
var updatePosition = React.useCallback(function (incomingValue, ev) {
|
|
121
|
-
updateActiveThumb(react_utilities_1.clamp(incomingValue, min, max));
|
|
122
|
-
internalState.current.internalValue = [internalState.current.activeThumb === 'lowerValue' ? react_utilities_1.clamp(incomingValue, min, max) : internalState.current.internalValue[0], internalState.current.activeThumb === 'upperValue' ? react_utilities_1.clamp(incomingValue, min, max) : internalState.current.internalValue[1]];
|
|
123
|
-
internalState.current.lockedValue = internalState.current.activeThumb === 'lowerValue' ? internalState.current.internalValue[1] : internalState.current.internalValue[0];
|
|
124
|
-
|
|
125
|
-
if (internalState.current.activeThumb === 'lowerValue') {
|
|
126
|
-
lowerInputRef.current.focus();
|
|
127
|
-
} else {
|
|
128
|
-
upperInputRef.current.focus();
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
setRenderedPosition(internalState.current.internalValue);
|
|
132
|
-
updateValue(incomingValue, ev);
|
|
133
|
-
}, [max, min, updateActiveThumb, updateValue]);
|
|
134
|
-
/**
|
|
135
|
-
* Updates the internal `renderedPosition` of the RangedSlider.
|
|
136
|
-
*/
|
|
137
|
-
|
|
138
|
-
var updatedRenderedPosition = React.useCallback(function (incomingValue) {
|
|
139
|
-
setRenderedPosition([internalState.current.activeThumb === 'lowerValue' ? incomingValue : internalState.current.internalValue[0], internalState.current.activeThumb === 'upperValue' ? incomingValue : internalState.current.internalValue[1]]);
|
|
140
|
-
}, []);
|
|
141
|
-
var onPointerMove = React.useCallback(function (ev) {
|
|
142
|
-
var position = index_1.calculateSteps(ev, railRef, min, max, step, vertical, dir);
|
|
143
|
-
var currentStepPosition = Math.round(position / step) * step;
|
|
144
|
-
updateActiveThumb(currentStepPosition);
|
|
145
|
-
updatedRenderedPosition(position);
|
|
146
|
-
updateValue(currentStepPosition, ev);
|
|
147
|
-
}, [dir, max, min, step, updateActiveThumb, updateValue, updatedRenderedPosition, vertical]);
|
|
148
|
-
var onPointerUp = React.useCallback(function (ev) {
|
|
149
|
-
internalState.current.disposables.forEach(function (dispose) {
|
|
150
|
-
return dispose();
|
|
151
|
-
});
|
|
152
|
-
internalState.current.disposables = [];
|
|
153
|
-
showStepAnimation(); // When undefined, the position falls back to the currentValue state.
|
|
154
|
-
|
|
155
|
-
setRenderedPosition(undefined);
|
|
156
|
-
|
|
157
|
-
if (internalState.current.activeThumb === 'lowerValue') {
|
|
158
|
-
lowerInputRef.current.focus();
|
|
159
|
-
} else {
|
|
160
|
-
upperInputRef.current.focus();
|
|
161
|
-
}
|
|
162
|
-
}, [showStepAnimation]);
|
|
163
|
-
var onPointerDown = React.useCallback(function (ev) {
|
|
164
|
-
var _a;
|
|
165
|
-
|
|
166
|
-
var pointerId = ev.pointerId;
|
|
167
|
-
var target = ev.target;
|
|
168
|
-
(_a = target.setPointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
|
|
169
|
-
onPointerDownCallback === null || onPointerDownCallback === void 0 ? void 0 : onPointerDownCallback(ev);
|
|
170
|
-
hideStepAnimation();
|
|
171
|
-
internalState.current.activeThumb = index_1.findClosestThumb(internalState.current.internalValue, index_1.calculateSteps(ev, railRef, min, max, step, vertical, dir));
|
|
172
|
-
internalState.current.lockedValue = internalState.current.activeThumb === 'lowerValue' ? internalState.current.internalValue[1] : internalState.current.internalValue[0];
|
|
173
|
-
internalState.current.disposables.push(index_1.on(target, 'pointermove', onPointerMove), index_1.on(target, 'pointerup', onPointerUp), function () {
|
|
174
|
-
var _a;
|
|
175
|
-
|
|
176
|
-
(_a = target.releasePointerCapture) === null || _a === void 0 ? void 0 : _a.call(target, pointerId);
|
|
177
|
-
});
|
|
178
|
-
onPointerMove(ev);
|
|
179
|
-
}, [dir, hideStepAnimation, max, min, onPointerDownCallback, onPointerMove, onPointerUp, step, vertical]);
|
|
180
|
-
var onInputChange = React.useCallback(function (ev) {
|
|
181
|
-
updatePosition(Number(ev.target.value), ev);
|
|
182
|
-
}, [updatePosition]);
|
|
183
|
-
var onKeyDown = React.useCallback(function (ev) {
|
|
184
|
-
var activeThumbIndex = internalState.current.activeThumb === 'lowerValue' ? 0 : 1;
|
|
185
|
-
hideStepAnimation();
|
|
186
|
-
var incomingValue = index_1.getKeydownValue(ev, currentValue[activeThumbIndex], min, max, dir, keyboardStep);
|
|
187
|
-
|
|
188
|
-
if (incomingValue !== min && incomingValue !== max) {
|
|
189
|
-
ev.stopPropagation();
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
onKeyDownCallback === null || onKeyDownCallback === void 0 ? void 0 : onKeyDownCallback(ev);
|
|
193
|
-
|
|
194
|
-
if (currentValue[activeThumbIndex] !== incomingValue) {
|
|
195
|
-
updatePosition(incomingValue, ev);
|
|
196
|
-
}
|
|
197
|
-
}, [currentValue, dir, hideStepAnimation, keyboardStep, max, min, onKeyDownCallback, updatePosition]);
|
|
198
|
-
var onKeyDownLower = React.useCallback(function (ev) {
|
|
199
|
-
internalState.current.activeThumb = 'lowerValue';
|
|
200
|
-
onKeyDown(ev);
|
|
201
|
-
}, [onKeyDown]);
|
|
202
|
-
var onKeyDownUpper = React.useCallback(function (ev) {
|
|
203
|
-
internalState.current.activeThumb = 'upperValue';
|
|
204
|
-
onKeyDown(ev);
|
|
205
|
-
}, [onKeyDown]);
|
|
206
|
-
react_utilities_1.useUnmount(function () {
|
|
207
|
-
internalState.current.disposables.forEach(function (dispose) {
|
|
208
|
-
return dispose();
|
|
209
|
-
});
|
|
210
|
-
internalState.current.disposables = [];
|
|
211
|
-
});
|
|
212
|
-
var lowerValuePercent = index_1.getPercent(renderedPosition !== undefined ? renderedPosition[0] : currentValue[0], min, max);
|
|
213
|
-
var upperValuePercent = index_1.getPercent(renderedPosition !== undefined ? renderedPosition[1] : currentValue[1], min, max);
|
|
214
|
-
var markValues = React.useMemo(function () {
|
|
215
|
-
return index_1.getMarkValue(marks, min, max, step);
|
|
216
|
-
}, [marks, max, min, step]);
|
|
217
|
-
var markPercent = React.useMemo(function () {
|
|
218
|
-
return index_1.getMarkPercent(markValues);
|
|
219
|
-
}, [markValues]);
|
|
220
|
-
|
|
221
|
-
var lowerThumbWrapperStyles = tslib_1.__assign({
|
|
222
|
-
transform: vertical ? "translateY(" + lowerValuePercent + "%)" : "translateX(" + (dir === 'rtl' ? -lowerValuePercent : lowerValuePercent) + "%)",
|
|
223
|
-
transition: stepAnimation ? "transform ease-in-out " + useSliderState_1.animationTime : 'none'
|
|
224
|
-
}, state.lowerThumbWrapper.style);
|
|
225
|
-
|
|
226
|
-
var upperThumbWrapperStyles = tslib_1.__assign({
|
|
227
|
-
transform: vertical ? "translateY(" + upperValuePercent + "%)" : "translateX(" + (dir === 'rtl' ? -upperValuePercent : upperValuePercent) + "%)",
|
|
228
|
-
transition: stepAnimation ? "transform ease-in-out " + useSliderState_1.animationTime : 'none'
|
|
229
|
-
}, state.upperThumbWrapper.style);
|
|
230
|
-
|
|
231
|
-
var marksWrapperStyles = marks ? tslib_1.__assign((_a = {}, _a[vertical ? 'gridTemplateRows' : 'gridTemplateColumns'] = markPercent.join(''), _a), state.marksWrapper.style) : {};
|
|
232
|
-
|
|
233
|
-
var trackStyles = tslib_1.__assign((_b = {}, _b[vertical ? 'top' : dir === 'rtl' ? 'right' : 'left'] = Math.min(lowerValuePercent, upperValuePercent) + "%", _b[vertical ? 'height' : 'width'] = Math.max(upperValuePercent - lowerValuePercent, lowerValuePercent - upperValuePercent) + "%", _b.transition = stepAnimation ? (vertical ? 'height' : 'width') + " ease-in-out " + useSliderState_1.animationTime + (', ' + vertical ? 'top' : dir === 'rtl' ? 'right' : 'left' + 'ease-in-out ' + useSliderState_1.animationTime) : 'none', _b), state.track.style); // Root props
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
if (!disabled) {
|
|
237
|
-
state.root.onPointerDown = onPointerDown;
|
|
238
|
-
} // Track Props
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
state.track.style = trackStyles; // Mark props
|
|
242
|
-
|
|
243
|
-
if (marks) {
|
|
244
|
-
state.marksWrapper.children = index_1.renderMarks(markValues, marks);
|
|
245
|
-
state.marksWrapper.style = marksWrapperStyles;
|
|
246
|
-
} // Lower Thumb Wrapper Props
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
state.lowerThumbWrapper.style = lowerThumbWrapperStyles; // Upper Thumb Wrapper Props
|
|
250
|
-
|
|
251
|
-
state.upperThumbWrapper.style = upperThumbWrapperStyles; // Active Rail Props
|
|
252
|
-
|
|
253
|
-
state.activeRail.ref = railRef; // Lower Input Props
|
|
254
|
-
|
|
255
|
-
state.lowerInput.ref = react_utilities_1.useMergedRefs(state.lowerInput.ref, lowerInputRef);
|
|
256
|
-
state.lowerInput.value = currentValue[0];
|
|
257
|
-
state.lowerInput.min = min;
|
|
258
|
-
state.lowerInput.max = max;
|
|
259
|
-
ariaValueText && (state.lowerInput['aria-valuetext'] = ariaValueText(currentValue[0]));
|
|
260
|
-
state.lowerInput.disabled = disabled;
|
|
261
|
-
state.lowerInput.step = step;
|
|
262
|
-
|
|
263
|
-
if (!disabled) {
|
|
264
|
-
state.lowerInput.onKeyDown = onKeyDownLower;
|
|
265
|
-
state.lowerInput.onChange = onInputChange;
|
|
266
|
-
} // Upper Input Props
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
state.upperInput.ref = react_utilities_1.useMergedRefs(state.upperInput.ref, upperInputRef);
|
|
270
|
-
state.upperInput.value = currentValue[1];
|
|
271
|
-
state.upperInput.min = min;
|
|
272
|
-
state.upperInput.max = max;
|
|
273
|
-
ariaValueText && (state.upperInput['aria-valuetext'] = ariaValueText(currentValue[1]));
|
|
274
|
-
state.upperInput.disabled = disabled;
|
|
275
|
-
state.upperInput.step = step;
|
|
276
|
-
|
|
277
|
-
if (!disabled) {
|
|
278
|
-
state.upperInput.onKeyDown = onKeyDownUpper;
|
|
279
|
-
state.upperInput.onChange = onInputChange;
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
return state;
|
|
283
|
-
};
|
|
284
|
-
|
|
285
|
-
exports.useRangedSliderState = useRangedSliderState;
|
|
286
|
-
//# sourceMappingURL=useRangedSliderState.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/RangedSlider/useRangedSliderState.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useRangedSliderStyles = exports.upperThumbClassName = exports.lowerThumbClassName = void 0;
|
|
7
|
-
|
|
8
|
-
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
|
-
|
|
10
|
-
var useSliderStyles_1 = /*#__PURE__*/require("../Slider/useSliderStyles");
|
|
11
|
-
|
|
12
|
-
var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
13
|
-
|
|
14
|
-
exports.lowerThumbClassName = /*#__PURE__*/react_make_styles_1.mergeClasses(useSliderStyles_1.thumbClassName, "" + (useSliderStyles_1.thumbClassName + '-lower'));
|
|
15
|
-
exports.upperThumbClassName = /*#__PURE__*/react_make_styles_1.mergeClasses(useSliderStyles_1.thumbClassName, "" + (useSliderStyles_1.thumbClassName + '-upper'));
|
|
16
|
-
/**
|
|
17
|
-
* Styles for the Input slot
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
var useInputStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
21
|
-
"input": {
|
|
22
|
-
"abs64n": "fk73vx1",
|
|
23
|
-
"qhf8xq": "f1euv43f",
|
|
24
|
-
"z8tnut": "f1g0x7ka",
|
|
25
|
-
"z189sj": ["fhxju0i", "f1cnd47f"],
|
|
26
|
-
"Byoj8tv": "f1qch9an",
|
|
27
|
-
"uwmqm3": ["f1cnd47f", "fhxju0i"],
|
|
28
|
-
"B6of3ja": "f1hu3pq6",
|
|
29
|
-
"t21cq0": ["f11qmguv", "f1tyq0we"],
|
|
30
|
-
"jrapky": "f19f4twv",
|
|
31
|
-
"Frg6f3": ["f1tyq0we", "f11qmguv"],
|
|
32
|
-
"a9b677": "f1j7mq28",
|
|
33
|
-
"Bqenvij": "frevy5r",
|
|
34
|
-
"Bkecrkj": "f1aehjj5"
|
|
35
|
-
},
|
|
36
|
-
"lowerInputFocusIndicator": {
|
|
37
|
-
"B486eqv": "f2hkw1w",
|
|
38
|
-
"Ebv6cd": "fd2w4cn",
|
|
39
|
-
"B497uk": "f199e773",
|
|
40
|
-
"m64g3n": "fath6b7",
|
|
41
|
-
"B0lnyh9": ["f1rqdbdw", "f1efr0gb"],
|
|
42
|
-
"Blki8xq": "fpnr40n",
|
|
43
|
-
"Bd1evov": ["f1efr0gb", "f1rqdbdw"],
|
|
44
|
-
"Fgb6zi": "f19i54s7",
|
|
45
|
-
"Banjxdc": ["fyx624l", "f3n4tzc"],
|
|
46
|
-
"ti1vqq": "f16jpg2e",
|
|
47
|
-
"Fuyjs8": ["f3n4tzc", "fyx624l"],
|
|
48
|
-
"B6i86k1": "f1mlqpil",
|
|
49
|
-
"B8qyzgl": ["ftp0ls1", "f1ptobcw"],
|
|
50
|
-
"Bxs9upu": "f9zkcaa",
|
|
51
|
-
"Bk1fuib": ["f1ptobcw", "ftp0ls1"]
|
|
52
|
-
},
|
|
53
|
-
"upperInputFocusIndicator": {
|
|
54
|
-
"B486eqv": "f2hkw1w",
|
|
55
|
-
"Bn6l4mq": "finoacs",
|
|
56
|
-
"B66uzhn": "f1crvwtz",
|
|
57
|
-
"Jyp86x": "f1oubq1y",
|
|
58
|
-
"Btqmz47": ["f1vzav56", "fkhdjdp"],
|
|
59
|
-
"Jpst9r": "fh3154d",
|
|
60
|
-
"mzz26j": ["fkhdjdp", "f1vzav56"],
|
|
61
|
-
"B7bxqjh": "f1wl3957",
|
|
62
|
-
"Bmc3fks": ["f1yntci", "fmyyke4"],
|
|
63
|
-
"Bottid4": "fiah2k2",
|
|
64
|
-
"Bt2rcha": ["fmyyke4", "f1yntci"],
|
|
65
|
-
"B9hc37i": "f13icprd",
|
|
66
|
-
"pphavz": ["f18zmcl7", "fefztlt"],
|
|
67
|
-
"Bionyo9": "fl7j1dv",
|
|
68
|
-
"pznqo3": ["fefztlt", "f18zmcl7"]
|
|
69
|
-
}
|
|
70
|
-
}, {
|
|
71
|
-
"d": [".fk73vx1{opacity:0;}", ".f1euv43f{position:absolute;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f1j7mq28{width:0px;}", ".frevy5r{height:0px;}", ".f1aehjj5{pointer-events:none;}", "[data-keyboard-nav] .fd2w4cn:focus+.ms-Slider-thumb-lower:before{outline-style:none;}", "[data-keyboard-nav] .f199e773:focus+.ms-Slider-thumb-lower:before{box-sizing:border-box;}", "[data-keyboard-nav] .fath6b7:focus+.ms-Slider-thumb-lower:before{border-top-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .f1rqdbdw:focus+.ms-Slider-thumb-lower:before{border-right-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .f1efr0gb:focus+.ms-Slider-thumb-lower:before{border-left-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .fpnr40n:focus+.ms-Slider-thumb-lower:before{border-bottom-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .f19i54s7:focus+.ms-Slider-thumb-lower:before{border-top-style:solid;}", "[data-keyboard-nav] .fyx624l:focus+.ms-Slider-thumb-lower:before{border-right-style:solid;}", "[data-keyboard-nav] .f3n4tzc:focus+.ms-Slider-thumb-lower:before{border-left-style:solid;}", "[data-keyboard-nav] .f16jpg2e:focus+.ms-Slider-thumb-lower:before{border-bottom-style:solid;}", "[data-keyboard-nav] .f1mlqpil:focus+.ms-Slider-thumb-lower:before{border-top-color:black;}", "[data-keyboard-nav] .ftp0ls1:focus+.ms-Slider-thumb-lower:before{border-right-color:black;}", "[data-keyboard-nav] .f1ptobcw:focus+.ms-Slider-thumb-lower:before{border-left-color:black;}", "[data-keyboard-nav] .f9zkcaa:focus+.ms-Slider-thumb-lower:before{border-bottom-color:black;}", "[data-keyboard-nav] .finoacs:focus+.ms-Slider-thumb-upper:before{outline-style:none;}", "[data-keyboard-nav] .f1crvwtz:focus+.ms-Slider-thumb-upper:before{box-sizing:border-box;}", "[data-keyboard-nav] .f1oubq1y:focus+.ms-Slider-thumb-upper:before{border-top-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .f1vzav56:focus+.ms-Slider-thumb-upper:before{border-right-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .fkhdjdp:focus+.ms-Slider-thumb-upper:before{border-left-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .fh3154d:focus+.ms-Slider-thumb-upper:before{border-bottom-width:calc(var(--slider-thumb-size) * .05);}", "[data-keyboard-nav] .f1wl3957:focus+.ms-Slider-thumb-upper:before{border-top-style:solid;}", "[data-keyboard-nav] .f1yntci:focus+.ms-Slider-thumb-upper:before{border-right-style:solid;}", "[data-keyboard-nav] .fmyyke4:focus+.ms-Slider-thumb-upper:before{border-left-style:solid;}", "[data-keyboard-nav] .fiah2k2:focus+.ms-Slider-thumb-upper:before{border-bottom-style:solid;}", "[data-keyboard-nav] .f13icprd:focus+.ms-Slider-thumb-upper:before{border-top-color:black;}", "[data-keyboard-nav] .f18zmcl7:focus+.ms-Slider-thumb-upper:before{border-right-color:black;}", "[data-keyboard-nav] .fefztlt:focus+.ms-Slider-thumb-upper:before{border-left-color:black;}", "[data-keyboard-nav] .fl7j1dv:focus+.ms-Slider-thumb-upper:before{border-bottom-color:black;}"],
|
|
72
|
-
"i": [".f2hkw1w:focus-visible{outline-style:none;}"]
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
var useRangedSliderStyles = function (state) {
|
|
76
|
-
var rootStyles = useSliderStyles_1.useRootStyles();
|
|
77
|
-
var sliderWrapperStyles = useSliderStyles_1.useSliderWrapper();
|
|
78
|
-
var railStyles = useSliderStyles_1.useRailStyles();
|
|
79
|
-
var trackWrapperStyles = useSliderStyles_1.useTrackWrapperStyles();
|
|
80
|
-
var trackStyles = useSliderStyles_1.useTrackStyles();
|
|
81
|
-
var marksWrapperStyles = useSliderStyles_1.useMarksWrapperStyles();
|
|
82
|
-
var thumbWrapperStyles = useSliderStyles_1.useThumbWrapperStyles();
|
|
83
|
-
var thumbStyles = useSliderStyles_1.useThumbStyles();
|
|
84
|
-
var activeRailStyles = useSliderStyles_1.useActiveRailStyles();
|
|
85
|
-
var inputStyles = useInputStyles();
|
|
86
|
-
state.root.className = react_make_styles_1.mergeClasses(rootStyles.root, rootStyles[state.size], state.vertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, state.root.className);
|
|
87
|
-
state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
|
|
88
|
-
state.rail.className = react_make_styles_1.mergeClasses(railStyles.rail, state.vertical ? railStyles.vertical : railStyles.horizontal, state.disabled ? railStyles.disabled : railStyles.enabled, state.rail.className);
|
|
89
|
-
state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
|
|
90
|
-
state.trackWrapper.className = react_make_styles_1.mergeClasses(trackWrapperStyles.trackWrapper, state.vertical ? trackWrapperStyles.vertical : trackWrapperStyles.horizontal, state.trackWrapper.className);
|
|
91
|
-
state.track.className = react_make_styles_1.mergeClasses(useSliderStyles_1.trackClassName, trackStyles.track, state.vertical ? trackStyles.vertical : trackStyles.horizontal, state.disabled ? trackStyles.disabled : trackStyles.enabled, state.track.className);
|
|
92
|
-
state.marksWrapper.className = react_make_styles_1.mergeClasses(marksWrapperStyles.marksWrapper, state.vertical ? marksWrapperStyles.vertical : marksWrapperStyles.horizontal, state.marksWrapper.className);
|
|
93
|
-
state.lowerThumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.vertical ? thumbWrapperStyles.vertical : thumbWrapperStyles.horizontal, state.lowerThumbWrapper.className);
|
|
94
|
-
state.lowerThumb.className = react_make_styles_1.mergeClasses(exports.lowerThumbClassName, thumbStyles.thumb, !state.vertical && thumbStyles.horizontal, state.disabled ? thumbStyles.disabled : thumbStyles.enabled, state.lowerThumb.className);
|
|
95
|
-
state.upperThumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.vertical ? thumbWrapperStyles.vertical : thumbWrapperStyles.horizontal, state.upperThumbWrapper.className);
|
|
96
|
-
state.upperThumb.className = react_make_styles_1.mergeClasses(exports.upperThumbClassName, thumbStyles.thumb, !state.vertical && thumbStyles.horizontal, state.disabled ? thumbStyles.disabled : thumbStyles.enabled, state.upperThumb.className);
|
|
97
|
-
state.activeRail.className = react_make_styles_1.mergeClasses(activeRailStyles.activeRail, state.vertical ? activeRailStyles.vertical : activeRailStyles.horizontal, state.activeRail.className);
|
|
98
|
-
state.lowerInput.className = react_make_styles_1.mergeClasses(inputStyles.input, inputStyles.lowerInputFocusIndicator, state.lowerInput.className);
|
|
99
|
-
state.upperInput.className = react_make_styles_1.mergeClasses(inputStyles.input, inputStyles.upperInputFocusIndicator, state.upperInput.className);
|
|
100
|
-
return state;
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
exports.useRangedSliderStyles = useRangedSliderStyles;
|
|
104
|
-
//# sourceMappingURL=useRangedSliderStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/RangedSlider/useRangedSliderStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Calculates the `step` position based off of a `Mouse` or `Touch` event relative to the size of the rail.
|
|
4
|
-
*/
|
|
5
|
-
export declare const calculateSteps: (ev: React.PointerEvent<HTMLDivElement>, railRef: React.RefObject<HTMLDivElement>, min: number, max: number, step: number, vertical: boolean, dir: 'ltr' | 'rtl') => number;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.calculateSteps = void 0;
|
|
7
|
-
|
|
8
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
-
/**
|
|
10
|
-
* Calculates the `step` position based off of a `Mouse` or `Touch` event relative to the size of the rail.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var calculateSteps = function (ev, railRef, min, max, step, vertical, dir) {
|
|
15
|
-
var _a;
|
|
16
|
-
|
|
17
|
-
var currentBounds = (_a = railRef === null || railRef === void 0 ? void 0 : railRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
18
|
-
var sliderSize = (vertical ? currentBounds.height : currentBounds.width) || 0;
|
|
19
|
-
var position;
|
|
20
|
-
|
|
21
|
-
if (vertical) {
|
|
22
|
-
position = currentBounds.bottom;
|
|
23
|
-
} else if (dir === 'rtl') {
|
|
24
|
-
position = currentBounds.right;
|
|
25
|
-
} else {
|
|
26
|
-
position = currentBounds.left;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var totalSteps = (max - min) / step;
|
|
30
|
-
var stepLength = sliderSize / totalSteps;
|
|
31
|
-
var thumbPosition = vertical ? ev.clientY : ev.clientX;
|
|
32
|
-
var distance = dir === 'rtl' || vertical ? position - thumbPosition : thumbPosition - position;
|
|
33
|
-
return react_utilities_1.clamp(min + step * (distance / stepLength), min, max);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.calculateSteps = calculateSteps;
|
|
37
|
-
//# sourceMappingURL=calculateSteps.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/calculateSteps.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,cAAc,GAAG,UAC5B,EAD4B,EAE5B,OAF4B,EAG5B,GAH4B,EAI5B,GAJ4B,EAK5B,IAL4B,EAM5B,QAN4B,EAO5B,GAP4B,EAOV;;;AAElB,MAAM,aAAa,GAAA,CAAA,EAAA,GAAG,OAAO,KAAA,IAAP,IAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAA,OAAO,CAAE,OAAZ,MAAmB,IAAnB,IAAmB,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmB,EAAA,CAAE,qBAAF,EAAtC;AACA,MAAM,UAAU,GAAG,CAAC,QAAQ,GAAG,aAAc,CAAC,MAAlB,GAA2B,aAAc,CAAC,KAAnD,KAA6D,CAAhF;AACA,MAAI,QAAJ;;AAEA,MAAI,QAAJ,EAAc;AACZ,IAAA,QAAQ,GAAG,aAAc,CAAC,MAA1B;AACD,GAFD,MAEO,IAAI,GAAG,KAAK,KAAZ,EAAmB;AACxB,IAAA,QAAQ,GAAG,aAAc,CAAC,KAA1B;AACD,GAFM,MAEA;AACL,IAAA,QAAQ,GAAG,aAAc,CAAC,IAA1B;AACD;;AAED,MAAM,UAAU,GAAG,CAAC,GAAG,GAAG,GAAP,IAAc,IAAjC;AACA,MAAM,UAAU,GAAG,UAAU,GAAG,UAAhC;AACA,MAAM,aAAa,GAAG,QAAQ,GAAG,EAAE,CAAC,OAAN,GAAgB,EAAE,CAAC,OAAjD;AACA,MAAM,QAAQ,GAAG,GAAG,KAAK,KAAR,IAAiB,QAAjB,GAA4B,QAAQ,GAAG,aAAvC,GAAuD,aAAa,GAAG,QAAxF;AAEA,SAAO,iBAAA,CAAA,KAAA,CAAM,GAAG,GAAG,IAAI,IAAI,QAAQ,GAAG,UAAf,CAAhB,EAA4C,GAA5C,EAAiD,GAAjD,CAAP;AACD,CA3BM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.findClosestThumb = void 0;
|
|
7
|
-
/**
|
|
8
|
-
* Finds the closest thumb based of a given value and returns it's key.
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
var findClosestThumb = function (thumbArray, incomingValue) {
|
|
12
|
-
return Math.abs(incomingValue - thumbArray[0]) <= Math.abs(thumbArray[1] - incomingValue) ? 'lowerValue' : 'upperValue';
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
exports.findClosestThumb = findClosestThumb;
|
|
16
|
-
//# sourceMappingURL=findClosestThumb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/findClosestThumb.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACI,IAAM,gBAAgB,GAAG,UAAC,UAAD,EAA+B,aAA/B,EAAoD;AAClF,SAAO,IAAI,CAAC,GAAL,CAAS,aAAa,GAAG,UAAU,CAAC,CAAD,CAAnC,KAA2C,IAAI,CAAC,GAAL,CAAS,UAAU,CAAC,CAAD,CAAV,GAAgB,aAAzB,CAA3C,GACH,YADG,GAEH,YAFJ;AAGD,CAJM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Determines the incoming value for the Slider based off of a keyboard event.
|
|
4
|
-
* It automatically flips the key direction if the dir parameter is rtl.
|
|
5
|
-
*/
|
|
6
|
-
export declare const getKeydownValue: (ev: React.KeyboardEvent<HTMLDivElement>, currentValue: number, min: number, max: number, dir: 'ltr' | 'rtl', keyboardStep: number) => number;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getKeydownValue = void 0;
|
|
7
|
-
|
|
8
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
-
/**
|
|
10
|
-
* Determines the incoming value for the Slider based off of a keyboard event.
|
|
11
|
-
* It automatically flips the key direction if the dir parameter is rtl.
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var getKeydownValue = function (ev, currentValue, min, max, dir, keyboardStep) {
|
|
16
|
-
var normalizedKey = react_utilities_1.getRTLSafeKey(ev.key, dir);
|
|
17
|
-
var arrowStep = ev.shiftKey ? keyboardStep * 10 : keyboardStep;
|
|
18
|
-
|
|
19
|
-
switch (normalizedKey) {
|
|
20
|
-
case 'ArrowDown':
|
|
21
|
-
case 'ArrowLeft':
|
|
22
|
-
return currentValue - arrowStep;
|
|
23
|
-
|
|
24
|
-
case 'ArrowUp':
|
|
25
|
-
case 'ArrowRight':
|
|
26
|
-
return currentValue + arrowStep;
|
|
27
|
-
|
|
28
|
-
case 'PageDown':
|
|
29
|
-
return currentValue - keyboardStep * 10;
|
|
30
|
-
|
|
31
|
-
case 'PageUp':
|
|
32
|
-
return currentValue + keyboardStep * 10;
|
|
33
|
-
|
|
34
|
-
case 'Home':
|
|
35
|
-
return min;
|
|
36
|
-
|
|
37
|
-
case 'End':
|
|
38
|
-
return max;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
return currentValue;
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
exports.getKeydownValue = getKeydownValue;
|
|
45
|
-
//# sourceMappingURL=getKeydownValue.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/getKeydownValue.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,eAAe,GAAG,UAC7B,EAD6B,EAE7B,YAF6B,EAG7B,GAH6B,EAI7B,GAJ6B,EAK7B,GAL6B,EAM7B,YAN6B,EAMT;AAEpB,MAAM,aAAa,GAAG,iBAAA,CAAA,aAAA,CAAc,EAAE,CAAC,GAAjB,EAAsB,GAAtB,CAAtB;AAEA,MAAM,SAAS,GAAG,EAAE,CAAC,QAAH,GAAc,YAAY,GAAG,EAA7B,GAAkC,YAApD;;AAEA,UAAQ,aAAR;AACE,SAAK,WAAL;AACA,SAAK,WAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,SAAL;AACA,SAAK,YAAL;AACE,aAAO,YAAY,GAAG,SAAtB;;AACF,SAAK,UAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,QAAL;AACE,aAAO,YAAY,GAAG,YAAY,GAAG,EAArC;;AACF,SAAK,MAAL;AACE,aAAO,GAAP;;AACF,SAAK,KAAL;AACE,aAAO,GAAP;AAdJ;;AAiBA,SAAO,YAAP;AACD,CA9BM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Gets the current percentage position for the marks with respect to adjacent marks.
|
|
3
|
-
* This is used primarily for positioning with [CSS grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid).
|
|
4
|
-
*
|
|
5
|
-
* Example
|
|
6
|
-
* - `Rail: width = 100px`
|
|
7
|
-
* - `Marks: [0, 25, 50, 75, 100]`
|
|
8
|
-
* - `getMarkPercent: 0%, 25%, 25%, 25%, 25%`
|
|
9
|
-
*
|
|
10
|
-
* @param markValues The marks percentage position relative to their individual positions.
|
|
11
|
-
*/
|
|
12
|
-
export declare const getMarkPercent: (markValues: number[]) => string[];
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.getMarkPercent = void 0;
|
|
7
|
-
/**
|
|
8
|
-
* Gets the current percentage position for the marks with respect to adjacent marks.
|
|
9
|
-
* This is used primarily for positioning with [CSS grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid).
|
|
10
|
-
*
|
|
11
|
-
* Example
|
|
12
|
-
* - `Rail: width = 100px`
|
|
13
|
-
* - `Marks: [0, 25, 50, 75, 100]`
|
|
14
|
-
* - `getMarkPercent: 0%, 25%, 25%, 25%, 25%`
|
|
15
|
-
*
|
|
16
|
-
* @param markValues The marks percentage position relative to their individual positions.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
var getMarkPercent = function (markValues) {
|
|
20
|
-
var result = []; // For CSS grid to work the percents array must be remapped by the previous percent - the current percent
|
|
21
|
-
|
|
22
|
-
if (markValues.length > 0) {
|
|
23
|
-
result.push(markValues[0] + '% ');
|
|
24
|
-
var prevPercent = markValues[0];
|
|
25
|
-
|
|
26
|
-
for (var i = 1; i < markValues.length; i++) {
|
|
27
|
-
result.push(markValues[i] - prevPercent + '% ');
|
|
28
|
-
prevPercent = markValues[i];
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.getMarkPercent = getMarkPercent;
|
|
36
|
-
//# sourceMappingURL=getMarkPercent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/getMarkPercent.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;AAUG;;AACI,IAAM,cAAc,GAAG,UAAC,UAAD,EAAqB;AACjD,MAAM,MAAM,GAAa,EAAzB,CADiD,CAGjD;;AACA,MAAI,UAAU,CAAC,MAAX,GAAoB,CAAxB,EAA2B;AACzB,IAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,IAA5B;AACA,QAAI,WAAW,GAAG,UAAU,CAAC,CAAD,CAA5B;;AACA,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,UAAU,CAAC,MAA/B,EAAuC,CAAC,EAAxC,EAA4C;AAC1C,MAAA,MAAM,CAAC,IAAP,CAAY,UAAU,CAAC,CAAD,CAAV,GAAgB,WAAhB,GAA8B,IAA1C;AACA,MAAA,WAAW,GAAG,UAAU,CAAC,CAAD,CAAxB;AACD;AACF;;AAED,SAAO,MAAP;AACD,CAdM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Gets the current percentage position for the marks with relative to the rail.
|
|
3
|
-
*
|
|
4
|
-
* Example
|
|
5
|
-
* - `Rail: width = 100px`
|
|
6
|
-
* - `Marks: [0, 25, 50, 75, 100]`
|
|
7
|
-
* - `getMarkValue: 0%, 25%, 50%, 75%, 100%`
|
|
8
|
-
*/
|
|
9
|
-
export declare const getMarkValue: (marks: boolean | (number | {
|
|
10
|
-
value: number;
|
|
11
|
-
label?: string | JSX.Element;
|
|
12
|
-
mark?: JSX.Element;
|
|
13
|
-
})[] | undefined, min: number, max: number, step: number) => number[];
|