@cdx-ui/components 0.0.1-beta.170 → 0.0.1-beta.171
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/lib/commonjs/components/Slider/getSliderPopupPosition.js +14 -0
- package/lib/commonjs/components/Slider/getSliderPopupPosition.js.map +1 -1
- package/lib/commonjs/components/Slider/index.js +43 -12
- package/lib/commonjs/components/Slider/index.js.map +1 -1
- package/lib/module/components/Slider/getSliderPopupPosition.js +13 -0
- package/lib/module/components/Slider/getSliderPopupPosition.js.map +1 -1
- package/lib/module/components/Slider/index.js +46 -15
- package/lib/module/components/Slider/index.js.map +1 -1
- package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts +5 -0
- package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts.map +1 -1
- package/lib/typescript/components/Slider/index.d.ts +6 -1
- package/lib/typescript/components/Slider/index.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/Slider/getSliderPopupPosition.ts +21 -0
- package/src/components/Slider/index.tsx +71 -23
|
@@ -5,10 +5,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.SLIDER_POPUP_Z_INDEX = exports.SLIDER_POPUP_OFFSET = void 0;
|
|
7
7
|
exports.getSliderPopupAnchorStyle = getSliderPopupAnchorStyle;
|
|
8
|
+
exports.getSliderPopupPortalStyle = getSliderPopupPortalStyle;
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
10
|
var _primitives = require("@cdx-ui/primitives");
|
|
10
11
|
const SLIDER_POPUP_OFFSET = exports.SLIDER_POPUP_OFFSET = 8;
|
|
11
12
|
const SLIDER_POPUP_Z_INDEX = exports.SLIDER_POPUP_Z_INDEX = 9999;
|
|
13
|
+
function getSliderPopupPortalStyle(windowStyle, portalOrigin) {
|
|
14
|
+
if (portalOrigin == null) {
|
|
15
|
+
return {
|
|
16
|
+
...windowStyle,
|
|
17
|
+
opacity: 0
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
return {
|
|
21
|
+
...windowStyle,
|
|
22
|
+
left: typeof windowStyle.left === 'number' ? windowStyle.left - portalOrigin.x : windowStyle.left,
|
|
23
|
+
top: typeof windowStyle.top === 'number' ? windowStyle.top - portalOrigin.y : windowStyle.top
|
|
24
|
+
};
|
|
25
|
+
}
|
|
12
26
|
|
|
13
27
|
/**
|
|
14
28
|
* Popover-style placement for the slider value tooltip, modeled after anchored
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_primitives","SLIDER_POPUP_OFFSET","exports","SLIDER_POPUP_Z_INDEX","getSliderPopupAnchorStyle","anchor","orientation","offset","result","getAnchoredOverlayPosition","width","height","Number","MAX_SAFE_INTEGER","placement","collisionBehavior","position","Platform","OS","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_primitives","SLIDER_POPUP_OFFSET","exports","SLIDER_POPUP_Z_INDEX","getSliderPopupPortalStyle","windowStyle","portalOrigin","opacity","left","x","top","y","getSliderPopupAnchorStyle","anchor","orientation","offset","result","getAnchoredOverlayPosition","width","height","Number","MAX_SAFE_INTEGER","placement","collisionBehavior","position","Platform","OS","style","zIndex","transform","translateY","translateX"],"sourceRoot":"../../../../src","sources":["components/Slider/getSliderPopupPosition.ts"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMO,MAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,CAAC;AAC7B,MAAME,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,GAAG,IAAI;AAOjC,SAASC,yBAAyBA,CACvCC,WAAsB,EACtBC,YAA4C,EACjC;EACX,IAAIA,YAAY,IAAI,IAAI,EAAE;IACxB,OAAO;MAAE,GAAGD,WAAW;MAAEE,OAAO,EAAE;IAAE,CAAC;EACvC;EAEA,OAAO;IACL,GAAGF,WAAW;IACdG,IAAI,EACF,OAAOH,WAAW,CAACG,IAAI,KAAK,QAAQ,GAAGH,WAAW,CAACG,IAAI,GAAGF,YAAY,CAACG,CAAC,GAAGJ,WAAW,CAACG,IAAI;IAC7FE,GAAG,EAAE,OAAOL,WAAW,CAACK,GAAG,KAAK,QAAQ,GAAGL,WAAW,CAACK,GAAG,GAAGJ,YAAY,CAACK,CAAC,GAAGN,WAAW,CAACK;EAC5F,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACO,SAASE,yBAAyBA,CACvCC,MAAoB,EACpBC,WAA8B,EAC9BC,MAAM,GAAGd,mBAAmB,EACjB;EACX,MAAMe,MAAM,GAAG,IAAAC,sCAA0B,EACvCJ,MAAM,EACN;IAAEK,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,EACvB;IAAED,KAAK,EAAEE,MAAM,CAACC,gBAAgB;IAAEF,MAAM,EAAEC,MAAM,CAACC;EAAiB,CAAC,EACnE;IACEC,SAAS,EAAER,WAAW,KAAK,UAAU,GAAG,OAAO,GAAG,KAAK;IACvDC,MAAM;IACNQ,iBAAiB,EAAE;EACrB,CACF,CAAC;EACD,MAAMC,QAAQ,GAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,UAAoC;EAExF,IAAIZ,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO;MACLU,QAAQ;MACRhB,IAAI,EAAEQ,MAAM,CAACW,KAAK,CAACnB,IAAI;MACvBE,GAAG,EAAEM,MAAM,CAACW,KAAK,CAACjB,GAAG;MACrBkB,MAAM,EAAEzB,oBAAoB;MAC5B0B,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC;IACpC,CAAC;EACH;EAEA,OAAO;IACLN,QAAQ;IACRhB,IAAI,EAAEQ,MAAM,CAACW,KAAK,CAACnB,IAAI;IACvBE,GAAG,EAAEM,MAAM,CAACW,KAAK,CAACjB,GAAG;IACrBkB,MAAM,EAAEzB,oBAAoB;IAC5B0B,SAAS,EAAE,CAAC;MAAEE,UAAU,EAAE;IAAO,CAAC,EAAE;MAAED,UAAU,EAAE;IAAQ,CAAC;EAC7D,CAAC;AACH","ignoreList":[]}
|
|
@@ -93,10 +93,11 @@ const SliderTrack = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
93
93
|
orientation
|
|
94
94
|
} = useSliderStyleContext();
|
|
95
95
|
const {
|
|
96
|
-
|
|
96
|
+
values,
|
|
97
97
|
isDragging,
|
|
98
98
|
trackLayout,
|
|
99
|
-
thumbSize
|
|
99
|
+
thumbSize,
|
|
100
|
+
getThumbPercent
|
|
100
101
|
} = (0, _primitives.useSliderContext)();
|
|
101
102
|
const fillStyle = (0, _react.useMemo)(() => {
|
|
102
103
|
const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
|
|
@@ -115,24 +116,30 @@ const SliderTrack = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
115
116
|
width: 0
|
|
116
117
|
};
|
|
117
118
|
}
|
|
118
|
-
const
|
|
119
|
+
const isSingleThumb = values.length <= 1;
|
|
120
|
+
const startPercent = isSingleThumb ? 0 : getThumbPercent(0);
|
|
121
|
+
const endPercent = isSingleThumb ? getThumbPercent(0) : getThumbPercent(values.length - 1);
|
|
122
|
+
const {
|
|
123
|
+
offset,
|
|
124
|
+
length
|
|
125
|
+
} = (0, _primitives.getFillExtent)(startPercent, endPercent, trackSize, thumbSize);
|
|
119
126
|
if (orientation === 'vertical') {
|
|
120
127
|
return {
|
|
121
128
|
position: 'absolute',
|
|
122
129
|
left: 0,
|
|
123
130
|
right: 0,
|
|
124
|
-
bottom:
|
|
125
|
-
height:
|
|
131
|
+
bottom: offset,
|
|
132
|
+
height: length
|
|
126
133
|
};
|
|
127
134
|
}
|
|
128
135
|
return {
|
|
129
136
|
position: 'absolute',
|
|
130
137
|
top: 0,
|
|
131
138
|
bottom: 0,
|
|
132
|
-
left:
|
|
133
|
-
width:
|
|
139
|
+
left: offset,
|
|
140
|
+
width: length
|
|
134
141
|
};
|
|
135
|
-
}, [
|
|
142
|
+
}, [getThumbPercent, orientation, thumbSize, trackLayout, values.length]);
|
|
136
143
|
const computedClassName = (0, _utils.cn)((0, _styles.sliderTrackVariants)({
|
|
137
144
|
orientation
|
|
138
145
|
}), (0, _styles.sliderTrackColorVariants)({
|
|
@@ -158,6 +165,7 @@ SliderTrack.displayName = 'Slider.Track';
|
|
|
158
165
|
const SliderThumb = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
159
166
|
className,
|
|
160
167
|
style,
|
|
168
|
+
index,
|
|
161
169
|
children,
|
|
162
170
|
...props
|
|
163
171
|
}, ref) => {
|
|
@@ -169,6 +177,7 @@ const SliderThumb = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
169
177
|
}), className);
|
|
170
178
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SliderThumb, {
|
|
171
179
|
ref: ref,
|
|
180
|
+
index: index,
|
|
172
181
|
className: computedClassName,
|
|
173
182
|
style: style,
|
|
174
183
|
...props,
|
|
@@ -203,14 +212,19 @@ const SliderPopup = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
203
212
|
orientation
|
|
204
213
|
} = useSliderStyleContext();
|
|
205
214
|
const {
|
|
215
|
+
index,
|
|
206
216
|
isDragging,
|
|
207
217
|
isHovered,
|
|
208
218
|
isFocused,
|
|
209
|
-
getValueLabel,
|
|
210
219
|
thumbRef,
|
|
211
220
|
percent
|
|
221
|
+
} = (0, _primitives.useSliderThumbContext)();
|
|
222
|
+
const {
|
|
223
|
+
getThumbValueLabel
|
|
212
224
|
} = (0, _primitives.useSliderContext)();
|
|
213
225
|
const portalName = (0, _react.useId)();
|
|
226
|
+
const portalRef = (0, _react.useRef)(null);
|
|
227
|
+
const [portalOrigin, setPortalOrigin] = (0, _react.useState)(null);
|
|
214
228
|
const visible = isDragging || isHovered || isFocused;
|
|
215
229
|
const {
|
|
216
230
|
floatingRef,
|
|
@@ -224,15 +238,28 @@ const SliderPopup = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
224
238
|
remeasureKey: percent,
|
|
225
239
|
trackWhileOpen: true
|
|
226
240
|
});
|
|
241
|
+
const measurePortalOrigin = (0, _react.useCallback)(() => {
|
|
242
|
+
if (_reactNative.Platform.OS === 'web' || orientation !== 'vertical') {
|
|
243
|
+
return;
|
|
244
|
+
}
|
|
245
|
+
portalRef.current?.measureInWindow((x, y) => {
|
|
246
|
+
setPortalOrigin(previous => previous?.x === x && previous.y === y ? previous : {
|
|
247
|
+
x,
|
|
248
|
+
y
|
|
249
|
+
});
|
|
250
|
+
});
|
|
251
|
+
}, [orientation]);
|
|
252
|
+
const resolvedPopupPositionStyle = (0, _react.useMemo)(() => _reactNative.Platform.OS !== 'web' && orientation === 'vertical' ? (0, _getSliderPopupPosition.getSliderPopupPortalStyle)(popupPositionStyle, portalOrigin) : popupPositionStyle, [orientation, popupPositionStyle, portalOrigin]);
|
|
227
253
|
if (!visible) {
|
|
228
254
|
return null;
|
|
229
255
|
}
|
|
256
|
+
const getValueLabel = () => getThumbValueLabel(index);
|
|
230
257
|
const label = renderPopupLabel(children, getValueLabel);
|
|
231
258
|
const computedClassName = (0, _utils.cn)((0, _styles.sliderPopupBaseVariants)(), className);
|
|
232
259
|
const Comp = asChild ? _primitives.Slot : _reactNative.View;
|
|
233
260
|
const popup = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
234
261
|
pointerEvents: "none",
|
|
235
|
-
style: [
|
|
262
|
+
style: [resolvedPopupPositionStyle, {
|
|
236
263
|
zIndex: _getSliderPopupPosition.SLIDER_POPUP_Z_INDEX
|
|
237
264
|
}],
|
|
238
265
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
@@ -256,10 +283,12 @@ const SliderPopup = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
256
283
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Portal, {
|
|
257
284
|
name: portalName,
|
|
258
285
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
286
|
+
ref: portalRef,
|
|
259
287
|
pointerEvents: "box-none",
|
|
260
288
|
style: [_reactNative.StyleSheet.absoluteFill, {
|
|
261
289
|
zIndex: _getSliderPopupPosition.SLIDER_POPUP_Z_INDEX
|
|
262
290
|
}],
|
|
291
|
+
onLayout: measurePortalOrigin,
|
|
263
292
|
children: popup
|
|
264
293
|
})
|
|
265
294
|
});
|
|
@@ -274,7 +303,7 @@ const SliderMarker = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
274
303
|
...props
|
|
275
304
|
}, ref) => {
|
|
276
305
|
const {
|
|
277
|
-
|
|
306
|
+
values,
|
|
278
307
|
min,
|
|
279
308
|
max,
|
|
280
309
|
orientation,
|
|
@@ -288,7 +317,9 @@ const SliderMarker = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
288
317
|
const percent = (0, _primitives.valueToPercent)(value, min, max);
|
|
289
318
|
return (0, _primitives.getMarkerPositionStyle)(percent, orientation, trackLayout, thumbSize);
|
|
290
319
|
}, [max, min, orientation, thumbSize, trackLayout, value]);
|
|
291
|
-
const
|
|
320
|
+
const low = values[0] ?? min;
|
|
321
|
+
const high = values[values.length - 1] ?? low;
|
|
322
|
+
const isFilled = value != null && (values.length <= 1 ? value <= low : value >= low && value <= high);
|
|
292
323
|
const computedClassName = (0, _utils.cn)((0, _styles.sliderMarkerVariants)({
|
|
293
324
|
filled: isFilled
|
|
294
325
|
}), className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_getSliderPopupPosition","_jsxRuntime","SCOPE","useSliderStyleContext","color","orientation","useStyleContext","SliderRoot","forwardRef","className","style","children","isDisabled","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","sliderRootVariants","jsx","ParentContext","Provider","value","displayName","SliderRail","sliderRailVariants","sliderRailColorVariants","SliderTrack","asChild","testID","percent","isDragging","trackLayout","thumbSize","useSliderContext","fillStyle","trackSize","width","height","position","left","right","bottom","top","extent","percentToFillExtent","sliderTrackVariants","sliderTrackColorVariants","Comp","Slot","View","pointerEvents","accessibilityElementsHidden","importantForAccessibility","mergeDataAttributes","dataAttributes","slot","dragging","SliderThumb","sliderThumbVariants","dataOrientation","renderPopupLabel","getValueLabel","Text","selectable","SliderPopup","onLayout","isHovered","isFocused","thumbRef","portalName","useId","visible","floatingRef","onFloatingLayout","popupPositionStyle","useAnchoredOverlay","placement","offset","SLIDER_POPUP_OFFSET","collisionBehavior","remeasureKey","trackWhileOpen","label","sliderPopupBaseVariants","popup","zIndex","SLIDER_POPUP_Z_INDEX","mergeRefs","composeEventHandlers","Platform","OS","createPortalFn","document","body","Portal","name","StyleSheet","absoluteFill","SliderMarker","currentValue","min","max","markerStyle","undefined","valueToPercent","getMarkerPositionStyle","isFilled","sliderMarkerVariants","filled","String","isSliderMarkerElement","child","isValidElement","type","SliderMarkerGroup","step","markers","childList","Children","toArray","length","templateMarker","find","getMarkerStepValues","map","markerValue","cloneElement","key","Slider","exports","Object","assign","Rail","Track","Thumb","Popup","MarkerGroup","Marker"],"sourceRoot":"../../../../src","sources":["components/Slider/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_getSliderPopupPosition","_jsxRuntime","SCOPE","useSliderStyleContext","color","orientation","useStyleContext","SliderRoot","forwardRef","className","style","children","isDisabled","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","sliderRootVariants","jsx","ParentContext","Provider","value","displayName","SliderRail","sliderRailVariants","sliderRailColorVariants","SliderTrack","asChild","testID","values","isDragging","trackLayout","thumbSize","getThumbPercent","useSliderContext","fillStyle","trackSize","width","height","position","left","right","bottom","top","isSingleThumb","length","startPercent","endPercent","offset","getFillExtent","sliderTrackVariants","sliderTrackColorVariants","Comp","Slot","View","pointerEvents","accessibilityElementsHidden","importantForAccessibility","mergeDataAttributes","dataAttributes","slot","dragging","SliderThumb","index","sliderThumbVariants","dataOrientation","renderPopupLabel","getValueLabel","Text","selectable","SliderPopup","onLayout","isHovered","isFocused","thumbRef","percent","useSliderThumbContext","getThumbValueLabel","portalName","useId","portalRef","useRef","portalOrigin","setPortalOrigin","useState","visible","floatingRef","onFloatingLayout","popupPositionStyle","useAnchoredOverlay","placement","SLIDER_POPUP_OFFSET","collisionBehavior","remeasureKey","trackWhileOpen","measurePortalOrigin","useCallback","Platform","OS","current","measureInWindow","x","y","previous","resolvedPopupPositionStyle","getSliderPopupPortalStyle","label","sliderPopupBaseVariants","popup","zIndex","SLIDER_POPUP_Z_INDEX","mergeRefs","composeEventHandlers","createPortalFn","document","body","Portal","name","StyleSheet","absoluteFill","SliderMarker","min","max","markerStyle","undefined","valueToPercent","getMarkerPositionStyle","low","high","isFilled","sliderMarkerVariants","filled","String","isSliderMarkerElement","child","isValidElement","type","SliderMarkerGroup","step","markers","childList","Children","toArray","templateMarker","find","getMarkerStepValues","map","markerValue","cloneElement","key","Slider","exports","Object","assign","Rail","Track","Thumb","Popup","MarkerGroup","Marker"],"sourceRoot":"../../../../src","sources":["components/Slider/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAaA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAuBA,IAAAG,MAAA,GAAAH,OAAA;AAQA,IAAAI,OAAA,GAAAJ,OAAA;AAYA,IAAAK,uBAAA,GAAAL,OAAA;AAKkC,IAAAM,WAAA,GAAAN,OAAA;AAElC,MAAMO,KAAK,GAAG,QAAQ;AAEtB,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAM;IAAEC,KAAK;IAAEC;EAAY,CAAC,GAAG,IAAAC,sBAAe,EAACJ,KAAK,CAGnD;EAED,OAAO;IACLE,KAAK;IACLC,WAAW,EAAEA,WAAW,IAAI;EAC9B,CAAC;AACH,CAAC;AAeD,MAAME,UAAU,gBAAG,IAAAC,iBAAU,EAC3B,CACE;EACEC,SAAS;EACTC,KAAK;EACLN,KAAK,GAAG,QAAQ;EAChBC,WAAW,GAAG,YAAY;EAC1BM,QAAQ;EACRC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAG,IAAAC,uBAAgB,EAAC,CAAC;EACjC,MAAMC,GAAG,GAAG,IAAAC,cAAO,EACjB,OAAO;IACL,GAAGH,MAAM;IACT,CAACb,KAAK,GAAG;MAAEE,KAAK;MAAEC;IAAY;EAChC,CAAC,CAAC,EACF,CAACD,KAAK,EAAEC,WAAW,EAAEU,MAAM,CAC7B,CAAC;EAED,MAAMI,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAC,0BAAkB,EAAC;IAAEhB;EAAY,CAAC,CAAC,EAAEI,SAAS,CAAC;EAE5E,oBACE,IAAAR,WAAA,CAAAqB,GAAA,EAACxB,MAAA,CAAAyB,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAER,GAAI;IAAAN,QAAA,eACjC,IAAAV,WAAA,CAAAqB,GAAA,EAACzB,WAAA,CAAAU,UAAmB;MAClBO,GAAG,EAAEA,GAAI;MACTL,SAAS,EAAEU,iBAAkB;MAC7BT,KAAK,EAAEA,KAAM;MACbL,WAAW,EAAEA,WAAY;MACzBO,UAAU,EAAEA,UAAW;MAAA,GACnBC,KAAK;MAAAF,QAAA,EAERA;IAAQ,CACU;EAAC,CACA,CAAC;AAE7B,CACF,CAAC;AAEDJ,UAAU,CAACmB,WAAW,GAAG,QAAQ;AAOjC,MAAMC,UAAU,gBAAG,IAAAnB,iBAAU,EAC3B,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAET,WAAW;IAAED;EAAM,CAAC,GAAGD,qBAAqB,CAAC,CAAC;EAEtD,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAC1B,IAAAQ,0BAAkB,EAAC;IAAEvB;EAAY,CAAC,CAAC,EACnC,IAAAwB,+BAAuB,EAAC;IAAEzB;EAAM,CAAC,CAAC,EAClCK,SACF,CAAC;EAED,oBACE,IAAAR,WAAA,CAAAqB,GAAA,EAACzB,WAAA,CAAA8B,UAAmB;IAACb,GAAG,EAAEA,GAAI;IAACL,SAAS,EAAEU,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKG,KAAK;IAAAF,QAAA,EACjFA;EAAQ,CACU,CAAC;AAE1B,CACF,CAAC;AAEDgB,UAAU,CAACD,WAAW,GAAG,aAAa;AAQtC,MAAMI,WAAW,gBAAG,IAAAtB,iBAAU,EAC5B,CAAC;EAAEuB,OAAO;EAAEtB,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEqB,MAAM;EAAE,GAAGnB;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEV,KAAK;IAAEC;EAAY,CAAC,GAAGF,qBAAqB,CAAC,CAAC;EACtD,MAAM;IAAE8B,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAgB,CAAC,GAAG,IAAAC,4BAAgB,EAAC,CAAC;EAE1F,MAAMC,SAAS,GAAG,IAAArB,cAAO,EAAC,MAAiB;IACzC,MAAMsB,SAAS,GACbL,WAAW,IAAI,IAAI,GACf,CAAC,GACD9B,WAAW,KAAK,YAAY,GAC1B8B,WAAW,CAACM,KAAK,GACjBN,WAAW,CAACO,MAAM;IAE1B,IAAIF,SAAS,IAAI,CAAC,EAAE;MAClB,OAAOnC,WAAW,KAAK,UAAU,GAC7B;QAAEsC,QAAQ,EAAE,UAAU;QAAEC,IAAI,EAAE,CAAC;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;QAAEJ,MAAM,EAAE;MAAE,CAAC,GACjE;QAAEC,QAAQ,EAAE,UAAU;QAAEI,GAAG,EAAE,CAAC;QAAED,MAAM,EAAE,CAAC;QAAEF,IAAI,EAAE,CAAC;QAAEH,KAAK,EAAE;MAAE,CAAC;IACpE;IAEA,MAAMO,aAAa,GAAGf,MAAM,CAACgB,MAAM,IAAI,CAAC;IACxC,MAAMC,YAAY,GAAGF,aAAa,GAAG,CAAC,GAAGX,eAAe,CAAC,CAAC,CAAC;IAC3D,MAAMc,UAAU,GAAGH,aAAa,GAAGX,eAAe,CAAC,CAAC,CAAC,GAAGA,eAAe,CAACJ,MAAM,CAACgB,MAAM,GAAG,CAAC,CAAC;IAC1F,MAAM;MAAEG,MAAM;MAAEH;IAAO,CAAC,GAAG,IAAAI,yBAAa,EAACH,YAAY,EAAEC,UAAU,EAAEX,SAAS,EAAEJ,SAAS,CAAC;IAExF,IAAI/B,WAAW,KAAK,UAAU,EAAE;MAC9B,OAAO;QACLsC,QAAQ,EAAE,UAAU;QACpBC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAEM,MAAM;QACdV,MAAM,EAAEO;MACV,CAAC;IACH;IAEA,OAAO;MACLN,QAAQ,EAAE,UAAU;MACpBI,GAAG,EAAE,CAAC;MACND,MAAM,EAAE,CAAC;MACTF,IAAI,EAAEQ,MAAM;MACZX,KAAK,EAAEQ;IACT,CAAC;EACH,CAAC,EAAE,CAACZ,eAAe,EAAEhC,WAAW,EAAE+B,SAAS,EAAED,WAAW,EAAEF,MAAM,CAACgB,MAAM,CAAC,CAAC;EAEzE,MAAM9B,iBAAiB,GAAG,IAAAC,SAAE,EAC1B,IAAAkC,2BAAmB,EAAC;IAAEjD;EAAY,CAAC,CAAC,EACpC,IAAAkD,gCAAwB,EAAC;IAAEnD;EAAM,CAAC,CAAC,EACnCK,SACF,CAAC;EACD,MAAM+C,IAAI,GAAGzB,OAAO,GAAG0B,gBAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAzD,WAAA,CAAAqB,GAAA,EAACkC,IAAI;IACH1C,GAAG,EAAEA,GAAI;IACTkB,MAAM,EAAEA,MAAO;IACfvB,SAAS,EAAEU,iBAAkB;IAC7BwC,aAAa,EAAC,MAAM;IACpBjD,KAAK,EAAE,CAAC6B,SAAS,EAAE7B,KAAK,CAAE;IAC1BkD,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAAA,GAC3C,IAAAC,+BAAmB,EACrBjD,KAAK,EACL,IAAAkD,0BAAc,EAAC;MAAEC,IAAI,EAAE,cAAc;MAAEC,QAAQ,EAAE/B;IAAW,CAAC,CAC/D,CAAC;IAAAvB,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDmB,WAAW,CAACJ,WAAW,GAAG,cAAc;AAWxC,MAAMwC,WAAW,gBAAG,IAAA1D,iBAAU,EAC5B,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAEyD,KAAK;EAAExD,QAAQ;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EACxD,MAAM;IAAEV;EAAM,CAAC,GAAGD,qBAAqB,CAAC,CAAC;EAEzC,MAAMgB,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAgD,2BAAmB,EAAC;IAAEhE;EAAM,CAAC,CAAC,EAAEK,SAAS,CAAC;EAEvE,oBACE,IAAAR,WAAA,CAAAqB,GAAA,EAACzB,WAAA,CAAAqE,WAAoB;IACnBpD,GAAG,EAAEA,GAAI;IACTqD,KAAK,EAAEA,KAAM;IACb1D,SAAS,EAAEU,iBAAkB;IAC7BT,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAF,QAAA,EAERA;EAAQ,CACW,CAAC;AAE3B,CACF,CAAC;AAEDuD,WAAW,CAACxC,WAAW,GAAG,cAAc;AAExC,SAAS2C,eAAeA,CAAChE,WAAyD,EAAE;EAClF,OAAO;IAAE,kBAAkB,EAAEA,WAAW,IAAI;EAAa,CAAC;AAC5D;AAEA,SAASiE,gBAAgBA,CAAC3D,QAAmB,EAAE4D,aAA2B,EAAE;EAC1E,IAAI5D,QAAQ,IAAI,IAAI,IAAI,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IACpF,oBACE,IAAAV,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAA4E,IAAI;MAAC/D,SAAS,EAAC,sDAAsD;MAACgE,UAAU,EAAE,KAAM;MAAA9D,QAAA,EACtFA,QAAQ,IAAI4D,aAAa,CAAC;IAAC,CACxB,CAAC;EAEX;EAEA,OAAO5D,QAAQ;AACjB;AAQA,MAAM+D,WAAW,gBAAG,IAAAlE,iBAAU,EAC5B,CAAC;EAAEuB,OAAO;EAAEtB,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEgE,QAAQ;EAAE,GAAG9D;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAET;EAAY,CAAC,GAAGF,qBAAqB,CAAC,CAAC;EAC/C,MAAM;IAAEgE,KAAK;IAAEjC,UAAU;IAAE0C,SAAS;IAAEC,SAAS;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,IAAAC,iCAAqB,EAAC,CAAC;EAC9F,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAA3C,4BAAgB,EAAC,CAAC;EACjD,MAAM4C,UAAU,GAAG,IAAAC,YAAK,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EACpC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAiC,IAAI,CAAC;EAEtF,MAAMC,OAAO,GAAGvD,UAAU,IAAI0C,SAAS,IAAIC,SAAS;EACpD,MAAM;IACJa,WAAW;IACXC,gBAAgB;IAChBjF,KAAK,EAAEkF;EACT,CAAC,GAAG,IAAAC,8BAAkB,EAACf,QAAQ,EAAEW,OAAO,EAAE;IACxCK,SAAS,EAAEzF,WAAW,KAAK,UAAU,GAAG,OAAO,GAAG,KAAK;IACvD+C,MAAM,EAAE2C,2CAAmB;IAC3BC,iBAAiB,EAAE,MAAM;IACzBvD,KAAK,EAAE,SAAS;IAChBwD,YAAY,EAAElB,OAAO;IACrBmB,cAAc,EAAE;EAClB,CAAC,CAAC;EACF,MAAMC,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC5C,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIjG,WAAW,KAAK,UAAU,EAAE;MACvD;IACF;IAEA+E,SAAS,CAACmB,OAAO,EAAEC,eAAe,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;MAC3CnB,eAAe,CAAEoB,QAAQ,IACvBA,QAAQ,EAAEF,CAAC,KAAKA,CAAC,IAAIE,QAAQ,CAACD,CAAC,KAAKA,CAAC,GAAGC,QAAQ,GAAG;QAAEF,CAAC;QAAEC;MAAE,CAC5D,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrG,WAAW,CAAC,CAAC;EACjB,MAAMuG,0BAA0B,GAAG,IAAA1F,cAAO,EACxC,MACEmF,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIjG,WAAW,KAAK,UAAU,GAC/C,IAAAwG,iDAAyB,EAACjB,kBAAkB,EAAEN,YAAY,CAAC,GAC3DM,kBAAkB,EACxB,CAACvF,WAAW,EAAEuF,kBAAkB,EAAEN,YAAY,CAChD,CAAC;EAED,IAAI,CAACG,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMlB,aAAa,GAAGA,CAAA,KAAMU,kBAAkB,CAACd,KAAK,CAAC;EACrD,MAAM2C,KAAK,GAAGxC,gBAAgB,CAAC3D,QAAQ,EAAE4D,aAAa,CAAC;EACvD,MAAMpD,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAA2F,+BAAuB,EAAC,CAAC,EAAEtG,SAAS,CAAC;EAClE,MAAM+C,IAAI,GAAGzB,OAAO,GAAG0B,gBAAI,GAAGC,iBAAI;EAElC,MAAMsD,KAAK,gBACT,IAAA/G,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAA8D,IAAI;IACHC,aAAa,EAAC,MAAM;IACpBjD,KAAK,EAAE,CAACkG,0BAA0B,EAAE;MAAEK,MAAM,EAAEC;IAAqB,CAAC,CAAE;IAAAvG,QAAA,eAEtE,IAAAV,WAAA,CAAAqB,GAAA,EAACkC,IAAI;MACH1C,GAAG,EAAE,IAAAqG,gBAAS,EAACrG,GAAG,EAAE4E,WAAW,CAAE;MACjCjF,SAAS,EAAEU,iBAAkB;MAC7BT,KAAK,EAAEA,KAAM;MACbiE,QAAQ,EAAE,IAAAyC,2BAAoB,EAACzC,QAAQ,EAAEgB,gBAAgB,CAAE;MAAA,GACvD9E,KAAK;MACT+C,2BAA2B;MAC3BC,yBAAyB,EAAC,qBAAqB;MAAA,GAC3C,IAAAC,+BAAmB,EACrBjD,KAAK,EACL,IAAAkD,0BAAc,EAAC;QAAEC,IAAI,EAAE,cAAc;QAAEyB,OAAO,EAAE;MAAK,CAAC,CAAC,EACvDpB,eAAe,CAAChE,WAAW,CAC7B,CAAC;MAAAM,QAAA,EAEAmG;IAAK,CACF;EAAC,CACH,CACP;EAED,IAAIT,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIe,0BAAc,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;IAC9E,OAAO,IAAAD,0BAAc,EAACL,KAAK,EAAEM,QAAQ,CAACC,IAAI,CAAC;EAC7C;EAEA,oBACE,IAAAtH,WAAA,CAAAqB,GAAA,EAACzB,WAAA,CAAA2H,MAAM;IAACC,IAAI,EAAEvC,UAAW;IAAAvE,QAAA,eACvB,IAAAV,WAAA,CAAAqB,GAAA,EAAC1B,YAAA,CAAA8D,IAAI;MACH5C,GAAG,EAAEsE,SAAU;MACfzB,aAAa,EAAC,UAAU;MACxBjD,KAAK,EAAE,CAACgH,uBAAU,CAACC,YAAY,EAAE;QAAEV,MAAM,EAAEC;MAAqB,CAAC,CAAE;MACnEvC,QAAQ,EAAEwB,mBAAoB;MAAAxF,QAAA,EAE7BqG;IAAK,CACF;EAAC,CACD,CAAC;AAEb,CACF,CAAC;AAEDtC,WAAW,CAAChD,WAAW,GAAG,cAAc;AASxC,MAAMkG,YAAY,gBAAG,IAAApH,iBAAU,EAC7B,CAAC;EAAEuB,OAAO;EAAEtB,SAAS;EAAEC,KAAK;EAAEe,KAAK;EAAEO,MAAM;EAAE,GAAGnB;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/D,MAAM;IAAEmB,MAAM;IAAE4F,GAAG;IAAEC,GAAG;IAAEzH,WAAW;IAAE8B,WAAW;IAAEC;EAAU,CAAC,GAAG,IAAAE,4BAAgB,EAAC,CAAC;EAEpF,MAAMyF,WAAW,GAAG,IAAA7G,cAAO,EAAC,MAAM;IAChC,IAAIO,KAAK,IAAI,IAAI,EAAE;MACjB,OAAOuG,SAAS;IAClB;IACA,MAAMjD,OAAO,GAAG,IAAAkD,0BAAc,EAACxG,KAAK,EAAEoG,GAAG,EAAEC,GAAG,CAAC;IAC/C,OAAO,IAAAI,kCAAsB,EAACnD,OAAO,EAAE1E,WAAW,EAAE8B,WAAW,EAAEC,SAAS,CAAC;EAC7E,CAAC,EAAE,CAAC0F,GAAG,EAAED,GAAG,EAAExH,WAAW,EAAE+B,SAAS,EAAED,WAAW,EAAEV,KAAK,CAAC,CAAC;EAE1D,MAAM0G,GAAG,GAAGlG,MAAM,CAAC,CAAC,CAAC,IAAI4F,GAAG;EAC5B,MAAMO,IAAI,GAAGnG,MAAM,CAACA,MAAM,CAACgB,MAAM,GAAG,CAAC,CAAC,IAAIkF,GAAG;EAC7C,MAAME,QAAQ,GACZ5G,KAAK,IAAI,IAAI,KAAKQ,MAAM,CAACgB,MAAM,IAAI,CAAC,GAAGxB,KAAK,IAAI0G,GAAG,GAAG1G,KAAK,IAAI0G,GAAG,IAAI1G,KAAK,IAAI2G,IAAI,CAAC;EACtF,MAAMjH,iBAAiB,GAAG,IAAAC,SAAE,EAAC,IAAAkH,4BAAoB,EAAC;IAAEC,MAAM,EAAEF;EAAS,CAAC,CAAC,EAAE5H,SAAS,CAAC;EACnF,MAAM+C,IAAI,GAAGzB,OAAO,GAAG0B,gBAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAzD,WAAA,CAAAqB,GAAA,EAACkC,IAAI;IACH1C,GAAG,EAAEA,GAAI;IACTkB,MAAM,EAAEA,MAAO;IACfvB,SAAS,EAAEU,iBAAkB;IAC7BT,KAAK,EAAE,CAACqH,WAAW,EAAErH,KAAK,CAAE;IAC5BkD,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAAA,GAC3C,IAAAC,+BAAmB,EACrBjD,KAAK,EACL,IAAAkD,0BAAc,EAAC;MACbC,IAAI,EAAE,eAAe;MACrBvC,KAAK,EAAEA,KAAK,IAAI,IAAI,GAAGuG,SAAS,GAAGQ,MAAM,CAAC/G,KAAK,CAAC;MAChD8G,MAAM,EAAEF;IACV,CAAC,CACH;EAAC,CACF,CAAC;AAEN,CACF,CAAC;AAEDT,YAAY,CAAClG,WAAW,GAAG,eAAe;AAE1C,SAAS+G,qBAAqBA,CAACC,KAAc,EAA4C;EACvF,IAAI,eAAC,IAAAC,qBAAc,EAACD,KAAK,CAAC,EAAE;IAC1B,OAAO,KAAK;EACd;EACA,MAAME,IAAI,GAAGF,KAAK,CAACE,IAAgC;EACnD,OAAOA,IAAI,CAAClH,WAAW,KAAK,eAAe;AAC7C;AAQA,MAAMmH,iBAAiB,gBAAG,IAAArI,iBAAU,EAClC,CAAC;EAAEuB,OAAO;EAAEtB,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEqB,MAAM;EAAE,GAAGnB;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAE+G,GAAG;IAAEC,GAAG;IAAEgB;EAAK,CAAC,GAAG,IAAAxG,4BAAgB,EAAC,CAAC;EAE7C,MAAMyG,OAAO,GAAG,IAAA7H,cAAO,EAAC,MAAM;IAC5B,IAAI4H,IAAI,IAAI,CAAC,IAAIhB,GAAG,IAAID,GAAG,EAAE;MAC3B,OAAO,IAAI;IACb;IAEA,MAAMmB,SAAS,GAAGC,eAAQ,CAACC,OAAO,CAACvI,QAAQ,CAAC;IAC5C,IAAIqI,SAAS,CAAC/F,MAAM,KAAK,CAAC,EAAE;MAC1B,OAAO,IAAI;IACb;IAEA,MAAMkG,cAAc,GAAGH,SAAS,CAACI,IAAI,CAClCV,KAAK,IACJD,qBAAqB,CAACC,KAAK,CAAC,IAAIA,KAAK,CAAC7H,KAAK,CAACY,KAAK,IAAI,IACzD,CAAC;IAED,IAAI0H,cAAc,EAAE;MAClB,OAAO,IAAAE,+BAAmB,EAACxB,GAAG,EAAEC,GAAG,EAAEgB,IAAI,CAAC,CAACQ,GAAG,CAAEC,WAAW,iBACzD,IAAAC,mBAAY,EAACL,cAAc,EAAE;QAAEM,GAAG,EAAEF,WAAW;QAAE9H,KAAK,EAAE8H;MAAY,CAAC,CACvE,CAAC;IACH;IAEA,OAAOP,SAAS;EAClB,CAAC,EAAE,CAACrI,QAAQ,EAAEmH,GAAG,EAAED,GAAG,EAAEiB,IAAI,CAAC,CAAC;EAE9B,IAAI,CAACC,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMvF,IAAI,GAAGzB,OAAO,GAAG0B,gBAAI,GAAGC,iBAAI;EAElC,oBACE,IAAAzD,WAAA,CAAAqB,GAAA,EAACkC,IAAI;IACH1C,GAAG,EAAEA,GAAI;IACTkB,MAAM,EAAEA,MAAO;IACfvB,SAAS,EAAE,IAAAW,SAAE,EAAC,wBAAwB,EAAEX,SAAS,CAAE;IACnDC,KAAK,EAAEA,KAAM;IACbiD,aAAa,EAAC,MAAM;IACpBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAAA,GAC3C,IAAAC,+BAAmB,EAACjD,KAAK,EAAE,IAAAkD,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAsB,CAAC,CAAC,CAAC;IAAArD,QAAA,EAE9EoI;EAAO,CACJ,CAAC;AAEX,CACF,CAAC;AAEDF,iBAAiB,CAACnH,WAAW,GAAG,oBAAoB;AAW7C,MAAMgI,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAGE,MAAM,CAACC,MAAM,CAACtJ,UAAU,EAAE;EAC9CuJ,IAAI,EAAEnI,UAAU;EAChBoI,KAAK,EAAEjI,WAAW;EAClBkI,KAAK,EAAE9F,WAAW;EAClB+F,KAAK,EAAEvF,WAAW;EAClBwF,WAAW,EAAErB,iBAAiB;EAC9BsB,MAAM,EAAEvC;AACV,CAAC,CAA4B","ignoreList":[]}
|
|
@@ -4,6 +4,19 @@ import { Platform } from 'react-native';
|
|
|
4
4
|
import { getAnchoredOverlayPosition } from '@cdx-ui/primitives';
|
|
5
5
|
export const SLIDER_POPUP_OFFSET = 8;
|
|
6
6
|
export const SLIDER_POPUP_Z_INDEX = 9999;
|
|
7
|
+
export function getSliderPopupPortalStyle(windowStyle, portalOrigin) {
|
|
8
|
+
if (portalOrigin == null) {
|
|
9
|
+
return {
|
|
10
|
+
...windowStyle,
|
|
11
|
+
opacity: 0
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
return {
|
|
15
|
+
...windowStyle,
|
|
16
|
+
left: typeof windowStyle.left === 'number' ? windowStyle.left - portalOrigin.x : windowStyle.left,
|
|
17
|
+
top: typeof windowStyle.top === 'number' ? windowStyle.top - portalOrigin.y : windowStyle.top
|
|
18
|
+
};
|
|
19
|
+
}
|
|
7
20
|
|
|
8
21
|
/**
|
|
9
22
|
* Popover-style placement for the slider value tooltip, modeled after anchored
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","getAnchoredOverlayPosition","SLIDER_POPUP_OFFSET","SLIDER_POPUP_Z_INDEX","getSliderPopupAnchorStyle","anchor","orientation","offset","result","width","height","Number","MAX_SAFE_INTEGER","placement","collisionBehavior","position","OS","
|
|
1
|
+
{"version":3,"names":["Platform","getAnchoredOverlayPosition","SLIDER_POPUP_OFFSET","SLIDER_POPUP_Z_INDEX","getSliderPopupPortalStyle","windowStyle","portalOrigin","opacity","left","x","top","y","getSliderPopupAnchorStyle","anchor","orientation","offset","result","width","height","Number","MAX_SAFE_INTEGER","placement","collisionBehavior","position","OS","style","zIndex","transform","translateY","translateX"],"sourceRoot":"../../../../src","sources":["components/Slider/getSliderPopupPosition.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,cAAc;AACvD,SACEC,0BAA0B,QAGrB,oBAAoB;AAE3B,OAAO,MAAMC,mBAAmB,GAAG,CAAC;AACpC,OAAO,MAAMC,oBAAoB,GAAG,IAAI;AAOxC,OAAO,SAASC,yBAAyBA,CACvCC,WAAsB,EACtBC,YAA4C,EACjC;EACX,IAAIA,YAAY,IAAI,IAAI,EAAE;IACxB,OAAO;MAAE,GAAGD,WAAW;MAAEE,OAAO,EAAE;IAAE,CAAC;EACvC;EAEA,OAAO;IACL,GAAGF,WAAW;IACdG,IAAI,EACF,OAAOH,WAAW,CAACG,IAAI,KAAK,QAAQ,GAAGH,WAAW,CAACG,IAAI,GAAGF,YAAY,CAACG,CAAC,GAAGJ,WAAW,CAACG,IAAI;IAC7FE,GAAG,EAAE,OAAOL,WAAW,CAACK,GAAG,KAAK,QAAQ,GAAGL,WAAW,CAACK,GAAG,GAAGJ,YAAY,CAACK,CAAC,GAAGN,WAAW,CAACK;EAC5F,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,yBAAyBA,CACvCC,MAAoB,EACpBC,WAA8B,EAC9BC,MAAM,GAAGb,mBAAmB,EACjB;EACX,MAAMc,MAAM,GAAGf,0BAA0B,CACvCY,MAAM,EACN;IAAEI,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,EACvB;IAAED,KAAK,EAAEE,MAAM,CAACC,gBAAgB;IAAEF,MAAM,EAAEC,MAAM,CAACC;EAAiB,CAAC,EACnE;IACEC,SAAS,EAAEP,WAAW,KAAK,UAAU,GAAG,OAAO,GAAG,KAAK;IACvDC,MAAM;IACNO,iBAAiB,EAAE;EACrB,CACF,CAAC;EACD,MAAMC,QAAQ,GAAIvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,UAAoC;EAExF,IAAIV,WAAW,KAAK,UAAU,EAAE;IAC9B,OAAO;MACLS,QAAQ;MACRf,IAAI,EAAEQ,MAAM,CAACS,KAAK,CAACjB,IAAI;MACvBE,GAAG,EAAEM,MAAM,CAACS,KAAK,CAACf,GAAG;MACrBgB,MAAM,EAAEvB,oBAAoB;MAC5BwB,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAO,CAAC;IACpC,CAAC;EACH;EAEA,OAAO;IACLL,QAAQ;IACRf,IAAI,EAAEQ,MAAM,CAACS,KAAK,CAACjB,IAAI;IACvBE,GAAG,EAAEM,MAAM,CAACS,KAAK,CAACf,GAAG;IACrBgB,MAAM,EAAEvB,oBAAoB;IAC5BwB,SAAS,EAAE,CAAC;MAAEE,UAAU,EAAE;IAAO,CAAC,EAAE;MAAED,UAAU,EAAE;IAAQ,CAAC;EAC7D,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Children, cloneElement, forwardRef, isValidElement, useId, useMemo } from 'react';
|
|
3
|
+
import { Children, cloneElement, forwardRef, isValidElement, useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { Platform, StyleSheet, Text, View } from 'react-native';
|
|
5
|
-
import { SliderRoot as SliderRootPrimitive, SliderRail as SliderRailPrimitive, SliderThumb as SliderThumbPrimitive, Slot, Portal, createPortalFn, useAnchoredOverlay, dataAttributes, getMarkerPositionStyle, getMarkerStepValues, mergeDataAttributes,
|
|
5
|
+
import { SliderRoot as SliderRootPrimitive, SliderRail as SliderRailPrimitive, SliderThumb as SliderThumbPrimitive, Slot, Portal, createPortalFn, useAnchoredOverlay, dataAttributes, getFillExtent, getMarkerPositionStyle, getMarkerStepValues, mergeDataAttributes, useSliderContext, useSliderThumbContext, valueToPercent } from '@cdx-ui/primitives';
|
|
6
6
|
import { cn, composeEventHandlers, mergeRefs, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
|
|
7
7
|
import { sliderMarkerVariants, sliderPopupBaseVariants, sliderRootVariants, sliderRailVariants, sliderRailColorVariants, sliderTrackColorVariants, sliderTrackVariants, sliderThumbVariants } from './styles';
|
|
8
|
-
import { SLIDER_POPUP_OFFSET, SLIDER_POPUP_Z_INDEX } from './getSliderPopupPosition';
|
|
8
|
+
import { getSliderPopupPortalStyle, SLIDER_POPUP_OFFSET, SLIDER_POPUP_Z_INDEX } from './getSliderPopupPosition';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
const SCOPE = 'SLIDER';
|
|
11
11
|
const useSliderStyleContext = () => {
|
|
@@ -89,10 +89,11 @@ const SliderTrack = /*#__PURE__*/forwardRef(({
|
|
|
89
89
|
orientation
|
|
90
90
|
} = useSliderStyleContext();
|
|
91
91
|
const {
|
|
92
|
-
|
|
92
|
+
values,
|
|
93
93
|
isDragging,
|
|
94
94
|
trackLayout,
|
|
95
|
-
thumbSize
|
|
95
|
+
thumbSize,
|
|
96
|
+
getThumbPercent
|
|
96
97
|
} = useSliderContext();
|
|
97
98
|
const fillStyle = useMemo(() => {
|
|
98
99
|
const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
|
|
@@ -111,24 +112,30 @@ const SliderTrack = /*#__PURE__*/forwardRef(({
|
|
|
111
112
|
width: 0
|
|
112
113
|
};
|
|
113
114
|
}
|
|
114
|
-
const
|
|
115
|
+
const isSingleThumb = values.length <= 1;
|
|
116
|
+
const startPercent = isSingleThumb ? 0 : getThumbPercent(0);
|
|
117
|
+
const endPercent = isSingleThumb ? getThumbPercent(0) : getThumbPercent(values.length - 1);
|
|
118
|
+
const {
|
|
119
|
+
offset,
|
|
120
|
+
length
|
|
121
|
+
} = getFillExtent(startPercent, endPercent, trackSize, thumbSize);
|
|
115
122
|
if (orientation === 'vertical') {
|
|
116
123
|
return {
|
|
117
124
|
position: 'absolute',
|
|
118
125
|
left: 0,
|
|
119
126
|
right: 0,
|
|
120
|
-
bottom:
|
|
121
|
-
height:
|
|
127
|
+
bottom: offset,
|
|
128
|
+
height: length
|
|
122
129
|
};
|
|
123
130
|
}
|
|
124
131
|
return {
|
|
125
132
|
position: 'absolute',
|
|
126
133
|
top: 0,
|
|
127
134
|
bottom: 0,
|
|
128
|
-
left:
|
|
129
|
-
width:
|
|
135
|
+
left: offset,
|
|
136
|
+
width: length
|
|
130
137
|
};
|
|
131
|
-
}, [
|
|
138
|
+
}, [getThumbPercent, orientation, thumbSize, trackLayout, values.length]);
|
|
132
139
|
const computedClassName = cn(sliderTrackVariants({
|
|
133
140
|
orientation
|
|
134
141
|
}), sliderTrackColorVariants({
|
|
@@ -154,6 +161,7 @@ SliderTrack.displayName = 'Slider.Track';
|
|
|
154
161
|
const SliderThumb = /*#__PURE__*/forwardRef(({
|
|
155
162
|
className,
|
|
156
163
|
style,
|
|
164
|
+
index,
|
|
157
165
|
children,
|
|
158
166
|
...props
|
|
159
167
|
}, ref) => {
|
|
@@ -165,6 +173,7 @@ const SliderThumb = /*#__PURE__*/forwardRef(({
|
|
|
165
173
|
}), className);
|
|
166
174
|
return /*#__PURE__*/_jsx(SliderThumbPrimitive, {
|
|
167
175
|
ref: ref,
|
|
176
|
+
index: index,
|
|
168
177
|
className: computedClassName,
|
|
169
178
|
style: style,
|
|
170
179
|
...props,
|
|
@@ -199,14 +208,19 @@ const SliderPopup = /*#__PURE__*/forwardRef(({
|
|
|
199
208
|
orientation
|
|
200
209
|
} = useSliderStyleContext();
|
|
201
210
|
const {
|
|
211
|
+
index,
|
|
202
212
|
isDragging,
|
|
203
213
|
isHovered,
|
|
204
214
|
isFocused,
|
|
205
|
-
getValueLabel,
|
|
206
215
|
thumbRef,
|
|
207
216
|
percent
|
|
217
|
+
} = useSliderThumbContext();
|
|
218
|
+
const {
|
|
219
|
+
getThumbValueLabel
|
|
208
220
|
} = useSliderContext();
|
|
209
221
|
const portalName = useId();
|
|
222
|
+
const portalRef = useRef(null);
|
|
223
|
+
const [portalOrigin, setPortalOrigin] = useState(null);
|
|
210
224
|
const visible = isDragging || isHovered || isFocused;
|
|
211
225
|
const {
|
|
212
226
|
floatingRef,
|
|
@@ -220,15 +234,28 @@ const SliderPopup = /*#__PURE__*/forwardRef(({
|
|
|
220
234
|
remeasureKey: percent,
|
|
221
235
|
trackWhileOpen: true
|
|
222
236
|
});
|
|
237
|
+
const measurePortalOrigin = useCallback(() => {
|
|
238
|
+
if (Platform.OS === 'web' || orientation !== 'vertical') {
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
portalRef.current?.measureInWindow((x, y) => {
|
|
242
|
+
setPortalOrigin(previous => previous?.x === x && previous.y === y ? previous : {
|
|
243
|
+
x,
|
|
244
|
+
y
|
|
245
|
+
});
|
|
246
|
+
});
|
|
247
|
+
}, [orientation]);
|
|
248
|
+
const resolvedPopupPositionStyle = useMemo(() => Platform.OS !== 'web' && orientation === 'vertical' ? getSliderPopupPortalStyle(popupPositionStyle, portalOrigin) : popupPositionStyle, [orientation, popupPositionStyle, portalOrigin]);
|
|
223
249
|
if (!visible) {
|
|
224
250
|
return null;
|
|
225
251
|
}
|
|
252
|
+
const getValueLabel = () => getThumbValueLabel(index);
|
|
226
253
|
const label = renderPopupLabel(children, getValueLabel);
|
|
227
254
|
const computedClassName = cn(sliderPopupBaseVariants(), className);
|
|
228
255
|
const Comp = asChild ? Slot : View;
|
|
229
256
|
const popup = /*#__PURE__*/_jsx(View, {
|
|
230
257
|
pointerEvents: "none",
|
|
231
|
-
style: [
|
|
258
|
+
style: [resolvedPopupPositionStyle, {
|
|
232
259
|
zIndex: SLIDER_POPUP_Z_INDEX
|
|
233
260
|
}],
|
|
234
261
|
children: /*#__PURE__*/_jsx(Comp, {
|
|
@@ -252,10 +279,12 @@ const SliderPopup = /*#__PURE__*/forwardRef(({
|
|
|
252
279
|
return /*#__PURE__*/_jsx(Portal, {
|
|
253
280
|
name: portalName,
|
|
254
281
|
children: /*#__PURE__*/_jsx(View, {
|
|
282
|
+
ref: portalRef,
|
|
255
283
|
pointerEvents: "box-none",
|
|
256
284
|
style: [StyleSheet.absoluteFill, {
|
|
257
285
|
zIndex: SLIDER_POPUP_Z_INDEX
|
|
258
286
|
}],
|
|
287
|
+
onLayout: measurePortalOrigin,
|
|
259
288
|
children: popup
|
|
260
289
|
})
|
|
261
290
|
});
|
|
@@ -270,7 +299,7 @@ const SliderMarker = /*#__PURE__*/forwardRef(({
|
|
|
270
299
|
...props
|
|
271
300
|
}, ref) => {
|
|
272
301
|
const {
|
|
273
|
-
|
|
302
|
+
values,
|
|
274
303
|
min,
|
|
275
304
|
max,
|
|
276
305
|
orientation,
|
|
@@ -284,7 +313,9 @@ const SliderMarker = /*#__PURE__*/forwardRef(({
|
|
|
284
313
|
const percent = valueToPercent(value, min, max);
|
|
285
314
|
return getMarkerPositionStyle(percent, orientation, trackLayout, thumbSize);
|
|
286
315
|
}, [max, min, orientation, thumbSize, trackLayout, value]);
|
|
287
|
-
const
|
|
316
|
+
const low = values[0] ?? min;
|
|
317
|
+
const high = values[values.length - 1] ?? low;
|
|
318
|
+
const isFilled = value != null && (values.length <= 1 ? value <= low : value >= low && value <= high);
|
|
288
319
|
const computedClassName = cn(sliderMarkerVariants({
|
|
289
320
|
filled: isFilled
|
|
290
321
|
}), className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","cloneElement","forwardRef","isValidElement","useId","useMemo","Platform","StyleSheet","Text","View","SliderRoot","SliderRootPrimitive","SliderRail","SliderRailPrimitive","SliderThumb","SliderThumbPrimitive","Slot","Portal","createPortalFn","useAnchoredOverlay","dataAttributes","getMarkerPositionStyle","getMarkerStepValues","mergeDataAttributes","percentToFillExtent","useSliderContext","valueToPercent","cn","composeEventHandlers","mergeRefs","ParentContext","useParentContext","useStyleContext","sliderMarkerVariants","sliderPopupBaseVariants","sliderRootVariants","sliderRailVariants","sliderRailColorVariants","sliderTrackColorVariants","sliderTrackVariants","sliderThumbVariants","SLIDER_POPUP_OFFSET","SLIDER_POPUP_Z_INDEX","jsx","_jsx","SCOPE","useSliderStyleContext","color","orientation","className","style","children","isDisabled","props","ref","parent","ctx","computedClassName","Provider","value","displayName","SliderTrack","asChild","testID","percent","isDragging","trackLayout","thumbSize","fillStyle","trackSize","width","height","position","left","right","bottom","top","extent","Comp","pointerEvents","accessibilityElementsHidden","importantForAccessibility","slot","dragging","dataOrientation","renderPopupLabel","getValueLabel","selectable","SliderPopup","onLayout","isHovered","isFocused","thumbRef","portalName","visible","floatingRef","onFloatingLayout","popupPositionStyle","placement","offset","collisionBehavior","remeasureKey","trackWhileOpen","label","popup","zIndex","OS","document","body","name","absoluteFill","SliderMarker","currentValue","min","max","markerStyle","undefined","isFilled","filled","String","isSliderMarkerElement","child","type","SliderMarkerGroup","step","markers","childList","toArray","length","templateMarker","find","map","markerValue","key","Slider","Object","assign","Rail","Track","Thumb","Popup","MarkerGroup","Marker"],"sourceRoot":"../../../../src","sources":["components/Slider/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["Children","cloneElement","forwardRef","isValidElement","useCallback","useId","useMemo","useRef","useState","Platform","StyleSheet","Text","View","SliderRoot","SliderRootPrimitive","SliderRail","SliderRailPrimitive","SliderThumb","SliderThumbPrimitive","Slot","Portal","createPortalFn","useAnchoredOverlay","dataAttributes","getFillExtent","getMarkerPositionStyle","getMarkerStepValues","mergeDataAttributes","useSliderContext","useSliderThumbContext","valueToPercent","cn","composeEventHandlers","mergeRefs","ParentContext","useParentContext","useStyleContext","sliderMarkerVariants","sliderPopupBaseVariants","sliderRootVariants","sliderRailVariants","sliderRailColorVariants","sliderTrackColorVariants","sliderTrackVariants","sliderThumbVariants","getSliderPopupPortalStyle","SLIDER_POPUP_OFFSET","SLIDER_POPUP_Z_INDEX","jsx","_jsx","SCOPE","useSliderStyleContext","color","orientation","className","style","children","isDisabled","props","ref","parent","ctx","computedClassName","Provider","value","displayName","SliderTrack","asChild","testID","values","isDragging","trackLayout","thumbSize","getThumbPercent","fillStyle","trackSize","width","height","position","left","right","bottom","top","isSingleThumb","length","startPercent","endPercent","offset","Comp","pointerEvents","accessibilityElementsHidden","importantForAccessibility","slot","dragging","index","dataOrientation","renderPopupLabel","getValueLabel","selectable","SliderPopup","onLayout","isHovered","isFocused","thumbRef","percent","getThumbValueLabel","portalName","portalRef","portalOrigin","setPortalOrigin","visible","floatingRef","onFloatingLayout","popupPositionStyle","placement","collisionBehavior","remeasureKey","trackWhileOpen","measurePortalOrigin","OS","current","measureInWindow","x","y","previous","resolvedPopupPositionStyle","label","popup","zIndex","document","body","name","absoluteFill","SliderMarker","min","max","markerStyle","undefined","low","high","isFilled","filled","String","isSliderMarkerElement","child","type","SliderMarkerGroup","step","markers","childList","toArray","templateMarker","find","map","markerValue","key","Slider","Object","assign","Rail","Track","Thumb","Popup","MarkerGroup","Marker"],"sourceRoot":"../../../../src","sources":["components/Slider/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,11 @@ import { type ViewStyle } from 'react-native';
|
|
|
2
2
|
import { type AnchorLayout, type SliderOrientation } from '@cdx-ui/primitives';
|
|
3
3
|
export declare const SLIDER_POPUP_OFFSET = 8;
|
|
4
4
|
export declare const SLIDER_POPUP_Z_INDEX = 9999;
|
|
5
|
+
export interface SliderPopupPortalOrigin {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
}
|
|
9
|
+
export declare function getSliderPopupPortalStyle(windowStyle: ViewStyle, portalOrigin: SliderPopupPortalOrigin | null): ViewStyle;
|
|
5
10
|
/**
|
|
6
11
|
* Popover-style placement for the slider value tooltip, modeled after anchored
|
|
7
12
|
* popover content positioning (placement + offset relative to a measured trigger).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSliderPopupPosition.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/getSliderPopupPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,iBAAiB,EAC9B,MAAM,SAAsB,GAC3B,SAAS,CA8BX"}
|
|
1
|
+
{"version":3,"file":"getSliderPopupPosition.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/getSliderPopupPosition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAEzC,MAAM,WAAW,uBAAuB;IACtC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,wBAAgB,yBAAyB,CACvC,WAAW,EAAE,SAAS,EACtB,YAAY,EAAE,uBAAuB,GAAG,IAAI,GAC3C,SAAS,CAWX;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,iBAAiB,EAC9B,MAAM,SAAsB,GAC3B,SAAS,CA8BX"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { View, type ViewProps } from 'react-native';
|
|
3
|
-
import { type ISliderProps, type ISliderRailProps, type ISliderThumbProps, type SliderOrientation } from '@cdx-ui/primitives';
|
|
3
|
+
import { type ISliderProps, type ISliderRailProps, type ISliderThumbProps, type SliderOrientation, type SliderRangeValueProps, type SliderSingleValueProps } from '@cdx-ui/primitives';
|
|
4
4
|
import { type SliderColor, type SliderVariantProps } from './styles';
|
|
5
5
|
export interface SliderProps extends Omit<ISliderProps, 'orientation'> {
|
|
6
6
|
className?: string;
|
|
@@ -12,6 +12,7 @@ export interface SliderProps extends Omit<ISliderProps, 'orientation'> {
|
|
|
12
12
|
orientation?: SliderOrientation;
|
|
13
13
|
children?: ReactNode;
|
|
14
14
|
}
|
|
15
|
+
export type { SliderRangeValueProps, SliderSingleValueProps };
|
|
15
16
|
declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<View>>;
|
|
16
17
|
export interface SliderRailProps extends ISliderRailProps {
|
|
17
18
|
className?: string;
|
|
@@ -26,6 +27,10 @@ export interface SliderTrackProps extends ViewProps {
|
|
|
26
27
|
declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<View>>;
|
|
27
28
|
export interface SliderThumbProps extends ISliderThumbProps {
|
|
28
29
|
className?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Zero-based thumb index. Defaults to `0` for single-value sliders.
|
|
32
|
+
*/
|
|
33
|
+
index?: number;
|
|
29
34
|
children?: ReactNode;
|
|
30
35
|
}
|
|
31
36
|
declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<View>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA8B,IAAI,EAAE,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAChG,OAAO,EAgBL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAS5B,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAsBlB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,CAAC;AAE9D,QAAA,MAAM,UAAU,8FAuCf,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAgBf,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAoEhB,CAAC;AAIF,MAAM,WAAW,gBAAiB,SAAQ,iBAAiB;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAkBhB,CAAC;AAoBF,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGA2FhB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,YAAY,oGAsCjB,CAAC;AAYF,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,iBAAiB,yGAiDtB,CAAC;AAIF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,WAAW,EAAE,OAAO,iBAAiB,CAAC;IACtC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/components",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.171",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -81,10 +81,10 @@
|
|
|
81
81
|
"@marceloterreiro/flash-calendar": "2.0.0",
|
|
82
82
|
"react-native-reanimated-carousel": "5.0.0-beta.5",
|
|
83
83
|
"uniwind": "1.10.0",
|
|
84
|
-
"@cdx-ui/primitives": "0.0.1-beta.
|
|
85
|
-
"@cdx-ui/utils": "0.0.1-beta.
|
|
86
|
-
"@cdx-ui/icons": "0.0.1-beta.
|
|
87
|
-
"@cdx-ui/formatters": "0.0.1-beta.
|
|
84
|
+
"@cdx-ui/primitives": "0.0.1-beta.171",
|
|
85
|
+
"@cdx-ui/utils": "0.0.1-beta.171",
|
|
86
|
+
"@cdx-ui/icons": "0.0.1-beta.171",
|
|
87
|
+
"@cdx-ui/formatters": "0.0.1-beta.171"
|
|
88
88
|
},
|
|
89
89
|
"devDependencies": {
|
|
90
90
|
"@react-navigation/bottom-tabs": "*",
|
|
@@ -8,6 +8,27 @@ import {
|
|
|
8
8
|
export const SLIDER_POPUP_OFFSET = 8;
|
|
9
9
|
export const SLIDER_POPUP_Z_INDEX = 9999;
|
|
10
10
|
|
|
11
|
+
export interface SliderPopupPortalOrigin {
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export function getSliderPopupPortalStyle(
|
|
17
|
+
windowStyle: ViewStyle,
|
|
18
|
+
portalOrigin: SliderPopupPortalOrigin | null,
|
|
19
|
+
): ViewStyle {
|
|
20
|
+
if (portalOrigin == null) {
|
|
21
|
+
return { ...windowStyle, opacity: 0 };
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
return {
|
|
25
|
+
...windowStyle,
|
|
26
|
+
left:
|
|
27
|
+
typeof windowStyle.left === 'number' ? windowStyle.left - portalOrigin.x : windowStyle.left,
|
|
28
|
+
top: typeof windowStyle.top === 'number' ? windowStyle.top - portalOrigin.y : windowStyle.top,
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
|
|
11
32
|
/**
|
|
12
33
|
* Popover-style placement for the slider value tooltip, modeled after anchored
|
|
13
34
|
* popover content positioning (placement + offset relative to a measured trigger).
|
|
@@ -3,8 +3,11 @@ import {
|
|
|
3
3
|
cloneElement,
|
|
4
4
|
forwardRef,
|
|
5
5
|
isValidElement,
|
|
6
|
+
useCallback,
|
|
6
7
|
useId,
|
|
7
8
|
useMemo,
|
|
9
|
+
useRef,
|
|
10
|
+
useState,
|
|
8
11
|
type ReactElement,
|
|
9
12
|
type ReactNode,
|
|
10
13
|
} from 'react';
|
|
@@ -18,16 +21,19 @@ import {
|
|
|
18
21
|
createPortalFn,
|
|
19
22
|
useAnchoredOverlay,
|
|
20
23
|
dataAttributes,
|
|
24
|
+
getFillExtent,
|
|
21
25
|
getMarkerPositionStyle,
|
|
22
26
|
getMarkerStepValues,
|
|
23
27
|
mergeDataAttributes,
|
|
24
|
-
percentToFillExtent,
|
|
25
28
|
useSliderContext,
|
|
29
|
+
useSliderThumbContext,
|
|
26
30
|
valueToPercent,
|
|
27
31
|
type ISliderProps,
|
|
28
32
|
type ISliderRailProps,
|
|
29
33
|
type ISliderThumbProps,
|
|
30
34
|
type SliderOrientation,
|
|
35
|
+
type SliderRangeValueProps,
|
|
36
|
+
type SliderSingleValueProps,
|
|
31
37
|
} from '@cdx-ui/primitives';
|
|
32
38
|
import {
|
|
33
39
|
cn,
|
|
@@ -49,7 +55,12 @@ import {
|
|
|
49
55
|
type SliderColor,
|
|
50
56
|
type SliderVariantProps,
|
|
51
57
|
} from './styles';
|
|
52
|
-
import {
|
|
58
|
+
import {
|
|
59
|
+
getSliderPopupPortalStyle,
|
|
60
|
+
SLIDER_POPUP_OFFSET,
|
|
61
|
+
SLIDER_POPUP_Z_INDEX,
|
|
62
|
+
type SliderPopupPortalOrigin,
|
|
63
|
+
} from './getSliderPopupPosition';
|
|
53
64
|
|
|
54
65
|
const SCOPE = 'SLIDER';
|
|
55
66
|
|
|
@@ -76,6 +87,8 @@ export interface SliderProps extends Omit<ISliderProps, 'orientation'> {
|
|
|
76
87
|
children?: ReactNode;
|
|
77
88
|
}
|
|
78
89
|
|
|
90
|
+
export type { SliderRangeValueProps, SliderSingleValueProps };
|
|
91
|
+
|
|
79
92
|
const SliderRoot = forwardRef<View, SliderProps>(
|
|
80
93
|
(
|
|
81
94
|
{
|
|
@@ -153,7 +166,7 @@ export interface SliderTrackProps extends ViewProps {
|
|
|
153
166
|
const SliderTrack = forwardRef<View, SliderTrackProps>(
|
|
154
167
|
({ asChild, className, style, children, testID, ...props }, ref) => {
|
|
155
168
|
const { color, orientation } = useSliderStyleContext();
|
|
156
|
-
const {
|
|
169
|
+
const { values, isDragging, trackLayout, thumbSize, getThumbPercent } = useSliderContext();
|
|
157
170
|
|
|
158
171
|
const fillStyle = useMemo((): ViewStyle => {
|
|
159
172
|
const trackSize =
|
|
@@ -169,15 +182,18 @@ const SliderTrack = forwardRef<View, SliderTrackProps>(
|
|
|
169
182
|
: { position: 'absolute', top: 0, bottom: 0, left: 0, width: 0 };
|
|
170
183
|
}
|
|
171
184
|
|
|
172
|
-
const
|
|
185
|
+
const isSingleThumb = values.length <= 1;
|
|
186
|
+
const startPercent = isSingleThumb ? 0 : getThumbPercent(0);
|
|
187
|
+
const endPercent = isSingleThumb ? getThumbPercent(0) : getThumbPercent(values.length - 1);
|
|
188
|
+
const { offset, length } = getFillExtent(startPercent, endPercent, trackSize, thumbSize);
|
|
173
189
|
|
|
174
190
|
if (orientation === 'vertical') {
|
|
175
191
|
return {
|
|
176
192
|
position: 'absolute',
|
|
177
193
|
left: 0,
|
|
178
194
|
right: 0,
|
|
179
|
-
bottom:
|
|
180
|
-
height:
|
|
195
|
+
bottom: offset,
|
|
196
|
+
height: length,
|
|
181
197
|
};
|
|
182
198
|
}
|
|
183
199
|
|
|
@@ -185,10 +201,10 @@ const SliderTrack = forwardRef<View, SliderTrackProps>(
|
|
|
185
201
|
position: 'absolute',
|
|
186
202
|
top: 0,
|
|
187
203
|
bottom: 0,
|
|
188
|
-
left:
|
|
189
|
-
width:
|
|
204
|
+
left: offset,
|
|
205
|
+
width: length,
|
|
190
206
|
};
|
|
191
|
-
}, [
|
|
207
|
+
}, [getThumbPercent, orientation, thumbSize, trackLayout, values.length]);
|
|
192
208
|
|
|
193
209
|
const computedClassName = cn(
|
|
194
210
|
sliderTrackVariants({ orientation }),
|
|
@@ -221,17 +237,27 @@ SliderTrack.displayName = 'Slider.Track';
|
|
|
221
237
|
|
|
222
238
|
export interface SliderThumbProps extends ISliderThumbProps {
|
|
223
239
|
className?: string;
|
|
240
|
+
/**
|
|
241
|
+
* Zero-based thumb index. Defaults to `0` for single-value sliders.
|
|
242
|
+
*/
|
|
243
|
+
index?: number;
|
|
224
244
|
children?: ReactNode;
|
|
225
245
|
}
|
|
226
246
|
|
|
227
247
|
const SliderThumb = forwardRef<View, SliderThumbProps>(
|
|
228
|
-
({ className, style, children, ...props }, ref) => {
|
|
248
|
+
({ className, style, index, children, ...props }, ref) => {
|
|
229
249
|
const { color } = useSliderStyleContext();
|
|
230
250
|
|
|
231
251
|
const computedClassName = cn(sliderThumbVariants({ color }), className);
|
|
232
252
|
|
|
233
253
|
return (
|
|
234
|
-
<SliderThumbPrimitive
|
|
254
|
+
<SliderThumbPrimitive
|
|
255
|
+
ref={ref}
|
|
256
|
+
index={index}
|
|
257
|
+
className={computedClassName}
|
|
258
|
+
style={style}
|
|
259
|
+
{...props}
|
|
260
|
+
>
|
|
235
261
|
{children}
|
|
236
262
|
</SliderThumbPrimitive>
|
|
237
263
|
);
|
|
@@ -265,9 +291,11 @@ export interface SliderPopupProps extends ViewProps {
|
|
|
265
291
|
const SliderPopup = forwardRef<View, SliderPopupProps>(
|
|
266
292
|
({ asChild, className, style, children, onLayout, ...props }, ref) => {
|
|
267
293
|
const { orientation } = useSliderStyleContext();
|
|
268
|
-
const { isDragging, isHovered, isFocused,
|
|
269
|
-
|
|
294
|
+
const { index, isDragging, isHovered, isFocused, thumbRef, percent } = useSliderThumbContext();
|
|
295
|
+
const { getThumbValueLabel } = useSliderContext();
|
|
270
296
|
const portalName = useId();
|
|
297
|
+
const portalRef = useRef<View>(null);
|
|
298
|
+
const [portalOrigin, setPortalOrigin] = useState<SliderPopupPortalOrigin | null>(null);
|
|
271
299
|
|
|
272
300
|
const visible = isDragging || isHovered || isFocused;
|
|
273
301
|
const {
|
|
@@ -282,17 +310,39 @@ const SliderPopup = forwardRef<View, SliderPopupProps>(
|
|
|
282
310
|
remeasureKey: percent,
|
|
283
311
|
trackWhileOpen: true,
|
|
284
312
|
});
|
|
313
|
+
const measurePortalOrigin = useCallback(() => {
|
|
314
|
+
if (Platform.OS === 'web' || orientation !== 'vertical') {
|
|
315
|
+
return;
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
portalRef.current?.measureInWindow((x, y) => {
|
|
319
|
+
setPortalOrigin((previous) =>
|
|
320
|
+
previous?.x === x && previous.y === y ? previous : { x, y },
|
|
321
|
+
);
|
|
322
|
+
});
|
|
323
|
+
}, [orientation]);
|
|
324
|
+
const resolvedPopupPositionStyle = useMemo(
|
|
325
|
+
() =>
|
|
326
|
+
Platform.OS !== 'web' && orientation === 'vertical'
|
|
327
|
+
? getSliderPopupPortalStyle(popupPositionStyle, portalOrigin)
|
|
328
|
+
: popupPositionStyle,
|
|
329
|
+
[orientation, popupPositionStyle, portalOrigin],
|
|
330
|
+
);
|
|
285
331
|
|
|
286
332
|
if (!visible) {
|
|
287
333
|
return null;
|
|
288
334
|
}
|
|
289
335
|
|
|
336
|
+
const getValueLabel = () => getThumbValueLabel(index);
|
|
290
337
|
const label = renderPopupLabel(children, getValueLabel);
|
|
291
338
|
const computedClassName = cn(sliderPopupBaseVariants(), className);
|
|
292
339
|
const Comp = asChild ? Slot : View;
|
|
293
340
|
|
|
294
341
|
const popup = (
|
|
295
|
-
<View
|
|
342
|
+
<View
|
|
343
|
+
pointerEvents="none"
|
|
344
|
+
style={[resolvedPopupPositionStyle, { zIndex: SLIDER_POPUP_Z_INDEX }]}
|
|
345
|
+
>
|
|
296
346
|
<Comp
|
|
297
347
|
ref={mergeRefs(ref, floatingRef)}
|
|
298
348
|
className={computedClassName}
|
|
@@ -319,8 +369,10 @@ const SliderPopup = forwardRef<View, SliderPopupProps>(
|
|
|
319
369
|
return (
|
|
320
370
|
<Portal name={portalName}>
|
|
321
371
|
<View
|
|
372
|
+
ref={portalRef}
|
|
322
373
|
pointerEvents="box-none"
|
|
323
374
|
style={[StyleSheet.absoluteFill, { zIndex: SLIDER_POPUP_Z_INDEX }]}
|
|
375
|
+
onLayout={measurePortalOrigin}
|
|
324
376
|
>
|
|
325
377
|
{popup}
|
|
326
378
|
</View>
|
|
@@ -340,14 +392,7 @@ export interface SliderMarkerProps extends ViewProps {
|
|
|
340
392
|
|
|
341
393
|
const SliderMarker = forwardRef<View, SliderMarkerProps>(
|
|
342
394
|
({ asChild, className, style, value, testID, ...props }, ref) => {
|
|
343
|
-
const {
|
|
344
|
-
value: currentValue,
|
|
345
|
-
min,
|
|
346
|
-
max,
|
|
347
|
-
orientation,
|
|
348
|
-
trackLayout,
|
|
349
|
-
thumbSize,
|
|
350
|
-
} = useSliderContext();
|
|
395
|
+
const { values, min, max, orientation, trackLayout, thumbSize } = useSliderContext();
|
|
351
396
|
|
|
352
397
|
const markerStyle = useMemo(() => {
|
|
353
398
|
if (value == null) {
|
|
@@ -357,7 +402,10 @@ const SliderMarker = forwardRef<View, SliderMarkerProps>(
|
|
|
357
402
|
return getMarkerPositionStyle(percent, orientation, trackLayout, thumbSize);
|
|
358
403
|
}, [max, min, orientation, thumbSize, trackLayout, value]);
|
|
359
404
|
|
|
360
|
-
const
|
|
405
|
+
const low = values[0] ?? min;
|
|
406
|
+
const high = values[values.length - 1] ?? low;
|
|
407
|
+
const isFilled =
|
|
408
|
+
value != null && (values.length <= 1 ? value <= low : value >= low && value <= high);
|
|
361
409
|
const computedClassName = cn(sliderMarkerVariants({ filled: isFilled }), className);
|
|
362
410
|
const Comp = asChild ? Slot : View;
|
|
363
411
|
|