@fluentui/react-slider 9.0.0-alpha.11 → 9.0.0-alpha.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 +58 -1
- package/CHANGELOG.md +18 -2
- package/README.md +1 -2
- package/dist/react-slider.d.ts +78 -1
- package/lib/RangedSlider.d.ts +1 -0
- package/lib/RangedSlider.js +2 -0
- package/lib/RangedSlider.js.map +1 -0
- package/lib/components/RangedSlider/RangedSlider.d.ts +6 -0
- package/lib/components/RangedSlider/RangedSlider.js +15 -0
- package/lib/components/RangedSlider/RangedSlider.js.map +1 -0
- package/lib/components/RangedSlider/RangedSlider.types.d.ts +53 -0
- package/lib/components/RangedSlider/RangedSlider.types.js +2 -0
- package/lib/components/RangedSlider/RangedSlider.types.js.map +1 -0
- package/lib/components/RangedSlider/index.d.ts +6 -0
- package/lib/components/RangedSlider/index.js +7 -0
- package/lib/components/RangedSlider/index.js.map +1 -0
- package/lib/components/RangedSlider/renderRangedSlider.d.ts +5 -0
- package/lib/components/RangedSlider/renderRangedSlider.js +20 -0
- package/lib/components/RangedSlider/renderRangedSlider.js.map +1 -0
- package/lib/components/RangedSlider/useRangedSlider.d.ts +6 -0
- package/lib/components/RangedSlider/useRangedSlider.js +116 -0
- package/lib/components/RangedSlider/useRangedSlider.js.map +1 -0
- package/lib/components/RangedSlider/useRangedSliderState.d.ts +2 -0
- package/lib/components/RangedSlider/useRangedSliderState.js +271 -0
- package/lib/components/RangedSlider/useRangedSliderState.js.map +1 -0
- package/lib/components/RangedSlider/useRangedSliderStyles.d.ts +4 -0
- package/lib/components/RangedSlider/useRangedSliderStyles.js +59 -0
- package/lib/components/RangedSlider/useRangedSliderStyles.js.map +1 -0
- package/lib/components/Slider/Slider.d.ts +1 -1
- package/lib/components/Slider/Slider.js +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/useSlider.js +42 -40
- package/lib/components/Slider/useSlider.js.map +1 -1
- package/lib/components/Slider/useSliderState.d.ts +1 -0
- package/lib/components/Slider/useSliderState.js +4 -4
- package/lib/components/Slider/useSliderState.js.map +1 -1
- package/lib/components/Slider/useSliderStyles.d.ts +38 -0
- package/lib/components/Slider/useSliderStyles.js +11 -20
- package/lib/components/Slider/useSliderStyles.js.map +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/findClosestThumb.d.ts +4 -0
- package/lib/utils/findClosestThumb.js +7 -0
- package/lib/utils/findClosestThumb.js.map +1 -0
- package/lib/utils/index.d.ts +2 -0
- package/lib/utils/index.js +2 -0
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/on.d.ts +1 -1
- package/lib/utils/on.js +1 -1
- package/lib/utils/validateRangedThumbValues.d.ts +4 -0
- package/lib/utils/validateRangedThumbValues.js +13 -0
- package/lib/utils/validateRangedThumbValues.js.map +1 -0
- package/lib-commonjs/RangedSlider.d.ts +1 -0
- package/lib-commonjs/RangedSlider.js +10 -0
- package/lib-commonjs/RangedSlider.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.d.ts +6 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.js +26 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.d.ts +53 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.js +6 -0
- package/lib-commonjs/components/RangedSlider/RangedSlider.types.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/index.d.ts +6 -0
- package/lib-commonjs/components/RangedSlider/index.js +20 -0
- package/lib-commonjs/components/RangedSlider/index.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.d.ts +5 -0
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.js +32 -0
- package/lib-commonjs/components/RangedSlider/renderRangedSlider.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/useRangedSlider.d.ts +6 -0
- package/lib-commonjs/components/RangedSlider/useRangedSlider.js +128 -0
- package/lib-commonjs/components/RangedSlider/useRangedSlider.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.d.ts +2 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.js +286 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderState.js.map +1 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.d.ts +4 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js +71 -0
- package/lib-commonjs/components/RangedSlider/useRangedSliderStyles.js.map +1 -0
- package/lib-commonjs/components/Slider/Slider.d.ts +1 -1
- package/lib-commonjs/components/Slider/Slider.js +1 -1
- package/lib-commonjs/components/Slider/index.d.ts +2 -2
- package/lib-commonjs/components/Slider/index.js +17 -2
- package/lib-commonjs/components/Slider/index.js.map +1 -1
- package/lib-commonjs/components/Slider/useSlider.js +42 -40
- package/lib-commonjs/components/Slider/useSlider.js.map +1 -1
- package/lib-commonjs/components/Slider/useSliderState.d.ts +1 -0
- package/lib-commonjs/components/Slider/useSliderState.js +8 -7
- package/lib-commonjs/components/Slider/useSliderState.js.map +1 -1
- package/lib-commonjs/components/Slider/useSliderStyles.d.ts +38 -0
- package/lib-commonjs/components/Slider/useSliderStyles.js +23 -32
- package/lib-commonjs/components/Slider/useSliderStyles.js.map +1 -1
- package/lib-commonjs/index.d.ts +1 -1
- package/lib-commonjs/index.js +2 -0
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/findClosestThumb.d.ts +4 -0
- package/lib-commonjs/utils/findClosestThumb.js +16 -0
- package/lib-commonjs/utils/findClosestThumb.js.map +1 -0
- package/lib-commonjs/utils/index.d.ts +2 -0
- package/lib-commonjs/utils/index.js +4 -0
- package/lib-commonjs/utils/index.js.map +1 -1
- package/lib-commonjs/utils/on.d.ts +1 -1
- package/lib-commonjs/utils/on.js +1 -1
- package/lib-commonjs/utils/validateRangedThumbValues.d.ts +4 -0
- package/lib-commonjs/utils/validateRangedThumbValues.js +23 -0
- package/lib-commonjs/utils/validateRangedThumbValues.js.map +1 -0
- package/package.json +8 -8
|
@@ -21,7 +21,8 @@ exports.sliderShorthandProps = ['root', 'activeRail', 'input', 'rail', 'sliderWr
|
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
23
|
var useSlider = function (props, ref) {
|
|
24
|
-
var
|
|
24
|
+
var // Props
|
|
25
|
+
value = props.value,
|
|
25
26
|
defaultValue = props.defaultValue,
|
|
26
27
|
min = props.min,
|
|
27
28
|
max = props.max,
|
|
@@ -36,75 +37,76 @@ var useSlider = function (props, ref) {
|
|
|
36
37
|
_b = props.size,
|
|
37
38
|
size = _b === void 0 ? 'medium' : _b,
|
|
38
39
|
origin = props.origin,
|
|
40
|
+
// Slots
|
|
41
|
+
activeRail = props.activeRail,
|
|
39
42
|
input = props.input,
|
|
40
|
-
activeRail = props.activeRail,
|
|
41
|
-
thumb = props.thumb,
|
|
42
43
|
marksWrapper = props.marksWrapper,
|
|
44
|
+
rail = props.rail,
|
|
45
|
+
sliderWrapper = props.sliderWrapper,
|
|
46
|
+
thumb = props.thumb,
|
|
43
47
|
thumbWrapper = props.thumbWrapper,
|
|
44
48
|
track = props.track,
|
|
45
|
-
trackWrapper = props.trackWrapper
|
|
46
|
-
rail = props.rail,
|
|
47
|
-
sliderWrapper = props.sliderWrapper;
|
|
49
|
+
trackWrapper = props.trackWrapper;
|
|
48
50
|
var state = {
|
|
49
|
-
|
|
51
|
+
ariaValueText: ariaValueText,
|
|
50
52
|
defaultValue: defaultValue,
|
|
51
|
-
min: min,
|
|
52
|
-
max: max,
|
|
53
|
-
step: step,
|
|
54
|
-
keyboardStep: keyboardStep,
|
|
55
53
|
disabled: disabled,
|
|
56
|
-
|
|
57
|
-
onChange: onChange,
|
|
54
|
+
keyboardStep: keyboardStep,
|
|
58
55
|
marks: marks,
|
|
59
|
-
|
|
56
|
+
max: max,
|
|
57
|
+
min: min,
|
|
58
|
+
onChange: onChange,
|
|
60
59
|
origin: origin,
|
|
61
60
|
size: size,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
id: react_utilities_1.useId('slider-', props.id)
|
|
66
|
-
})),
|
|
61
|
+
step: step,
|
|
62
|
+
vertical: vertical,
|
|
63
|
+
value: value,
|
|
67
64
|
components: {
|
|
68
|
-
|
|
65
|
+
activeRail: 'div',
|
|
66
|
+
input: 'input',
|
|
67
|
+
marksWrapper: 'div',
|
|
69
68
|
rail: 'div',
|
|
69
|
+
root: 'div',
|
|
70
70
|
sliderWrapper: 'div',
|
|
71
|
-
trackWrapper: 'div',
|
|
72
|
-
track: 'div',
|
|
73
|
-
marksWrapper: 'div',
|
|
74
|
-
thumbWrapper: 'div',
|
|
75
71
|
thumb: 'div',
|
|
76
|
-
|
|
77
|
-
|
|
72
|
+
thumbWrapper: 'div',
|
|
73
|
+
track: 'div',
|
|
74
|
+
trackWrapper: 'div'
|
|
78
75
|
},
|
|
79
|
-
|
|
76
|
+
root: react_utilities_1.getNativeElementProps('span', tslib_1.__assign(tslib_1.__assign({
|
|
77
|
+
ref: ref
|
|
78
|
+
}, props), {
|
|
79
|
+
id: react_utilities_1.useId('slider-', props.id)
|
|
80
|
+
})),
|
|
81
|
+
activeRail: react_utilities_1.resolveShorthand(activeRail, {
|
|
80
82
|
required: true
|
|
81
83
|
}),
|
|
82
|
-
|
|
83
|
-
required: true
|
|
84
|
+
input: react_utilities_1.resolveShorthand(input, {
|
|
85
|
+
required: true,
|
|
86
|
+
defaultProps: {
|
|
87
|
+
type: 'range'
|
|
88
|
+
}
|
|
84
89
|
}),
|
|
85
|
-
|
|
90
|
+
marksWrapper: react_utilities_1.resolveShorthand(marksWrapper, {
|
|
86
91
|
required: true
|
|
87
92
|
}),
|
|
88
|
-
|
|
93
|
+
rail: react_utilities_1.resolveShorthand(rail, {
|
|
89
94
|
required: true
|
|
90
95
|
}),
|
|
91
|
-
|
|
96
|
+
sliderWrapper: react_utilities_1.resolveShorthand(sliderWrapper, {
|
|
92
97
|
required: true
|
|
93
98
|
}),
|
|
94
|
-
|
|
99
|
+
thumb: react_utilities_1.resolveShorthand(thumb, {
|
|
95
100
|
required: true
|
|
96
101
|
}),
|
|
97
|
-
|
|
102
|
+
thumbWrapper: react_utilities_1.resolveShorthand(thumbWrapper, {
|
|
98
103
|
required: true
|
|
99
104
|
}),
|
|
100
|
-
|
|
105
|
+
track: react_utilities_1.resolveShorthand(track, {
|
|
101
106
|
required: true
|
|
102
107
|
}),
|
|
103
|
-
|
|
104
|
-
required: true
|
|
105
|
-
defaultProps: {
|
|
106
|
-
type: 'range'
|
|
107
|
-
}
|
|
108
|
+
trackWrapper: react_utilities_1.resolveShorthand(trackWrapper, {
|
|
109
|
+
required: true
|
|
108
110
|
})
|
|
109
111
|
};
|
|
110
112
|
useSliderState_1.useSliderState(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Slider/useSlider.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,oBAAA,GAA8C,CACzD,MADyD,EAEzD,YAFyD,EAGzD,OAHyD,EAIzD,MAJyD,EAKzD,eALyD,EAMzD,OANyD,EAOzD,cAPyD,EAQzD,OARyD,EASzD,cATyD,EAUzD,cAVyD,CAA9C;AAab;;AAEG;;AACI,IAAM,SAAS,GAAG,UAAC,KAAD,EAAqB,GAArB,EAAgD;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Slider/useSlider.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useSliderState = void 0;
|
|
6
|
+
exports.useSliderState = exports.animationTime = void 0;
|
|
7
7
|
|
|
8
8
|
var tslib_1 = /*#__PURE__*/require("tslib");
|
|
9
9
|
|
|
@@ -13,7 +13,10 @@ var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-conte
|
|
|
13
13
|
|
|
14
14
|
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
15
|
|
|
16
|
-
var index_1 = /*#__PURE__*/require("../../utils/index");
|
|
16
|
+
var index_1 = /*#__PURE__*/require("../../utils/index"); // TODO: Awaiting animation time from design spec.
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
exports.animationTime = '0.1s';
|
|
17
20
|
|
|
18
21
|
var useSliderState = function (state) {
|
|
19
22
|
var _a, _b;
|
|
@@ -155,9 +158,7 @@ var useSliderState = function (state) {
|
|
|
155
158
|
return dispose();
|
|
156
159
|
});
|
|
157
160
|
disposables.current = [];
|
|
158
|
-
});
|
|
159
|
-
|
|
160
|
-
var animationTime = '0.1s';
|
|
161
|
+
});
|
|
161
162
|
var valuePercent = index_1.getPercent(renderedPosition !== undefined ? renderedPosition : currentValue, min, max);
|
|
162
163
|
var originPercent = React.useMemo(function () {
|
|
163
164
|
return origin !== undefined ? index_1.getPercent(origin, min, max) : 0;
|
|
@@ -171,11 +172,11 @@ var useSliderState = function (state) {
|
|
|
171
172
|
|
|
172
173
|
var thumbWrapperStyles = tslib_1.__assign({
|
|
173
174
|
transform: vertical ? "translateY(" + valuePercent + "%)" : "translateX(" + (dir === 'rtl' ? -valuePercent : valuePercent) + "%)",
|
|
174
|
-
transition: stepAnimation ? "transform ease-in-out " + animationTime : 'none'
|
|
175
|
+
transition: stepAnimation ? "transform ease-in-out " + exports.animationTime : 'none'
|
|
175
176
|
}, state.thumbWrapper.style);
|
|
176
177
|
|
|
177
178
|
var trackStyles = tslib_1.__assign((_a = {}, _a[vertical ? 'top' : dir === 'rtl' ? 'right' : 'left'] = origin !== undefined ? Math.min(valuePercent, originPercent) + "%" : 0, _a[vertical ? 'height' : 'width'] = origin !== undefined ? Math.max(originPercent - valuePercent, valuePercent - originPercent) + "%" : valuePercent + "%", _a.borderRadius = getTrackBorderRadius(), // When a transition is applied with the origin, a visible animation plays when it goes below the min.
|
|
178
|
-
_a.transition = stepAnimation ? (vertical ? 'height' : 'width') + " ease-in-out " + animationTime + (origin !== undefined ? ', ' + vertical ? 'top' : dir === 'rtl' ? 'right' : 'left' + 'ease-in-out ' + animationTime : '') : 'none', _a), state.track.style);
|
|
179
|
+
_a.transition = stepAnimation ? (vertical ? 'height' : 'width') + " ease-in-out " + exports.animationTime + (origin !== undefined ? ', ' + vertical ? 'top' : dir === 'rtl' ? 'right' : 'left' + 'ease-in-out ' + exports.animationTime : '') : 'none', _a), state.track.style);
|
|
179
180
|
|
|
180
181
|
var marksWrapperStyles = marks ? tslib_1.__assign((_b = {}, _b[vertical ? 'gridTemplateRows' : 'gridTemplateColumns'] = markPercent.join(''), _b), state.marksWrapper.style) : {}; // Root props
|
|
181
182
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Slider/useSliderState.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAQA,IAAA,OAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Slider/useSliderState.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
|
@@ -1,4 +1,42 @@
|
|
|
1
1
|
import type { SliderState } from './Slider.types';
|
|
2
|
+
export declare const thumbClassName = "ms-Slider-thumb";
|
|
3
|
+
export declare const trackClassName = "ms-Slider-track";
|
|
4
|
+
/**
|
|
5
|
+
* Styles for the root slot
|
|
6
|
+
*/
|
|
7
|
+
export declare const useRootStyles: () => Record<"small" | "disabled" | "medium" | "root" | "vertical" | "horizontal" | "enabled" | "focusIndicator", string>;
|
|
8
|
+
/**
|
|
9
|
+
* Styles for the slider wrapper slot
|
|
10
|
+
*/
|
|
11
|
+
export declare const useSliderWrapper: () => Record<"sliderWrapper" | "vertical" | "horizontal", string>;
|
|
12
|
+
/**
|
|
13
|
+
* Styles for the rail slot
|
|
14
|
+
*/
|
|
15
|
+
export declare const useRailStyles: () => Record<"disabled" | "rail" | "vertical" | "horizontal" | "enabled", string>;
|
|
16
|
+
/**
|
|
17
|
+
* Styles for the trackWrapper slot
|
|
18
|
+
*/
|
|
19
|
+
export declare const useTrackWrapperStyles: () => Record<"trackWrapper" | "vertical" | "horizontal", string>;
|
|
20
|
+
/**
|
|
21
|
+
* Styles for the track slot
|
|
22
|
+
*/
|
|
23
|
+
export declare const useTrackStyles: () => Record<"track" | "disabled" | "vertical" | "horizontal" | "enabled", string>;
|
|
24
|
+
/**
|
|
25
|
+
* Styles for the mark slot
|
|
26
|
+
*/
|
|
27
|
+
export declare const useMarksWrapperStyles: () => Record<"disabled" | "marksWrapper" | "vertical" | "horizontal", string>;
|
|
28
|
+
/**
|
|
29
|
+
* Styles for the thumb slot
|
|
30
|
+
*/
|
|
31
|
+
export declare const useThumbWrapperStyles: () => Record<"thumbWrapper" | "vertical" | "horizontal", string>;
|
|
32
|
+
/**
|
|
33
|
+
* Styles for the thumb slot
|
|
34
|
+
*/
|
|
35
|
+
export declare const useThumbStyles: () => Record<"disabled" | "thumb" | "horizontal" | "enabled", string>;
|
|
36
|
+
/**
|
|
37
|
+
* Styles for the activeRail slot
|
|
38
|
+
*/
|
|
39
|
+
export declare const useActiveRailStyles: () => Record<"activeRail" | "vertical" | "horizontal", string>;
|
|
2
40
|
/**
|
|
3
41
|
* Apply styling to the Slider slots based on the state
|
|
4
42
|
*/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useSliderStyles = void 0;
|
|
6
|
+
exports.useSliderStyles = exports.useActiveRailStyles = exports.useThumbStyles = exports.useThumbWrapperStyles = exports.useMarksWrapperStyles = exports.useTrackStyles = exports.useTrackWrapperStyles = exports.useRailStyles = exports.useSliderWrapper = exports.useRootStyles = exports.trackClassName = exports.thumbClassName = void 0;
|
|
7
7
|
|
|
8
8
|
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
9
|
|
|
@@ -11,13 +11,13 @@ var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
|
|
|
11
11
|
|
|
12
12
|
var renderMarks_1 = /*#__PURE__*/require("../../utils/renderMarks");
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
exports.thumbClassName = 'ms-Slider-thumb';
|
|
15
|
+
exports.trackClassName = 'ms-Slider-track';
|
|
16
16
|
/**
|
|
17
17
|
* Styles for the root slot
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
|
-
|
|
20
|
+
exports.useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
21
21
|
"root": {
|
|
22
22
|
"qhf8xq": "f10pi13n",
|
|
23
23
|
"mc9l5x": "ftuwxu6",
|
|
@@ -67,8 +67,7 @@ var useRootStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
67
67
|
* Styles for the slider wrapper slot
|
|
68
68
|
*/
|
|
69
69
|
|
|
70
|
-
|
|
71
|
-
var useSliderWrapper = /*#__PURE__*/react_make_styles_1.__styles({
|
|
70
|
+
exports.useSliderWrapper = /*#__PURE__*/react_make_styles_1.__styles({
|
|
72
71
|
"sliderWrapper": {
|
|
73
72
|
"qhf8xq": "f1euv43f",
|
|
74
73
|
"Bpg54ce": "f1a3p1vp"
|
|
@@ -92,8 +91,7 @@ var useSliderWrapper = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
92
91
|
* Styles for the rail slot
|
|
93
92
|
*/
|
|
94
93
|
|
|
95
|
-
|
|
96
|
-
var useRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
94
|
+
exports.useRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
97
95
|
"rail": {
|
|
98
96
|
"qhf8xq": "f1euv43f",
|
|
99
97
|
"Dimara": "foukmic",
|
|
@@ -139,8 +137,7 @@ var useRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
139
137
|
* Styles for the trackWrapper slot
|
|
140
138
|
*/
|
|
141
139
|
|
|
142
|
-
|
|
143
|
-
var useTrackWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
140
|
+
exports.useTrackWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
144
141
|
"trackWrapper": {
|
|
145
142
|
"qhf8xq": "f1euv43f"
|
|
146
143
|
},
|
|
@@ -161,8 +158,7 @@ var useTrackWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
161
158
|
* Styles for the track slot
|
|
162
159
|
*/
|
|
163
160
|
|
|
164
|
-
|
|
165
|
-
var useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
161
|
+
exports.useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
166
162
|
"track": {
|
|
167
163
|
"qhf8xq": "f1euv43f",
|
|
168
164
|
"Dimara": "foukmic"
|
|
@@ -192,8 +188,7 @@ var useTrackStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
192
188
|
* Styles for the mark slot
|
|
193
189
|
*/
|
|
194
190
|
|
|
195
|
-
|
|
196
|
-
var useMarksWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
191
|
+
exports.useMarksWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
197
192
|
"marksWrapper": {
|
|
198
193
|
"qhf8xq": "f10pi13n",
|
|
199
194
|
"mc9l5x": "f13qh94s",
|
|
@@ -249,8 +244,7 @@ var useMarksWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
249
244
|
* Styles for the thumb slot
|
|
250
245
|
*/
|
|
251
246
|
|
|
252
|
-
|
|
253
|
-
var useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
247
|
+
exports.useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
254
248
|
"thumbWrapper": {
|
|
255
249
|
"qhf8xq": "f1euv43f",
|
|
256
250
|
"oeaueh": "f1s6fcnf",
|
|
@@ -273,8 +267,7 @@ var useThumbWrapperStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
273
267
|
* Styles for the thumb slot
|
|
274
268
|
*/
|
|
275
269
|
|
|
276
|
-
|
|
277
|
-
var useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
270
|
+
exports.useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
278
271
|
"thumb": {
|
|
279
272
|
"qhf8xq": "f1euv43f",
|
|
280
273
|
"a9b677": "fixoap3",
|
|
@@ -337,8 +330,7 @@ var useThumbStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
337
330
|
* Styles for the activeRail slot
|
|
338
331
|
*/
|
|
339
332
|
|
|
340
|
-
|
|
341
|
-
var useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
333
|
+
exports.useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
342
334
|
"activeRail": {
|
|
343
335
|
"qhf8xq": "f1euv43f"
|
|
344
336
|
},
|
|
@@ -357,7 +349,6 @@ var useActiveRailStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
357
349
|
* Styles for the Input slot
|
|
358
350
|
*/
|
|
359
351
|
|
|
360
|
-
|
|
361
352
|
var useInputStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
362
353
|
"input": {
|
|
363
354
|
"abs64n": "fk73vx1",
|
|
@@ -384,25 +375,25 @@ var useInputStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
384
375
|
|
|
385
376
|
|
|
386
377
|
var useSliderStyles = function (state) {
|
|
387
|
-
var rootStyles = useRootStyles();
|
|
388
|
-
var sliderWrapperStyles = useSliderWrapper();
|
|
389
|
-
var railStyles = useRailStyles();
|
|
390
|
-
var trackWrapperStyles = useTrackWrapperStyles();
|
|
391
|
-
var trackStyles = useTrackStyles();
|
|
392
|
-
var marksWrapperStyles = useMarksWrapperStyles();
|
|
393
|
-
var thumbWrapperStyles = useThumbWrapperStyles();
|
|
394
|
-
var thumbStyles = useThumbStyles();
|
|
395
|
-
var activeRailStyles = useActiveRailStyles();
|
|
378
|
+
var rootStyles = exports.useRootStyles();
|
|
379
|
+
var sliderWrapperStyles = exports.useSliderWrapper();
|
|
380
|
+
var railStyles = exports.useRailStyles();
|
|
381
|
+
var trackWrapperStyles = exports.useTrackWrapperStyles();
|
|
382
|
+
var trackStyles = exports.useTrackStyles();
|
|
383
|
+
var marksWrapperStyles = exports.useMarksWrapperStyles();
|
|
384
|
+
var thumbWrapperStyles = exports.useThumbWrapperStyles();
|
|
385
|
+
var thumbStyles = exports.useThumbStyles();
|
|
386
|
+
var activeRailStyles = exports.useActiveRailStyles();
|
|
396
387
|
var inputStyles = useInputStyles();
|
|
397
388
|
state.root.className = react_make_styles_1.mergeClasses(rootStyles.root, rootStyles.focusIndicator, rootStyles[state.size], state.vertical ? rootStyles.vertical : rootStyles.horizontal, state.disabled ? rootStyles.disabled : rootStyles.enabled, rootStyles.focusIndicator, state.root.className);
|
|
398
389
|
state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
|
|
399
390
|
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);
|
|
400
391
|
state.sliderWrapper.className = react_make_styles_1.mergeClasses(sliderWrapperStyles.sliderWrapper, state.vertical ? sliderWrapperStyles.vertical : sliderWrapperStyles.horizontal, state.sliderWrapper.className);
|
|
401
392
|
state.trackWrapper.className = react_make_styles_1.mergeClasses(trackWrapperStyles.trackWrapper, state.vertical ? trackWrapperStyles.vertical : trackWrapperStyles.horizontal, state.trackWrapper.className);
|
|
402
|
-
state.track.className = react_make_styles_1.mergeClasses(trackClassName, trackStyles.track, state.vertical ? trackStyles.vertical : trackStyles.horizontal, state.disabled ? trackStyles.disabled : trackStyles.enabled, state.track.className);
|
|
393
|
+
state.track.className = react_make_styles_1.mergeClasses(exports.trackClassName, trackStyles.track, state.vertical ? trackStyles.vertical : trackStyles.horizontal, state.disabled ? trackStyles.disabled : trackStyles.enabled, state.track.className);
|
|
403
394
|
state.marksWrapper.className = react_make_styles_1.mergeClasses(marksWrapperStyles.marksWrapper, state.vertical ? marksWrapperStyles.vertical : marksWrapperStyles.horizontal, state.disabled && marksWrapperStyles.disabled, state.marksWrapper.className);
|
|
404
395
|
state.thumbWrapper.className = react_make_styles_1.mergeClasses(thumbWrapperStyles.thumbWrapper, state.vertical ? thumbWrapperStyles.vertical : thumbWrapperStyles.horizontal, state.thumbWrapper.className);
|
|
405
|
-
state.thumb.className = react_make_styles_1.mergeClasses(thumbClassName, thumbStyles.thumb, !state.vertical && thumbStyles.horizontal, state.disabled ? thumbStyles.disabled : thumbStyles.enabled, state.thumb.className);
|
|
396
|
+
state.thumb.className = react_make_styles_1.mergeClasses(exports.thumbClassName, thumbStyles.thumb, !state.vertical && thumbStyles.horizontal, state.disabled ? thumbStyles.disabled : thumbStyles.enabled, state.thumb.className);
|
|
406
397
|
state.activeRail.className = react_make_styles_1.mergeClasses(activeRailStyles.activeRail, state.vertical ? activeRailStyles.vertical : activeRailStyles.horizontal, state.activeRail.className);
|
|
407
398
|
state.input.className = react_make_styles_1.mergeClasses(inputStyles.input, state.input.className);
|
|
408
399
|
return state;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Slider/useSliderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAEA,IAAA,aAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Slider/useSliderStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/lib-commonjs/index.d.ts
CHANGED
package/lib-commonjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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,7 +1,9 @@
|
|
|
1
1
|
export * from './calculateSteps';
|
|
2
|
+
export * from './findClosestThumb';
|
|
2
3
|
export * from './getKeydownValue';
|
|
3
4
|
export * from './getMarkPercent';
|
|
4
5
|
export * from './getMarkValues';
|
|
5
6
|
export * from './getPercent';
|
|
6
7
|
export * from './on';
|
|
7
8
|
export * from './renderMarks';
|
|
9
|
+
export * from './validateRangedThumbValues';
|
|
@@ -8,6 +8,8 @@ var tslib_1 = /*#__PURE__*/require("tslib");
|
|
|
8
8
|
|
|
9
9
|
tslib_1.__exportStar(require("./calculateSteps"), exports);
|
|
10
10
|
|
|
11
|
+
tslib_1.__exportStar(require("./findClosestThumb"), exports);
|
|
12
|
+
|
|
11
13
|
tslib_1.__exportStar(require("./getKeydownValue"), exports);
|
|
12
14
|
|
|
13
15
|
tslib_1.__exportStar(require("./getMarkPercent"), exports);
|
|
@@ -19,4 +21,6 @@ tslib_1.__exportStar(require("./getPercent"), exports);
|
|
|
19
21
|
tslib_1.__exportStar(require("./on"), exports);
|
|
20
22
|
|
|
21
23
|
tslib_1.__exportStar(require("./renderMarks"), exports);
|
|
24
|
+
|
|
25
|
+
tslib_1.__exportStar(require("./validateRangedThumbValues"), exports);
|
|
22
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
|
1
|
+
{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,MAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
|
@@ -6,6 +6,6 @@
|
|
|
6
6
|
* @param callback the callback to call when the eventName is triggered.
|
|
7
7
|
* @param useCapture whether the events should be dispatched to the callback first before other EventTargets.
|
|
8
8
|
*
|
|
9
|
-
*
|
|
9
|
+
* This should be replaced with a `useEvent` hook.
|
|
10
10
|
*/
|
|
11
11
|
export declare const on: <T>(element: Element | Window | Document, eventName: string, callback: (ev: T) => void, useCapture?: boolean | undefined) => () => void;
|
package/lib-commonjs/utils/on.js
CHANGED
|
@@ -12,7 +12,7 @@ exports.on = void 0;
|
|
|
12
12
|
* @param callback the callback to call when the eventName is triggered.
|
|
13
13
|
* @param useCapture whether the events should be dispatched to the callback first before other EventTargets.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
15
|
+
* This should be replaced with a `useEvent` hook.
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
18
|
var on = function (element, eventName, callback, useCapture) {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.validateRangedThumbValues = void 0;
|
|
7
|
+
|
|
8
|
+
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
/**
|
|
10
|
+
* Clamps and sorts the values in RangedSlider to a given min and max
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
var validateRangedThumbValues = function (thumbValues, min, max) {
|
|
15
|
+
return thumbValues.map(function (value) {
|
|
16
|
+
return react_utilities_1.clamp(value, min, max);
|
|
17
|
+
}).sort(function (a, b) {
|
|
18
|
+
return a - b;
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.validateRangedThumbValues = validateRangedThumbValues;
|
|
23
|
+
//# sourceMappingURL=validateRangedThumbValues.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/utils/validateRangedThumbValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,yBAAyB,GAAG,UAAC,WAAD,EAAgC,GAAhC,EAA6C,GAA7C,EAAwD;AAC/F,SAAA,WAAW,CAAC,GAAZ,CAAgB,UAAA,KAAA,EAAK;AAAI,WAAA,iBAAA,CAAA,KAAA,CAAM,KAAN,EAAa,GAAb,EAAA,GAAA,CAAA;AAAsB,GAA/C,EAAiD,IAAjD,CAAsD,UAAC,CAAD,EAAI,CAAJ,EAAK;AAAK,WAAA,CAAC,GAAD,CAAA;AAAK,GAArE,CAAA;AAA0F,CADrF;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB","sourceRoot":""}
|