@cdx-ui/primitives 0.2.4 → 0.2.5
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/color-slider/ColorSliderRail.js +6 -5
- package/lib/commonjs/color-slider/ColorSliderRail.js.map +1 -1
- package/lib/commonjs/slider/SliderRail.js +5 -1
- package/lib/commonjs/slider/SliderRail.js.map +1 -1
- package/lib/module/color-slider/ColorSliderRail.js +6 -5
- package/lib/module/color-slider/ColorSliderRail.js.map +1 -1
- package/lib/module/slider/SliderRail.js +5 -1
- package/lib/module/slider/SliderRail.js.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +1 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- package/lib/typescript/color-slider/ColorSliderRail.d.ts.map +1 -1
- package/lib/typescript/radio/useRadioRoot.d.ts +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -1
- package/package.json +6 -6
- package/src/color-slider/ColorSliderRail.tsx +14 -10
- package/src/slider/SliderRail.tsx +5 -1
|
@@ -31,22 +31,23 @@ const ColorSliderRail = exports.ColorSliderRail = /*#__PURE__*/(0, _react.forwar
|
|
|
31
31
|
} = (0, _context.useColorSliderContext)();
|
|
32
32
|
const railRef = (0, _react.useRef)(null);
|
|
33
33
|
const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
|
|
34
|
-
const measureRail = (0, _react.useCallback)(
|
|
34
|
+
const measureRail = (0, _react.useCallback)(size => {
|
|
35
35
|
const node = railRef.current;
|
|
36
36
|
if (!node?.measureInWindow) {
|
|
37
37
|
return;
|
|
38
38
|
}
|
|
39
|
-
node.measureInWindow((x, y
|
|
39
|
+
node.measureInWindow((x, y) => {
|
|
40
|
+
// Window measurements include ancestor transforms; the layout size does not.
|
|
40
41
|
setLayout({
|
|
41
42
|
x,
|
|
42
43
|
y,
|
|
43
|
-
width,
|
|
44
|
-
height
|
|
44
|
+
width: size.width,
|
|
45
|
+
height: size.height
|
|
45
46
|
});
|
|
46
47
|
});
|
|
47
48
|
}, [setLayout]);
|
|
48
49
|
const handleLayout = (0, _react.useCallback)(event => {
|
|
49
|
-
measureRail();
|
|
50
|
+
measureRail(event.nativeEvent.layout);
|
|
50
51
|
onLayout?.(event);
|
|
51
52
|
}, [measureRail, onLayout]);
|
|
52
53
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_useSliderPointer","_context","_jsxRuntime","ColorSliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","layout","thumbSize","setLayout","setIsDragging","setValueFromRatio","useColorSliderContext","railRef","useRef","thumbAxisSize","width","height","measureRail","useCallback","node","current","measureInWindow","x","y","handleLayout","event","startDrag","useWebSliderDrag","trackLayout","updateFromEvent","getPointerCoords","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_useSliderPointer","_context","_jsxRuntime","ColorSliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","layout","thumbSize","setLayout","setIsDragging","setValueFromRatio","useColorSliderContext","railRef","useRef","thumbAxisSize","width","height","measureRail","useCallback","size","node","current","measureInWindow","x","y","handleLayout","event","nativeEvent","startDrag","useWebSliderDrag","trackLayout","updateFromEvent","getPointerCoords","getRatioFromPagePoint","handlePointerDown","Platform","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","ratio","Comp","Slot","Pressable","jsx","assignRef","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","tabIndex","mergeDataAttributes","dataAttributes","slot","dragging","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderRail.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -149,7 +149,11 @@ const SliderRail = exports.SliderRail = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
149
149
|
SliderRail.displayName = 'SliderRail';
|
|
150
150
|
const styles = _reactNative.StyleSheet.create({
|
|
151
151
|
railHitArea: {
|
|
152
|
-
|
|
152
|
+
position: 'absolute',
|
|
153
|
+
top: 0,
|
|
154
|
+
right: 0,
|
|
155
|
+
bottom: 0,
|
|
156
|
+
left: 0,
|
|
153
157
|
justifyContent: 'center',
|
|
154
158
|
alignItems: 'center'
|
|
155
159
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_context","_useSliderPointer","_utils","_jsxRuntime","SliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","values","min","max","step","orientation","isDisabled","isDragging","trackLayout","thumbSize","setNearestThumbValueFromRatio","setThumbValueFromRatio","setDraggingIndex","setTrackLayout","useSliderContext","railRef","useRef","draggingThumbIndexRef","measureRail","useCallback","node","current","measureInWindow","x","y","width","height","handleLayout","event","setRatioForRailDrag","ratio","complete","thumbIndex","setDraggingForRail","dragging","startDrag","useWebSliderDrag","setIsDragging","setValueFromRatio","updateFromEvent","getPointerCoords","nativeEvent","getRatioFromPagePoint","handlePress","handlePointerDown","Platform","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","target","clamp","nearestIndex","getClosestValueIndex","Comp","Slot","View","jsx","Pressable","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","assignRef","dataAttributes","slot","displayName","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_assignRef","_dataAttributes","_context","_useSliderPointer","_utils","_jsxRuntime","SliderRail","exports","forwardRef","asChild","style","onLayout","children","props","ref","values","min","max","step","orientation","isDisabled","isDragging","trackLayout","thumbSize","setNearestThumbValueFromRatio","setThumbValueFromRatio","setDraggingIndex","setTrackLayout","useSliderContext","railRef","useRef","draggingThumbIndexRef","measureRail","useCallback","node","current","measureInWindow","x","y","width","height","handleLayout","event","setRatioForRailDrag","ratio","complete","thumbIndex","setDraggingForRail","dragging","startDrag","useWebSliderDrag","setIsDragging","setValueFromRatio","updateFromEvent","getPointerCoords","nativeEvent","getRatioFromPagePoint","handlePress","handlePointerDown","Platform","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","target","clamp","nearestIndex","getClosestValueIndex","Comp","Slot","View","jsx","Pressable","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","assignRef","dataAttributes","slot","displayName","StyleSheet","create","position","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["slider/SliderRail.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -27,22 +27,23 @@ export const ColorSliderRail = /*#__PURE__*/forwardRef(({
|
|
|
27
27
|
} = useColorSliderContext();
|
|
28
28
|
const railRef = useRef(null);
|
|
29
29
|
const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
|
|
30
|
-
const measureRail = useCallback(
|
|
30
|
+
const measureRail = useCallback(size => {
|
|
31
31
|
const node = railRef.current;
|
|
32
32
|
if (!node?.measureInWindow) {
|
|
33
33
|
return;
|
|
34
34
|
}
|
|
35
|
-
node.measureInWindow((x, y
|
|
35
|
+
node.measureInWindow((x, y) => {
|
|
36
|
+
// Window measurements include ancestor transforms; the layout size does not.
|
|
36
37
|
setLayout({
|
|
37
38
|
x,
|
|
38
39
|
y,
|
|
39
|
-
width,
|
|
40
|
-
height
|
|
40
|
+
width: size.width,
|
|
41
|
+
height: size.height
|
|
41
42
|
});
|
|
42
43
|
});
|
|
43
44
|
}, [setLayout]);
|
|
44
45
|
const handleLayout = useCallback(event => {
|
|
45
|
-
measureRail();
|
|
46
|
+
measureRail(event.nativeEvent.layout);
|
|
46
47
|
onLayout?.(event);
|
|
47
48
|
}, [measureRail, onLayout]);
|
|
48
49
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useRef","Platform","Pressable","Slot","assignRef","dataAttributes","mergeDataAttributes","getPointerCoords","getRatioFromPagePoint","useWebSliderDrag","useColorSliderContext","jsx","_jsx","ColorSliderRail","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","layout","thumbSize","setLayout","setIsDragging","setValueFromRatio","railRef","thumbAxisSize","width","height","measureRail","node","current","measureInWindow","x","y","handleLayout","event","startDrag","trackLayout","updateFromEvent","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useRef","Platform","Pressable","Slot","assignRef","dataAttributes","mergeDataAttributes","getPointerCoords","getRatioFromPagePoint","useWebSliderDrag","useColorSliderContext","jsx","_jsx","ColorSliderRail","asChild","style","onLayout","children","props","ref","orientation","isDisabled","isDragging","layout","thumbSize","setLayout","setIsDragging","setValueFromRatio","railRef","thumbAxisSize","width","height","measureRail","size","node","current","measureInWindow","x","y","handleLayout","event","nativeEvent","startDrag","trackLayout","updateFromEvent","handlePointerDown","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","ratio","Comp","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","tabIndex","slot","dragging","displayName"],"sourceRoot":"../../../src","sources":["color-slider/ColorSliderRail.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -145,7 +145,11 @@ export const SliderRail = /*#__PURE__*/forwardRef(({
|
|
|
145
145
|
SliderRail.displayName = 'SliderRail';
|
|
146
146
|
const styles = StyleSheet.create({
|
|
147
147
|
railHitArea: {
|
|
148
|
-
|
|
148
|
+
position: 'absolute',
|
|
149
|
+
top: 0,
|
|
150
|
+
right: 0,
|
|
151
|
+
bottom: 0,
|
|
152
|
+
left: 0,
|
|
149
153
|
justifyContent: 'center',
|
|
150
154
|
alignItems: 'center'
|
|
151
155
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useRef","Platform","Pressable","StyleSheet","View","Slot","assignRef","dataAttributes","useSliderContext","getPointerCoords","getRatioFromPagePoint","useWebSliderDrag","clamp","getClosestValueIndex","jsx","_jsx","SliderRail","asChild","style","onLayout","children","props","ref","values","min","max","step","orientation","isDisabled","isDragging","trackLayout","thumbSize","setNearestThumbValueFromRatio","setThumbValueFromRatio","setDraggingIndex","setTrackLayout","railRef","draggingThumbIndexRef","measureRail","node","current","measureInWindow","x","y","width","height","handleLayout","event","setRatioForRailDrag","ratio","complete","thumbIndex","setDraggingForRail","dragging","startDrag","setIsDragging","setValueFromRatio","updateFromEvent","nativeEvent","handlePress","handlePointerDown","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","target","nearestIndex","Comp","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","slot","displayName","create","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useRef","Platform","Pressable","StyleSheet","View","Slot","assignRef","dataAttributes","useSliderContext","getPointerCoords","getRatioFromPagePoint","useWebSliderDrag","clamp","getClosestValueIndex","jsx","_jsx","SliderRail","asChild","style","onLayout","children","props","ref","values","min","max","step","orientation","isDisabled","isDragging","trackLayout","thumbSize","setNearestThumbValueFromRatio","setThumbValueFromRatio","setDraggingIndex","setTrackLayout","railRef","draggingThumbIndexRef","measureRail","node","current","measureInWindow","x","y","width","height","handleLayout","event","setRatioForRailDrag","ratio","complete","thumbIndex","setDraggingForRail","dragging","startDrag","setIsDragging","setValueFromRatio","updateFromEvent","nativeEvent","handlePress","handlePointerDown","OS","preventDefault","rect","getBoundingClientRect","freshLayout","left","top","target","nearestIndex","Comp","accessibilityRole","accessible","disabled","onPress","undefined","onPointerDown","accessibilityElementsHidden","importantForAccessibility","tabIndex","styles","railHitArea","slot","displayName","create","position","right","bottom","justifyContent","alignItems"],"sourceRoot":"../../../src","sources":["slider/SliderRail.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AACvD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,IAAI,QAIC,cAAc;AACrB,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,gBAAgB,EAAEC,qBAAqB,EAAEC,gBAAgB,QAAQ,oBAAoB;AAC9F,SAASC,KAAK,EAAEC,oBAAoB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAItD,OAAO,MAAMC,UAAU,gBAAGlB,UAAU,CAClC,CAAC;EAAEmB,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzD,MAAM;IACJC,MAAM;IACNC,GAAG;IACHC,GAAG;IACHC,IAAI;IACJC,WAAW;IACXC,UAAU;IACVC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,6BAA6B;IAC7BC,sBAAsB;IACtBC,gBAAgB;IAChBC;EACF,CAAC,GAAG3B,gBAAgB,CAAC,CAAC;EAEtB,MAAM4B,OAAO,GAAGpC,MAAM,CAAO,IAAI,CAAC;EAClC,MAAMqC,qBAAqB,GAAGrC,MAAM,CAAgB,IAAI,CAAC;EAEzD,MAAMsC,WAAW,GAAGvC,WAAW,CAAC,MAAM;IACpC,MAAMwC,IAAI,GAAGH,OAAO,CAACI,OAAO;IAC5B,IAAI,CAACD,IAAI,EAAEE,eAAe,EAAE;MAC1B;IACF;IACAF,IAAI,CAACE,eAAe,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,KAAK,EAAEC,MAAM,KAAK;MAC5CV,cAAc,CAAC;QAAEO,CAAC;QAAEC,CAAC;QAAEC,KAAK;QAAEC;MAAO,CAAC,CAAC;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACV,cAAc,CAAC,CAAC;EAEpB,MAAMW,YAAY,GAAG/C,WAAW,CAC7BgD,KAAwB,IAAK;IAC5BT,WAAW,CAAC,CAAC;IACbnB,QAAQ,GAAG4B,KAAK,CAAC;EACnB,CAAC,EACD,CAACT,WAAW,EAAEnB,QAAQ,CACxB,CAAC;EAED,MAAM6B,mBAAmB,GAAGjD,WAAW,CACrC,CAACkD,KAAa,EAAEC,QAAkB,KAAK;IACrC,MAAMC,UAAU,GAAGd,qBAAqB,CAACG,OAAO;IAChD,IAAIW,UAAU,IAAI,IAAI,EAAE;MACtBnB,6BAA6B,CAACiB,KAAK,EAAEC,QAAQ,CAAC;MAC9C;IACF;IACAjB,sBAAsB,CAACkB,UAAU,EAAEF,KAAK,EAAEC,QAAQ,CAAC;IACnD,IAAIA,QAAQ,EAAE;MACZb,qBAAqB,CAACG,OAAO,GAAG,IAAI;IACtC;EACF,CAAC,EACD,CAACR,6BAA6B,EAAEC,sBAAsB,CACxD,CAAC;EAED,MAAMmB,kBAAkB,GAAGrD,WAAW,CACnCsD,QAAiB,IAAK;IACrBnB,gBAAgB,CAACmB,QAAQ,GAAGhB,qBAAqB,CAACG,OAAO,GAAG,IAAI,CAAC;EACnE,CAAC,EACD,CAACN,gBAAgB,CACnB,CAAC;EAED,MAAM;IAAEoB;EAAU,CAAC,GAAG3C,gBAAgB,CAAC;IACrCiB,UAAU;IACV2B,aAAa,EAAEH,kBAAkB;IACjCI,iBAAiB,EAAER,mBAAmB;IACtClB,WAAW;IACXH,WAAW;IACXI;EACF,CAAC,CAAC;EAEF,MAAM0B,eAAe,GAAG1D,WAAW,CAChCgD,KAA4B,IAAK;IAChC,IAAInB,UAAU,EAAE;MACd;IACF;IACA,MAAM;MAAEc,CAAC;MAAEC;IAAE,CAAC,GAAGlC,gBAAgB,CAACsC,KAAK,CAACW,WAAW,CAAC;IACpD1B,6BAA6B,CAC3BtB,qBAAqB,CAACgC,CAAC,EAAEC,CAAC,EAAEb,WAAW,EAAEH,WAAW,EAAEI,SAAS,CAAC,EAChE,IACF,CAAC;EACH,CAAC,EACD,CAACH,UAAU,EAAED,WAAW,EAAEK,6BAA6B,EAAED,SAAS,EAAED,WAAW,CACjF,CAAC;EAED,MAAM6B,WAAW,GAAG5D,WAAW,CAC5BgD,KAA4B,IAAK;IAChCU,eAAe,CAACV,KAAK,CAAC;EACxB,CAAC,EACD,CAACU,eAAe,CAClB,CAAC;EAED,MAAMG,iBAAiB,GAAG7D,WAAW,CAClCgD,KAA4B,IAAK;IAChC,IAAI9C,QAAQ,CAAC4D,EAAE,KAAK,KAAK,IAAIjC,UAAU,EAAE;MACvC;IACF;IACAmB,KAAK,CAACe,cAAc,CAAC,CAAC;IAEtB,MAAMvB,IAAI,GAAGH,OAAO,CAACI,OAAwC;IAC7D,IAAI,CAACD,IAAI,EAAE;IACX,MAAMwB,IAAI,GAAGxB,IAAI,CAACyB,qBAAqB,CAAC,CAAC;IACzC,MAAMC,WAAW,GAAG;MAAEvB,CAAC,EAAEqB,IAAI,CAACG,IAAI;MAAEvB,CAAC,EAAEoB,IAAI,CAACI,GAAG;MAAEvB,KAAK,EAAEmB,IAAI,CAACnB,KAAK;MAAEC,MAAM,EAAEkB,IAAI,CAAClB;IAAO,CAAC;IACzFV,cAAc,CAAC8B,WAAW,CAAC;IAE3B,MAAM;MAAEvB,CAAC;MAAEC;IAAE,CAAC,GAAGlC,gBAAgB,CAACsC,KAAK,CAACW,WAAW,CAAC;IACpD,MAAMT,KAAK,GAAGvC,qBAAqB,CAACgC,CAAC,EAAEC,CAAC,EAAEsB,WAAW,EAAEtC,WAAW,EAAEI,SAAS,CAAC;IAC9E,MAAMqC,MAAM,GAAG5C,GAAG,GAAGZ,KAAK,CAACqC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,IAAIxB,GAAG,GAAGD,GAAG,CAAC;IACrD,MAAM6C,YAAY,GAAGxD,oBAAoB,CAACU,MAAM,EAAE6C,MAAM,CAAC;IACzD/B,qBAAqB,CAACG,OAAO,GAAG6B,YAAY;IAC5CnC,gBAAgB,CAACmC,YAAY,CAAC;IAC9Bf,SAAS,CAACZ,CAAC,EAAEC,CAAC,EAAEM,KAAK,EAAEgB,WAAW,CAAC;EACrC,CAAC,EACD,CACErC,UAAU,EACVH,GAAG,EACHD,GAAG,EACHG,WAAW,EACXO,gBAAgB,EAChBC,cAAc,EACdmB,SAAS,EACT5B,IAAI,EACJK,SAAS,EACTR,MAAM,CAEV,CAAC;EAED,MAAM+C,IAAI,GAAGrD,OAAO,GAAGZ,IAAI,GAAGD,IAAI;EAElC,oBACEW,IAAA,CAACb,SAAS;IACRqE,iBAAiB,EAAC,MAAM;IACxBC,UAAU,EAAE,KAAM;IAClBC,QAAQ,EAAE7C,UAAW;IACrB8C,OAAO,EAAEzE,QAAQ,CAAC4D,EAAE,KAAK,KAAK,GAAGc,SAAS,GAAGhB,WAAY;IACzDiB,aAAa,EACX3E,QAAQ,CAAC4D,EAAE,KAAK,KAAK,GAChBD,iBAAiB,GAClBe,SACL;IACDE,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/C,mBAAW;IACXC,QAAQ,EAAE,CAAC,CAAE;IACb7D,KAAK,EAAE8D,MAAM,CAACC,WAAY;IAAA7D,QAAA,eAE1BL,IAAA,CAACuD,IAAI;MACHhD,GAAG,EAAGiB,IAAiB,IAAK;QAC1BH,OAAO,CAACI,OAAO,GAAGD,IAAI;QACtBjC,SAAS,CAACgB,GAAG,EAAEiB,IAAI,CAAC;MACtB,CAAE;MAAA,GACElB,KAAK;MACTF,QAAQ,EAAE2B,YAAa;MACvB5B,KAAK,EAAEA,KAAM;MAAA,GACTX,cAAc,CAAC;QAAE2E,IAAI,EAAE,aAAa;QAAE7B,QAAQ,EAAExB;MAAW,CAAC,CAAC;MAAAT,QAAA,EAEhEA;IAAQ,CACL;EAAC,CACE,CAAC;AAEhB,CACF,CAAC;AAEDJ,UAAU,CAACmE,WAAW,GAAG,YAAY;AAErC,MAAMH,MAAM,GAAG7E,UAAU,CAACiF,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,QAAQ,EAAE,UAAU;IACpBlB,GAAG,EAAE,CAAC;IACNmB,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTrB,IAAI,EAAE,CAAC;IACPsB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -22,6 +22,7 @@ export declare function useCheckboxRoot(props: ICheckboxProps, ref?: React.Ref<u
|
|
|
22
22
|
onHoverOut?: null | ((event: import("react-native").MouseEvent) => void) | undefined;
|
|
23
23
|
onPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
24
24
|
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
25
|
+
onPressMove?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
25
26
|
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
26
27
|
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
27
28
|
onBlur?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/useCheckboxRoot.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,sBAA2B
|
|
1
|
+
{"version":3,"file":"useCheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/useCheckboxRoot.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,cAAc,EACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,sBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiG5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSliderRail.d.ts","sourceRoot":"","sources":["../../../src/color-slider/ColorSliderRail.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,IAAI,EAIL,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;CAAG;AAEtE,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"ColorSliderRail.d.ts","sourceRoot":"","sources":["../../../src/color-slider/ColorSliderRail.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,IAAI,EAIL,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;CAAG;AAEtE,eAAO,MAAM,eAAe,uGA6G3B,CAAC"}
|
|
@@ -17,6 +17,7 @@ export declare function useRadioRoot(props: IRadioProps, ref?: React.Ref<unknown
|
|
|
17
17
|
onHoverOut?: null | ((event: import("react-native").MouseEvent) => void) | undefined;
|
|
18
18
|
onPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
19
19
|
onPressIn?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
20
|
+
onPressMove?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
20
21
|
onPressOut?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
21
22
|
onLongPress?: null | ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
22
23
|
onBlur?: null | ((event: import("react-native").NativeSyntheticEvent<import("react-native").TargetedEvent>) => void) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useRadioRoot.d.ts","sourceRoot":"","sources":["../../../src/radio/useRadioRoot.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,mBAAwB
|
|
1
|
+
{"version":3,"file":"useRadioRoot.d.ts","sourceRoot":"","sources":["../../../src/radio/useRadioRoot.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,UAAU,mBAAmB;IAC3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,WAAW,EAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EACxB,EAAE,kBAA0B,EAAE,GAAE,mBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DzD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/primitives",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -69,14 +69,14 @@
|
|
|
69
69
|
"@react-stately/disclosure": "3.1.1",
|
|
70
70
|
"@react-stately/radio": "3.12.0",
|
|
71
71
|
"@react-stately/toggle": "3.9.4",
|
|
72
|
-
"@cdx-ui/utils": "0.2.
|
|
73
|
-
"@cdx-ui/formatters": "0.2.
|
|
72
|
+
"@cdx-ui/utils": "0.2.5",
|
|
73
|
+
"@cdx-ui/formatters": "0.2.5"
|
|
74
74
|
},
|
|
75
75
|
"devDependencies": {
|
|
76
|
-
"@types/react": "19.
|
|
76
|
+
"@types/react": "19.2.14",
|
|
77
77
|
"@types/react-dom": "*",
|
|
78
|
-
"react": "19.
|
|
79
|
-
"react-dom": "19.
|
|
78
|
+
"react": "19.2.3",
|
|
79
|
+
"react-dom": "19.2.3",
|
|
80
80
|
"react-native": "*",
|
|
81
81
|
"react-native-builder-bob": "*",
|
|
82
82
|
"react-native-web": "*",
|
|
@@ -35,19 +35,23 @@ export const ColorSliderRail = forwardRef<View, ColorSliderRailProps>(
|
|
|
35
35
|
const railRef = useRef<View>(null);
|
|
36
36
|
const thumbAxisSize = orientation === 'horizontal' ? thumbSize.width : thumbSize.height;
|
|
37
37
|
|
|
38
|
-
const measureRail = useCallback(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
const measureRail = useCallback(
|
|
39
|
+
(size: { width: number; height: number }) => {
|
|
40
|
+
const node = railRef.current;
|
|
41
|
+
if (!node?.measureInWindow) {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
node.measureInWindow((x, y) => {
|
|
45
|
+
// Window measurements include ancestor transforms; the layout size does not.
|
|
46
|
+
setLayout({ x, y, width: size.width, height: size.height });
|
|
47
|
+
});
|
|
48
|
+
},
|
|
49
|
+
[setLayout],
|
|
50
|
+
);
|
|
47
51
|
|
|
48
52
|
const handleLayout = useCallback(
|
|
49
53
|
(event: LayoutChangeEvent) => {
|
|
50
|
-
measureRail();
|
|
54
|
+
measureRail(event.nativeEvent.layout);
|
|
51
55
|
onLayout?.(event);
|
|
52
56
|
},
|
|
53
57
|
[measureRail, onLayout],
|
|
@@ -184,7 +184,11 @@ SliderRail.displayName = 'SliderRail';
|
|
|
184
184
|
|
|
185
185
|
const styles = StyleSheet.create({
|
|
186
186
|
railHitArea: {
|
|
187
|
-
|
|
187
|
+
position: 'absolute',
|
|
188
|
+
top: 0,
|
|
189
|
+
right: 0,
|
|
190
|
+
bottom: 0,
|
|
191
|
+
left: 0,
|
|
188
192
|
justifyContent: 'center',
|
|
189
193
|
alignItems: 'center',
|
|
190
194
|
},
|