@cdx-ui/primitives 0.1.7 → 0.2.1
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/calendar/CalendarRoot.js +3 -1
- package/lib/commonjs/calendar/CalendarRoot.js.map +1 -1
- package/lib/commonjs/calendar/context.js.map +1 -1
- package/lib/commonjs/color/Color.js +69 -0
- package/lib/commonjs/color/Color.js.map +1 -0
- package/lib/commonjs/color/index.js +13 -0
- package/lib/commonjs/color/index.js.map +1 -0
- package/lib/commonjs/color/types.js +2 -0
- package/lib/commonjs/color/types.js.map +1 -0
- package/lib/commonjs/color-area/ColorAreaAccessibility.js +100 -0
- package/lib/commonjs/color-area/ColorAreaAccessibility.js.map +1 -0
- package/lib/commonjs/color-area/ColorAreaAccessibility.web.js +58 -0
- package/lib/commonjs/color-area/ColorAreaAccessibility.web.js.map +1 -0
- package/lib/commonjs/color-area/ColorAreaRoot.js +240 -0
- package/lib/commonjs/color-area/ColorAreaRoot.js.map +1 -0
- package/lib/commonjs/color-area/ColorAreaThumb.js +71 -0
- package/lib/commonjs/color-area/ColorAreaThumb.js.map +1 -0
- package/lib/commonjs/color-area/context.js +11 -0
- package/lib/commonjs/color-area/context.js.map +1 -0
- package/lib/commonjs/color-area/index.js +27 -0
- package/lib/commonjs/color-area/index.js.map +1 -0
- package/lib/commonjs/color-area/types.js +6 -0
- package/lib/commonjs/color-area/types.js.map +1 -0
- package/lib/commonjs/color-area/utils.js +51 -0
- package/lib/commonjs/color-area/utils.js.map +1 -0
- package/lib/commonjs/color-field/ColorFieldInput.js +67 -0
- package/lib/commonjs/color-field/ColorFieldInput.js.map +1 -0
- package/lib/commonjs/color-field/ColorFieldRoot.js +104 -0
- package/lib/commonjs/color-field/ColorFieldRoot.js.map +1 -0
- package/lib/commonjs/color-field/context.js +11 -0
- package/lib/commonjs/color-field/context.js.map +1 -0
- package/lib/commonjs/color-field/index.js +27 -0
- package/lib/commonjs/color-field/index.js.map +1 -0
- package/lib/commonjs/color-field/types.js +6 -0
- package/lib/commonjs/color-field/types.js.map +1 -0
- package/lib/commonjs/color-field/utils.js +60 -0
- package/lib/commonjs/color-field/utils.js.map +1 -0
- package/lib/commonjs/color-picker/ColorPickerRoot.js +69 -0
- package/lib/commonjs/color-picker/ColorPickerRoot.js.map +1 -0
- package/lib/commonjs/color-picker/ColorPickerTrigger.js +98 -0
- package/lib/commonjs/color-picker/ColorPickerTrigger.js.map +1 -0
- package/lib/commonjs/color-picker/context.js +32 -0
- package/lib/commonjs/color-picker/context.js.map +1 -0
- package/lib/commonjs/color-picker/index.js +51 -0
- package/lib/commonjs/color-picker/index.js.map +1 -0
- package/lib/commonjs/color-picker/types.js +6 -0
- package/lib/commonjs/color-picker/types.js.map +1 -0
- package/lib/commonjs/color-slider/ColorSliderRail.js +119 -0
- package/lib/commonjs/color-slider/ColorSliderRail.js.map +1 -0
- package/lib/commonjs/color-slider/ColorSliderRoot.js +153 -0
- package/lib/commonjs/color-slider/ColorSliderRoot.js.map +1 -0
- package/lib/commonjs/color-slider/ColorSliderThumb.js +265 -0
- package/lib/commonjs/color-slider/ColorSliderThumb.js.map +1 -0
- package/lib/commonjs/color-slider/context.js +11 -0
- package/lib/commonjs/color-slider/context.js.map +1 -0
- package/lib/commonjs/color-slider/index.js +34 -0
- package/lib/commonjs/color-slider/index.js.map +1 -0
- package/lib/commonjs/color-slider/types.js +6 -0
- package/lib/commonjs/color-slider/types.js.map +1 -0
- package/lib/commonjs/color-slider/utils.js +75 -0
- package/lib/commonjs/color-slider/utils.js.map +1 -0
- package/lib/commonjs/color-swatch-picker/ColorSwatchPickerItem.js +46 -0
- package/lib/commonjs/color-swatch-picker/ColorSwatchPickerItem.js.map +1 -0
- package/lib/commonjs/color-swatch-picker/ColorSwatchPickerRoot.js +71 -0
- package/lib/commonjs/color-swatch-picker/ColorSwatchPickerRoot.js.map +1 -0
- package/lib/commonjs/color-swatch-picker/context.js +22 -0
- package/lib/commonjs/color-swatch-picker/context.js.map +1 -0
- package/lib/commonjs/color-swatch-picker/index.js +33 -0
- package/lib/commonjs/color-swatch-picker/index.js.map +1 -0
- package/lib/commonjs/color-swatch-picker/types.js +6 -0
- package/lib/commonjs/color-swatch-picker/types.js.map +1 -0
- package/lib/commonjs/date-field/DateFieldRoot.js +5 -1
- package/lib/commonjs/date-field/DateFieldRoot.js.map +1 -1
- package/lib/commonjs/date-field/DateFieldSegment.js +7 -1
- package/lib/commonjs/date-field/DateFieldSegment.js.map +1 -1
- package/lib/commonjs/date-field/context.js.map +1 -1
- package/lib/commonjs/date-picker/DatePickerRoot.js +59 -13
- package/lib/commonjs/date-picker/DatePickerRoot.js.map +1 -1
- package/lib/commonjs/date-picker/context.js.map +1 -1
- package/lib/commonjs/index.js +80 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/react-native-web.d.js +2 -0
- package/lib/commonjs/react-native-web.d.js.map +1 -0
- package/lib/commonjs/slider/useSliderPointer.js +2 -0
- package/lib/commonjs/slider/useSliderPointer.js.map +1 -1
- package/lib/commonjs/utils/createPortal.web.js +10 -1
- package/lib/commonjs/utils/createPortal.web.js.map +1 -1
- package/lib/commonjs/utils/textAncestor.js +25 -0
- package/lib/commonjs/utils/textAncestor.js.map +1 -0
- package/lib/commonjs/utils/textAncestor.web.js +27 -0
- package/lib/commonjs/utils/textAncestor.web.js.map +1 -0
- package/lib/module/calendar/CalendarRoot.js +3 -1
- package/lib/module/calendar/CalendarRoot.js.map +1 -1
- package/lib/module/calendar/context.js.map +1 -1
- package/lib/module/color/Color.js +65 -0
- package/lib/module/color/Color.js.map +1 -0
- package/lib/module/color/index.js +4 -0
- package/lib/module/color/index.js.map +1 -0
- package/lib/module/color/types.js +2 -0
- package/lib/module/color/types.js.map +1 -0
- package/lib/module/color-area/ColorAreaAccessibility.js +96 -0
- package/lib/module/color-area/ColorAreaAccessibility.js.map +1 -0
- package/lib/module/color-area/ColorAreaAccessibility.web.js +54 -0
- package/lib/module/color-area/ColorAreaAccessibility.web.js.map +1 -0
- package/lib/module/color-area/ColorAreaRoot.js +236 -0
- package/lib/module/color-area/ColorAreaRoot.js.map +1 -0
- package/lib/module/color-area/ColorAreaThumb.js +67 -0
- package/lib/module/color-area/ColorAreaThumb.js.map +1 -0
- package/lib/module/color-area/context.js +5 -0
- package/lib/module/color-area/context.js.map +1 -0
- package/lib/module/color-area/index.js +6 -0
- package/lib/module/color-area/index.js.map +1 -0
- package/lib/module/color-area/types.js +4 -0
- package/lib/module/color-area/types.js.map +1 -0
- package/lib/module/color-area/utils.js +45 -0
- package/lib/module/color-area/utils.js.map +1 -0
- package/lib/module/color-field/ColorFieldInput.js +63 -0
- package/lib/module/color-field/ColorFieldInput.js.map +1 -0
- package/lib/module/color-field/ColorFieldRoot.js +100 -0
- package/lib/module/color-field/ColorFieldRoot.js.map +1 -0
- package/lib/module/color-field/context.js +5 -0
- package/lib/module/color-field/context.js.map +1 -0
- package/lib/module/color-field/index.js +6 -0
- package/lib/module/color-field/index.js.map +1 -0
- package/lib/module/color-field/types.js +4 -0
- package/lib/module/color-field/types.js.map +1 -0
- package/lib/module/color-field/utils.js +55 -0
- package/lib/module/color-field/utils.js.map +1 -0
- package/lib/module/color-picker/ColorPickerRoot.js +65 -0
- package/lib/module/color-picker/ColorPickerRoot.js.map +1 -0
- package/lib/module/color-picker/ColorPickerTrigger.js +94 -0
- package/lib/module/color-picker/ColorPickerTrigger.js.map +1 -0
- package/lib/module/color-picker/context.js +25 -0
- package/lib/module/color-picker/context.js.map +1 -0
- package/lib/module/color-picker/index.js +6 -0
- package/lib/module/color-picker/index.js.map +1 -0
- package/lib/module/color-picker/types.js +4 -0
- package/lib/module/color-picker/types.js.map +1 -0
- package/lib/module/color-slider/ColorSliderRail.js +115 -0
- package/lib/module/color-slider/ColorSliderRail.js.map +1 -0
- package/lib/module/color-slider/ColorSliderRoot.js +149 -0
- package/lib/module/color-slider/ColorSliderRoot.js.map +1 -0
- package/lib/module/color-slider/ColorSliderThumb.js +261 -0
- package/lib/module/color-slider/ColorSliderThumb.js.map +1 -0
- package/lib/module/color-slider/context.js +5 -0
- package/lib/module/color-slider/context.js.map +1 -0
- package/lib/module/color-slider/index.js +7 -0
- package/lib/module/color-slider/index.js.map +1 -0
- package/lib/module/color-slider/types.js +4 -0
- package/lib/module/color-slider/types.js.map +1 -0
- package/lib/module/color-slider/utils.js +66 -0
- package/lib/module/color-slider/utils.js.map +1 -0
- package/lib/module/color-swatch-picker/ColorSwatchPickerItem.js +42 -0
- package/lib/module/color-swatch-picker/ColorSwatchPickerItem.js.map +1 -0
- package/lib/module/color-swatch-picker/ColorSwatchPickerRoot.js +67 -0
- package/lib/module/color-swatch-picker/ColorSwatchPickerRoot.js.map +1 -0
- package/lib/module/color-swatch-picker/context.js +15 -0
- package/lib/module/color-swatch-picker/context.js.map +1 -0
- package/lib/module/color-swatch-picker/index.js +6 -0
- package/lib/module/color-swatch-picker/index.js.map +1 -0
- package/lib/module/color-swatch-picker/types.js +4 -0
- package/lib/module/color-swatch-picker/types.js.map +1 -0
- package/lib/module/date-field/DateFieldRoot.js +6 -2
- package/lib/module/date-field/DateFieldRoot.js.map +1 -1
- package/lib/module/date-field/DateFieldSegment.js +7 -1
- package/lib/module/date-field/DateFieldSegment.js.map +1 -1
- package/lib/module/date-field/context.js.map +1 -1
- package/lib/module/date-picker/DatePickerRoot.js +62 -16
- package/lib/module/date-picker/DatePickerRoot.js.map +1 -1
- package/lib/module/date-picker/context.js.map +1 -1
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/react-native-web.d.js +2 -0
- package/lib/module/react-native-web.d.js.map +1 -0
- package/lib/module/slider/useSliderPointer.js +2 -0
- package/lib/module/slider/useSliderPointer.js.map +1 -1
- package/lib/module/utils/createPortal.web.js +9 -1
- package/lib/module/utils/createPortal.web.js.map +1 -1
- package/lib/module/utils/textAncestor.js +20 -0
- package/lib/module/utils/textAncestor.js.map +1 -0
- package/lib/module/utils/textAncestor.web.js +22 -0
- package/lib/module/utils/textAncestor.web.js.map +1 -0
- package/lib/typescript/calendar/CalendarRoot.d.ts.map +1 -1
- package/lib/typescript/calendar/context.d.ts +1 -0
- package/lib/typescript/calendar/context.d.ts.map +1 -1
- package/lib/typescript/calendar/types.d.ts +7 -0
- package/lib/typescript/calendar/types.d.ts.map +1 -1
- package/lib/typescript/color/Color.d.ts +3 -0
- package/lib/typescript/color/Color.d.ts.map +1 -0
- package/lib/typescript/color/index.d.ts +3 -0
- package/lib/typescript/color/index.d.ts.map +1 -0
- package/lib/typescript/color/types.d.ts +13 -0
- package/lib/typescript/color/types.d.ts.map +1 -0
- package/lib/typescript/color-area/ColorAreaAccessibility.d.ts +8 -0
- package/lib/typescript/color-area/ColorAreaAccessibility.d.ts.map +1 -0
- package/lib/typescript/color-area/ColorAreaAccessibility.web.d.ts +8 -0
- package/lib/typescript/color-area/ColorAreaAccessibility.web.d.ts.map +1 -0
- package/lib/typescript/color-area/ColorAreaRoot.d.ts +7 -0
- package/lib/typescript/color-area/ColorAreaRoot.d.ts.map +1 -0
- package/lib/typescript/color-area/ColorAreaThumb.d.ts +6 -0
- package/lib/typescript/color-area/ColorAreaThumb.d.ts.map +1 -0
- package/lib/typescript/color-area/context.d.ts +6 -0
- package/lib/typescript/color-area/context.d.ts.map +1 -0
- package/lib/typescript/color-area/index.d.ts +5 -0
- package/lib/typescript/color-area/index.d.ts.map +1 -0
- package/lib/typescript/color-area/types.d.ts +65 -0
- package/lib/typescript/color-area/types.d.ts.map +1 -0
- package/lib/typescript/color-area/utils.d.ts +5 -0
- package/lib/typescript/color-area/utils.d.ts.map +1 -0
- package/lib/typescript/color-field/ColorFieldInput.d.ts +5 -0
- package/lib/typescript/color-field/ColorFieldInput.d.ts.map +1 -0
- package/lib/typescript/color-field/ColorFieldRoot.d.ts +7 -0
- package/lib/typescript/color-field/ColorFieldRoot.d.ts.map +1 -0
- package/lib/typescript/color-field/context.d.ts +6 -0
- package/lib/typescript/color-field/context.d.ts.map +1 -0
- package/lib/typescript/color-field/index.d.ts +7 -0
- package/lib/typescript/color-field/index.d.ts.map +1 -0
- package/lib/typescript/color-field/types.d.ts +39 -0
- package/lib/typescript/color-field/types.d.ts.map +1 -0
- package/lib/typescript/color-field/utils.d.ts +5 -0
- package/lib/typescript/color-field/utils.d.ts.map +1 -0
- package/lib/typescript/color-picker/ColorPickerRoot.d.ts +7 -0
- package/lib/typescript/color-picker/ColorPickerRoot.d.ts.map +1 -0
- package/lib/typescript/color-picker/ColorPickerTrigger.d.ts +4 -0
- package/lib/typescript/color-picker/ColorPickerTrigger.d.ts.map +1 -0
- package/lib/typescript/color-picker/context.d.ts +19 -0
- package/lib/typescript/color-picker/context.d.ts.map +1 -0
- package/lib/typescript/color-picker/index.d.ts +5 -0
- package/lib/typescript/color-picker/index.d.ts.map +1 -0
- package/lib/typescript/color-picker/types.d.ts +24 -0
- package/lib/typescript/color-picker/types.d.ts.map +1 -0
- package/lib/typescript/color-slider/ColorSliderRail.d.ts +6 -0
- package/lib/typescript/color-slider/ColorSliderRail.d.ts.map +1 -0
- package/lib/typescript/color-slider/ColorSliderRoot.d.ts +7 -0
- package/lib/typescript/color-slider/ColorSliderRoot.d.ts.map +1 -0
- package/lib/typescript/color-slider/ColorSliderThumb.d.ts +6 -0
- package/lib/typescript/color-slider/ColorSliderThumb.d.ts.map +1 -0
- package/lib/typescript/color-slider/context.d.ts +6 -0
- package/lib/typescript/color-slider/context.d.ts.map +1 -0
- package/lib/typescript/color-slider/index.d.ts +6 -0
- package/lib/typescript/color-slider/index.d.ts.map +1 -0
- package/lib/typescript/color-slider/types.d.ts +82 -0
- package/lib/typescript/color-slider/types.d.ts.map +1 -0
- package/lib/typescript/color-slider/utils.d.ts +12 -0
- package/lib/typescript/color-slider/utils.d.ts.map +1 -0
- package/lib/typescript/color-swatch-picker/ColorSwatchPickerItem.d.ts +6 -0
- package/lib/typescript/color-swatch-picker/ColorSwatchPickerItem.d.ts.map +1 -0
- package/lib/typescript/color-swatch-picker/ColorSwatchPickerRoot.d.ts +7 -0
- package/lib/typescript/color-swatch-picker/ColorSwatchPickerRoot.d.ts.map +1 -0
- package/lib/typescript/color-swatch-picker/context.d.ts +8 -0
- package/lib/typescript/color-swatch-picker/context.d.ts.map +1 -0
- package/lib/typescript/color-swatch-picker/index.d.ts +5 -0
- package/lib/typescript/color-swatch-picker/index.d.ts.map +1 -0
- package/lib/typescript/color-swatch-picker/types.d.ts +26 -0
- package/lib/typescript/color-swatch-picker/types.d.ts.map +1 -0
- package/lib/typescript/date-field/DateFieldRoot.d.ts.map +1 -1
- package/lib/typescript/date-field/DateFieldSegment.d.ts.map +1 -1
- package/lib/typescript/date-field/context.d.ts +2 -0
- package/lib/typescript/date-field/context.d.ts.map +1 -1
- package/lib/typescript/date-picker/DatePickerRoot.d.ts +29 -3
- package/lib/typescript/date-picker/DatePickerRoot.d.ts.map +1 -1
- package/lib/typescript/date-picker/context.d.ts +1 -0
- package/lib/typescript/date-picker/context.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +7 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/slider/useSliderPointer.d.ts.map +1 -1
- package/lib/typescript/utils/createPortal.web.d.ts +6 -2
- package/lib/typescript/utils/createPortal.web.d.ts.map +1 -1
- package/lib/typescript/utils/textAncestor.d.ts +13 -0
- package/lib/typescript/utils/textAncestor.d.ts.map +1 -0
- package/lib/typescript/utils/textAncestor.web.d.ts +15 -0
- package/lib/typescript/utils/textAncestor.web.d.ts.map +1 -0
- package/package.json +4 -3
- package/src/calendar/CalendarRoot.tsx +3 -0
- package/src/calendar/context.tsx +1 -0
- package/src/calendar/types.ts +7 -0
- package/src/color/Color.ts +95 -0
- package/src/color/index.ts +2 -0
- package/src/color/types.ts +19 -0
- package/src/color-area/ColorAreaAccessibility.tsx +94 -0
- package/src/color-area/ColorAreaAccessibility.web.tsx +52 -0
- package/src/color-area/ColorAreaRoot.tsx +326 -0
- package/src/color-area/ColorAreaThumb.tsx +56 -0
- package/src/color-area/context.tsx +5 -0
- package/src/color-area/index.ts +10 -0
- package/src/color-area/types.ts +69 -0
- package/src/color-area/utils.ts +51 -0
- package/src/color-field/ColorFieldInput.tsx +66 -0
- package/src/color-field/ColorFieldRoot.tsx +132 -0
- package/src/color-field/context.tsx +5 -0
- package/src/color-field/index.ts +11 -0
- package/src/color-field/types.ts +46 -0
- package/src/color-field/utils.ts +75 -0
- package/src/color-picker/ColorPickerRoot.tsx +91 -0
- package/src/color-picker/ColorPickerTrigger.tsx +96 -0
- package/src/color-picker/context.tsx +47 -0
- package/src/color-picker/index.ts +12 -0
- package/src/color-picker/types.ts +25 -0
- package/src/color-slider/ColorSliderRail.tsx +130 -0
- package/src/color-slider/ColorSliderRoot.tsx +222 -0
- package/src/color-slider/ColorSliderThumb.tsx +294 -0
- package/src/color-slider/context.tsx +5 -0
- package/src/color-slider/index.ts +16 -0
- package/src/color-slider/types.ts +94 -0
- package/src/color-slider/utils.ts +79 -0
- package/src/color-swatch-picker/ColorSwatchPickerItem.tsx +54 -0
- package/src/color-swatch-picker/ColorSwatchPickerRoot.tsx +94 -0
- package/src/color-swatch-picker/context.tsx +22 -0
- package/src/color-swatch-picker/index.ts +4 -0
- package/src/color-swatch-picker/types.ts +29 -0
- package/src/date-field/DateFieldRoot.tsx +4 -1
- package/src/date-field/DateFieldSegment.tsx +19 -3
- package/src/date-field/context.tsx +2 -0
- package/src/date-picker/DatePickerRoot.tsx +127 -18
- package/src/date-picker/context.tsx +1 -0
- package/src/index.ts +7 -0
- package/src/react-native-web.d.ts +6 -0
- package/src/slider/useSliderPointer.ts +3 -0
- package/src/utils/createPortal.web.ts +9 -3
- package/src/utils/textAncestor.ts +19 -0
- package/src/utils/textAncestor.web.ts +19 -0
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
const HUE_STOPS = [0, 60, 120, 180, 240, 300, 360];
|
|
4
|
+
export function clampColorSliderValue(value, min, max) {
|
|
5
|
+
return Math.min(max, Math.max(min, value));
|
|
6
|
+
}
|
|
7
|
+
export function getColorSliderRange({
|
|
8
|
+
colorSpace,
|
|
9
|
+
channel
|
|
10
|
+
}) {
|
|
11
|
+
if (colorSpace === 'rgb') {
|
|
12
|
+
return {
|
|
13
|
+
min: 0,
|
|
14
|
+
max: 255
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
if (channel === 'hue') {
|
|
18
|
+
return {
|
|
19
|
+
min: 0,
|
|
20
|
+
max: 360
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
return {
|
|
24
|
+
min: 0,
|
|
25
|
+
max: 100
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
export function getColorSliderChannelValue(color, configuration) {
|
|
29
|
+
if (configuration.colorSpace === 'rgb') {
|
|
30
|
+
return color.getChannel('rgb', configuration.channel);
|
|
31
|
+
}
|
|
32
|
+
if (configuration.colorSpace === 'hsl') {
|
|
33
|
+
return color.getChannel('hsl', configuration.channel);
|
|
34
|
+
}
|
|
35
|
+
return color.getChannel('hsb', configuration.channel);
|
|
36
|
+
}
|
|
37
|
+
export function withColorSliderChannel(color, configuration, value) {
|
|
38
|
+
if (configuration.colorSpace === 'rgb') {
|
|
39
|
+
return color.withChannel('rgb', configuration.channel, value);
|
|
40
|
+
}
|
|
41
|
+
if (configuration.colorSpace === 'hsl') {
|
|
42
|
+
return color.withChannel('hsl', configuration.channel, value);
|
|
43
|
+
}
|
|
44
|
+
return color.withChannel('hsb', configuration.channel, value);
|
|
45
|
+
}
|
|
46
|
+
export function formatColorSliderValue(value, configuration) {
|
|
47
|
+
const formatted = Number.isInteger(value) ? String(value) : value.toFixed(1);
|
|
48
|
+
if (configuration.channel === 'hue') {
|
|
49
|
+
return `${formatted}°`;
|
|
50
|
+
}
|
|
51
|
+
if (configuration.colorSpace !== 'rgb') {
|
|
52
|
+
return `${formatted}%`;
|
|
53
|
+
}
|
|
54
|
+
return formatted;
|
|
55
|
+
}
|
|
56
|
+
export function getColorSliderGradientColors(color, configuration) {
|
|
57
|
+
if (configuration.channel === 'hue') {
|
|
58
|
+
return HUE_STOPS.map(value => withColorSliderChannel(color, configuration, value).toString('hex'));
|
|
59
|
+
}
|
|
60
|
+
const {
|
|
61
|
+
min,
|
|
62
|
+
max
|
|
63
|
+
} = getColorSliderRange(configuration);
|
|
64
|
+
return [withColorSliderChannel(color, configuration, min).toString('hex'), withColorSliderChannel(color, configuration, max).toString('hex')];
|
|
65
|
+
}
|
|
66
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["HUE_STOPS","clampColorSliderValue","value","min","max","Math","getColorSliderRange","colorSpace","channel","getColorSliderChannelValue","color","configuration","getChannel","withColorSliderChannel","withChannel","formatColorSliderValue","formatted","Number","isInteger","String","toFixed","getColorSliderGradientColors","map","toString"],"sourceRoot":"../../../src","sources":["color-slider/utils.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useEffect, useMemo } from 'react';
|
|
4
|
+
import { RadioRoot } from '../radio';
|
|
5
|
+
import { ColorSwatchPickerItemProvider, useColorSwatchPickerContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const ColorSwatchPickerItem = /*#__PURE__*/forwardRef(({
|
|
8
|
+
asChild,
|
|
9
|
+
color,
|
|
10
|
+
isDisabled,
|
|
11
|
+
disabled,
|
|
12
|
+
accessibilityLabel,
|
|
13
|
+
'aria-label': ariaLabelProp,
|
|
14
|
+
children,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
registerColor
|
|
19
|
+
} = useColorSwatchPickerContext();
|
|
20
|
+
const colorValue = color.toString('hex');
|
|
21
|
+
const label = ariaLabelProp ?? accessibilityLabel ?? colorValue;
|
|
22
|
+
const contextValue = useMemo(() => ({
|
|
23
|
+
color
|
|
24
|
+
}), [color]);
|
|
25
|
+
useEffect(() => registerColor(color), [color, registerColor]);
|
|
26
|
+
return /*#__PURE__*/_jsx(ColorSwatchPickerItemProvider, {
|
|
27
|
+
value: contextValue,
|
|
28
|
+
children: /*#__PURE__*/_jsx(RadioRoot, {
|
|
29
|
+
ref: ref,
|
|
30
|
+
asChild: asChild,
|
|
31
|
+
value: colorValue,
|
|
32
|
+
isDisabled: !!(isDisabled || disabled),
|
|
33
|
+
disabled: disabled,
|
|
34
|
+
"aria-label": label,
|
|
35
|
+
accessibilityLabel: label,
|
|
36
|
+
...props,
|
|
37
|
+
children: children
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
ColorSwatchPickerItem.displayName = 'ColorSwatchPickerItem';
|
|
42
|
+
//# sourceMappingURL=ColorSwatchPickerItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useEffect","useMemo","RadioRoot","ColorSwatchPickerItemProvider","useColorSwatchPickerContext","jsx","_jsx","ColorSwatchPickerItem","asChild","color","isDisabled","disabled","accessibilityLabel","ariaLabelProp","children","props","ref","registerColor","colorValue","toString","label","contextValue","value","displayName"],"sourceRoot":"../../../src","sources":["color-swatch-picker/ColorSwatchPickerItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAA2B,OAAO;AAEzE,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,6BAA6B,EAAEC,2BAA2B,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvF,OAAO,MAAMC,qBAAqB,gBAAGR,UAAU,CAI7C,CACE;EACES,OAAO;EACPC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClB,YAAY,EAAEC,aAAa;EAC3BC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAc,CAAC,GAAGb,2BAA2B,CAAC,CAAC;EACvD,MAAMc,UAAU,GAAGT,KAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;EACxC,MAAMC,KAAK,GAAGP,aAAa,IAAID,kBAAkB,IAAIM,UAAU;EAC/D,MAAMG,YAAY,GAAGpB,OAAO,CAAC,OAAO;IAAEQ;EAAM,CAAC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAExDT,SAAS,CAAC,MAAMiB,aAAa,CAACR,KAAK,CAAC,EAAE,CAACA,KAAK,EAAEQ,aAAa,CAAC,CAAC;EAE7D,oBACEX,IAAA,CAACH,6BAA6B;IAACmB,KAAK,EAAED,YAAa;IAAAP,QAAA,eACjDR,IAAA,CAACJ,SAAS;MACRc,GAAG,EAAEA,GAAI;MACTR,OAAO,EAAEA,OAAQ;MACjBc,KAAK,EAAEJ,UAAW;MAClBR,UAAU,EAAE,CAAC,EAAEA,UAAU,IAAIC,QAAQ,CAAE;MACvCA,QAAQ,EAAEA,QAAS;MACnB,cAAYS,KAAM;MAClBR,kBAAkB,EAAEQ,KAAM;MAAA,GACtBL,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACA;EAAC,CACiB,CAAC;AAEpC,CACF,CAAC;AAEDP,qBAAqB,CAACgB,WAAW,GAAG,uBAAuB","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useMemo, useRef } from 'react';
|
|
4
|
+
import { useControllableState } from '@cdx-ui/utils';
|
|
5
|
+
import { RadioGroup } from '../radio';
|
|
6
|
+
import { useOptionalColorPickerContext } from '../color-picker';
|
|
7
|
+
import { ColorSwatchPickerProvider } from './context';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export const ColorSwatchPickerRoot = /*#__PURE__*/forwardRef(({
|
|
10
|
+
asChild,
|
|
11
|
+
value: valueProp,
|
|
12
|
+
defaultValue,
|
|
13
|
+
onValueChange,
|
|
14
|
+
isDisabled,
|
|
15
|
+
accessibilityLabel,
|
|
16
|
+
children,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const picker = useOptionalColorPickerContext();
|
|
20
|
+
const usesPickerContext = picker !== null && valueProp === undefined && defaultValue === undefined;
|
|
21
|
+
const [localValue, setLocalValue] = useControllableState({
|
|
22
|
+
prop: valueProp,
|
|
23
|
+
defaultProp: defaultValue,
|
|
24
|
+
onChange: onValueChange
|
|
25
|
+
});
|
|
26
|
+
const value = usesPickerContext ? picker.value : localValue;
|
|
27
|
+
const colorsRef = useRef(new Map());
|
|
28
|
+
const registerColor = useCallback(color => {
|
|
29
|
+
const key = color.toString('hex');
|
|
30
|
+
colorsRef.current.set(key, color);
|
|
31
|
+
return () => {
|
|
32
|
+
if (colorsRef.current.get(key) === color) {
|
|
33
|
+
colorsRef.current.delete(key);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
}, []);
|
|
37
|
+
const handleValueChange = useCallback(key => {
|
|
38
|
+
const color = colorsRef.current.get(key);
|
|
39
|
+
if (!color) {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
if (usesPickerContext) {
|
|
43
|
+
onValueChange?.(color);
|
|
44
|
+
picker.onValueChange(color);
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
setLocalValue(color);
|
|
48
|
+
}, [onValueChange, picker, setLocalValue, usesPickerContext]);
|
|
49
|
+
const contextValue = useMemo(() => ({
|
|
50
|
+
registerColor
|
|
51
|
+
}), [registerColor]);
|
|
52
|
+
return /*#__PURE__*/_jsx(ColorSwatchPickerProvider, {
|
|
53
|
+
value: contextValue,
|
|
54
|
+
children: /*#__PURE__*/_jsx(RadioGroup, {
|
|
55
|
+
ref: ref,
|
|
56
|
+
asChild: asChild,
|
|
57
|
+
value: value?.toString('hex'),
|
|
58
|
+
onChange: handleValueChange,
|
|
59
|
+
isDisabled: isDisabled,
|
|
60
|
+
"aria-label": props['aria-label'] ?? accessibilityLabel,
|
|
61
|
+
...props,
|
|
62
|
+
children: children
|
|
63
|
+
})
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
ColorSwatchPickerRoot.displayName = 'ColorSwatchPickerRoot';
|
|
67
|
+
//# sourceMappingURL=ColorSwatchPickerRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","useRef","useControllableState","RadioGroup","useOptionalColorPickerContext","ColorSwatchPickerProvider","jsx","_jsx","ColorSwatchPickerRoot","asChild","value","valueProp","defaultValue","onValueChange","isDisabled","accessibilityLabel","children","props","ref","picker","usesPickerContext","undefined","localValue","setLocalValue","prop","defaultProp","onChange","colorsRef","Map","registerColor","color","key","toString","current","set","get","delete","handleValueChange","contextValue","displayName"],"sourceRoot":"../../../src","sources":["color-swatch-picker/ColorSwatchPickerRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAA2B,OAAO;AAEnF,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,6BAA6B,QAAQ,iBAAiB;AAE/D,SAASC,yBAAyB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtD,OAAO,MAAMC,qBAAqB,gBAAGV,UAAU,CAI7C,CACE;EACEW,OAAO;EACPC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,UAAU;EACVC,kBAAkB;EAClBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,MAAM,GAAGf,6BAA6B,CAAC,CAAC;EAC9C,MAAMgB,iBAAiB,GACrBD,MAAM,KAAK,IAAI,IAAIR,SAAS,KAAKU,SAAS,IAAIT,YAAY,KAAKS,SAAS;EAE1E,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGrB,oBAAoB,CAAQ;IAC9DsB,IAAI,EAAEb,SAAS;IACfc,WAAW,EAAEb,YAAY;IACzBc,QAAQ,EAAEb;EACZ,CAAC,CAAC;EAEF,MAAMH,KAAK,GAAGU,iBAAiB,GAAGD,MAAM,CAACT,KAAK,GAAGY,UAAU;EAC3D,MAAMK,SAAS,GAAG1B,MAAM,CAAC,IAAI2B,GAAG,CAAgB,CAAC,CAAC;EAElD,MAAMC,aAAa,GAAG9B,WAAW,CAAE+B,KAAY,IAAK;IAClD,MAAMC,GAAG,GAAGD,KAAK,CAACE,QAAQ,CAAC,KAAK,CAAC;IACjCL,SAAS,CAACM,OAAO,CAACC,GAAG,CAACH,GAAG,EAAED,KAAK,CAAC;IAEjC,OAAO,MAAM;MACX,IAAIH,SAAS,CAACM,OAAO,CAACE,GAAG,CAACJ,GAAG,CAAC,KAAKD,KAAK,EAAE;QACxCH,SAAS,CAACM,OAAO,CAACG,MAAM,CAACL,GAAG,CAAC;MAC/B;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,iBAAiB,GAAGtC,WAAW,CAClCgC,GAAW,IAAK;IACf,MAAMD,KAAK,GAAGH,SAAS,CAACM,OAAO,CAACE,GAAG,CAACJ,GAAG,CAAC;IAExC,IAAI,CAACD,KAAK,EAAE;MACV;IACF;IAEA,IAAIV,iBAAiB,EAAE;MACrBP,aAAa,GAAGiB,KAAK,CAAC;MACtBX,MAAM,CAACN,aAAa,CAACiB,KAAK,CAAC;MAC3B;IACF;IAEAP,aAAa,CAACO,KAAK,CAAC;EACtB,CAAC,EACD,CAACjB,aAAa,EAAEM,MAAM,EAAEI,aAAa,EAAEH,iBAAiB,CAC1D,CAAC;EAED,MAAMkB,YAAY,GAAGtC,OAAO,CAAC,OAAO;IAAE6B;EAAc,CAAC,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EAExE,oBACEtB,IAAA,CAACF,yBAAyB;IAACK,KAAK,EAAE4B,YAAa;IAAAtB,QAAA,eAC7CT,IAAA,CAACJ,UAAU;MACTe,GAAG,EAAEA,GAAI;MACTT,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAEA,KAAK,EAAEsB,QAAQ,CAAC,KAAK,CAAE;MAC9BN,QAAQ,EAAEW,iBAAkB;MAC5BvB,UAAU,EAAEA,UAAW;MACvB,cAAYG,KAAK,CAAC,YAAY,CAAC,IAAIF,kBAAmB;MAAA,GAClDE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACC;EAAC,CACY,CAAC;AAEhC,CACF,CAAC;AAEDR,qBAAqB,CAAC+B,WAAW,GAAG,uBAAuB","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext as createReactContext, useContext } from 'react';
|
|
4
|
+
import { createContext } from '@cdx-ui/utils';
|
|
5
|
+
export const [ColorSwatchPickerProvider, useColorSwatchPickerContext] = createContext('ColorSwatchPickerContext');
|
|
6
|
+
const ColorSwatchPickerItemContext = /*#__PURE__*/createReactContext(null);
|
|
7
|
+
export const ColorSwatchPickerItemProvider = ColorSwatchPickerItemContext.Provider;
|
|
8
|
+
export function useColorSwatchPickerItemContext() {
|
|
9
|
+
const context = useContext(ColorSwatchPickerItemContext);
|
|
10
|
+
if (!context) {
|
|
11
|
+
throw new Error('ColorSwatchPicker item slots must be used within ColorSwatchPicker.Item');
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","createReactContext","useContext","ColorSwatchPickerProvider","useColorSwatchPickerContext","ColorSwatchPickerItemContext","ColorSwatchPickerItemProvider","Provider","useColorSwatchPickerItemContext","context","Error"],"sourceRoot":"../../../src","sources":["color-swatch-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACG,yBAAyB,EAAEC,2BAA2B,CAAC,GACnEJ,aAAa,CAAgC,0BAA0B,CAAC;AAE1E,MAAMK,4BAA4B,gBAAGJ,kBAAkB,CACrD,IACF,CAAC;AAED,OAAO,MAAMK,6BAA6B,GAAGD,4BAA4B,CAACE,QAAQ;AAElF,OAAO,SAASC,+BAA+BA,CAAA,EAAsC;EACnF,MAAMC,OAAO,GAAGP,UAAU,CAACG,4BAA4B,CAAC;EAExD,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EAEA,OAAOD,OAAO;AAChB","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export { ColorSwatchPickerRoot } from './ColorSwatchPickerRoot';
|
|
4
|
+
export { ColorSwatchPickerItem } from './ColorSwatchPickerItem';
|
|
5
|
+
export { useColorSwatchPickerContext, useColorSwatchPickerItemContext } from './context';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ColorSwatchPickerRoot","ColorSwatchPickerItem","useColorSwatchPickerContext","useColorSwatchPickerItemContext"],"sourceRoot":"../../../src","sources":["color-swatch-picker/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAyC,yBAAyB;AAChG,SAASC,qBAAqB,QAAyC,yBAAyB;AAChG,SAASC,2BAA2B,EAAEC,+BAA+B,QAAQ,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["color-swatch-picker/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { forwardRef, useMemo } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { getDateFieldSegments, resolveDateComponentLabels } from '@cdx-ui/formatters';
|
|
6
|
-
import { useControllableState, useFormControl } from '@cdx-ui/utils';
|
|
6
|
+
import { useControllableState, useFormControl, useFormControlContext } from '@cdx-ui/utils';
|
|
7
7
|
import { Slot } from '../slot';
|
|
8
8
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
9
9
|
import { DateFieldContext } from './context';
|
|
@@ -30,6 +30,9 @@ export const DateFieldRoot = /*#__PURE__*/forwardRef(({
|
|
|
30
30
|
isInvalid,
|
|
31
31
|
isRequired
|
|
32
32
|
});
|
|
33
|
+
const {
|
|
34
|
+
errorMessage
|
|
35
|
+
} = useFormControlContext();
|
|
33
36
|
const [value, setValue] = useControllableState({
|
|
34
37
|
prop: valueProp,
|
|
35
38
|
defaultProp: defaultValue,
|
|
@@ -60,8 +63,9 @@ export const DateFieldRoot = /*#__PURE__*/forwardRef(({
|
|
|
60
63
|
disabled: !!formControl.disabled,
|
|
61
64
|
readOnly: !!formControl.readOnly,
|
|
62
65
|
invalid: !!formControl['aria-invalid'],
|
|
66
|
+
errorMessage,
|
|
63
67
|
...segmentState
|
|
64
|
-
}), [value, setValue, mode, locale, labels, segments, formControl.disabled, formControl.readOnly, formControl['aria-invalid'], segmentState]);
|
|
68
|
+
}), [value, setValue, mode, locale, labels, segments, formControl.disabled, formControl.readOnly, formControl['aria-invalid'], errorMessage, segmentState]);
|
|
65
69
|
const Comp = asChild ? Slot : View;
|
|
66
70
|
return /*#__PURE__*/_jsx(DateFieldContext.Provider, {
|
|
67
71
|
value: contextValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","View","getDateFieldSegments","resolveDateComponentLabels","useControllableState","useFormControl","Slot","dataAttributes","mergeDataAttributes","DateFieldContext","useDateFieldSegmentState","jsx","_jsx","DateFieldRoot","asChild","children","value","valueProp","defaultValue","onValueChange","mode","locale","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","setValue","prop","defaultProp","onChange","next","segments","segmentState","disabled","readOnly","contextValue","invalid","Comp","Provider","readonly","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAA2C,OAAO;AAC9E,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,oBAAoB;AACrF,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","View","getDateFieldSegments","resolveDateComponentLabels","useControllableState","useFormControl","useFormControlContext","Slot","dataAttributes","mergeDataAttributes","DateFieldContext","useDateFieldSegmentState","jsx","_jsx","DateFieldRoot","asChild","children","value","valueProp","defaultValue","onValueChange","mode","locale","labels","labelsProp","isDisabled","isReadOnly","isInvalid","isRequired","props","ref","formControl","errorMessage","setValue","prop","defaultProp","onChange","next","segments","segmentState","disabled","readOnly","contextValue","invalid","Comp","Provider","readonly","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAA2C,OAAO;AAC9E,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,oBAAoB;AACrF,SAASC,oBAAoB,EAAEC,cAAc,EAAEC,qBAAqB,QAAQ,eAAe;AAC3F,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,gBAAgB,QAA6B,WAAW;AAEjE,SAASC,wBAAwB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtE,OAAO,MAAMC,aAAa,gBAAGf,UAAU,CACrC,CACE;EACEgB,OAAO;EACPC,QAAQ;EACRC,KAAK,EAAEC,SAAS;EAChBC,YAAY;EACZC,aAAa;EACbC,IAAI,GAAG,MAAM;EACbC,MAAM,GAAG,OAAO;EAChBC,MAAM,EAAEC,UAAU;EAClBC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,UAAU;EACV,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,WAAW,GAAG1B,cAAc,CAAC;IACjCoB,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC;EACF,CAAC,CAAC;EACF,MAAM;IAAEI;EAAa,CAAC,GAAG1B,qBAAqB,CAAC,CAAC;EAEhD,MAAM,CAACW,KAAK,EAAEgB,QAAQ,CAAC,GAAG7B,oBAAoB,CAAiB;IAC7D8B,IAAI,EAAEhB,SAAS;IACfiB,WAAW,EAAEhB,YAAY;IACzBiB,QAAQ,EAAGC,IAAI,IAAK;MAClBjB,aAAa,GAAGiB,IAAI,CAAC;IACvB;EACF,CAAC,CAAC;EAEF,MAAMd,MAAM,GAAGvB,OAAO,CAAC,MAAMG,0BAA0B,CAACqB,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAElF,MAAMc,QAAQ,GAAGtC,OAAO,CACtB,MAAME,oBAAoB,CAACe,KAAK,EAAE;IAAEI,IAAI;IAAEC;EAAO,CAAC,CAAC,EACnD,CAACL,KAAK,EAAEI,IAAI,EAAEC,MAAM,CACtB,CAAC;EAED,MAAMiB,YAAY,GAAG5B,wBAAwB,CAAC;IAC5CU,IAAI;IACJiB,QAAQ;IACRrB,KAAK;IACLgB,QAAQ;IACRO,QAAQ,EAAE,CAAC,CAACT,WAAW,CAACS,QAAQ;IAChCC,QAAQ,EAAE,CAAC,CAACV,WAAW,CAACU;EAC1B,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG1C,OAAO,CAC1B,OAAO;IACLiB,KAAK;IACLG,aAAa,EAAEa,QAAQ;IACvBZ,IAAI;IACJC,MAAM;IACNC,MAAM;IACNe,QAAQ;IACRE,QAAQ,EAAE,CAAC,CAACT,WAAW,CAACS,QAAQ;IAChCC,QAAQ,EAAE,CAAC,CAACV,WAAW,CAACU,QAAQ;IAChCE,OAAO,EAAE,CAAC,CAACZ,WAAW,CAAC,cAAc,CAAC;IACtCC,YAAY;IACZ,GAAGO;EACL,CAAC,CAAC,EACF,CACEtB,KAAK,EACLgB,QAAQ,EACRZ,IAAI,EACJC,MAAM,EACNC,MAAM,EACNe,QAAQ,EACRP,WAAW,CAACS,QAAQ,EACpBT,WAAW,CAACU,QAAQ,EACpBV,WAAW,CAAC,cAAc,CAAC,EAC3BC,YAAY,EACZO,YAAY,CAEhB,CAAC;EAED,MAAMK,IAAI,GAAG7B,OAAO,GAAGR,IAAI,GAAGN,IAAI;EAElC,oBACEY,IAAA,CAACH,gBAAgB,CAACmC,QAAQ;IAAC5B,KAAK,EAAEyB,YAAa;IAAA1B,QAAA,eAC7CH,IAAA,CAAC+B,IAAI;MACHd,GAAG,EAAEA,GAAI;MAAA,GACLD,KAAK;MAAA,GACLpB,mBAAmB,CACrBoB,KAAK,EACLrB,cAAc,CAAC;QACbgC,QAAQ,EAAET,WAAW,CAACS,QAAQ;QAC9BG,OAAO,EAAEZ,WAAW,CAAC,cAAc,CAAC;QACpCe,QAAQ,EAAEf,WAAW,CAACU;MACxB,CAAC,CACH,CAAC;MAAAzB,QAAA,EAEAA;IAAQ,CACL;EAAC,CACkB,CAAC;AAEhC,CACF,CAAC;AAEDF,aAAa,CAACiC,WAAW,GAAG,eAAe","ignoreList":[]}
|
|
@@ -20,6 +20,8 @@ export const DateFieldSegment = /*#__PURE__*/forwardRef(({
|
|
|
20
20
|
const {
|
|
21
21
|
disabled,
|
|
22
22
|
readOnly,
|
|
23
|
+
invalid,
|
|
24
|
+
errorMessage,
|
|
23
25
|
focusedSegmentIndex,
|
|
24
26
|
focusSegment,
|
|
25
27
|
getSegmentDisplayText,
|
|
@@ -46,13 +48,17 @@ export const DateFieldSegment = /*#__PURE__*/forwardRef(({
|
|
|
46
48
|
placeholder: segment.text === displayText && !segment.value
|
|
47
49
|
}));
|
|
48
50
|
if (segment.isEditable && !asChild) {
|
|
51
|
+
// `aria-invalid` only reaches web screen readers; native ones need it in the name and hint.
|
|
52
|
+
const announceInvalid = invalid && Platform.OS !== 'web';
|
|
49
53
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
50
54
|
accessibilityRole: "spinbutton",
|
|
51
|
-
accessibilityLabel: getDateSegmentAccessibilityLabel(segment.type, labels),
|
|
55
|
+
accessibilityLabel: getDateSegmentAccessibilityLabel(segment.type, labels, announceInvalid),
|
|
56
|
+
accessibilityHint: announceInvalid ? errorMessage : undefined,
|
|
52
57
|
accessibilityState: {
|
|
53
58
|
disabled,
|
|
54
59
|
selected: isFocused
|
|
55
60
|
},
|
|
61
|
+
"aria-invalid": invalid || undefined,
|
|
56
62
|
disabled: disabled || readOnly,
|
|
57
63
|
onPress: handlePress,
|
|
58
64
|
onPressIn: preventWebFocusSteal
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","Text","getDateSegmentAccessibilityLabel","Slot","dataAttributes","mergeDataAttributes","useDateFieldContext","useDateFieldSegmentIndex","jsx","_jsx","DateFieldSegment","asChild","segment","segmentIndex","segmentIndexProp","style","props","ref","contextSegmentIndex","disabled","readOnly","focusedSegmentIndex","focusSegment","getSegmentDisplayText","labels","isFocused","displayText","handlePress","preventWebFocusSteal","event","OS","maybeDom","preventDefault","dataProps","slot","focus","placeholder","text","value","isEditable","accessibilityRole","accessibilityLabel","type","accessibilityState","selected","onPress","onPressIn","zIndex","onMouseDown","e","children","Comp","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldSegment.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,QAA2B,OAAO;AAClE,SACEC,QAAQ,EACRC,SAAS,EACTC,IAAI,QAGC,cAAc;AACrB,SAASC,gCAAgC,QAAQ,oBAAoB;AACrE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,wBAAwB,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS1D,OAAO,MAAMC,gBAAgB,gBAAGb,UAAU,CACxC,CAAC;EAAEc,OAAO;EAAEC,OAAO;EAAEC,YAAY,EAAEC,gBAAgB;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9E,MAAMC,mBAAmB,GAAGX,wBAAwB,CAAC,CAAC;EACtD,MAAMM,YAAY,GAAGC,gBAAgB,IAAII,mBAAmB;EAC5D,MAAM;
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","Text","getDateSegmentAccessibilityLabel","Slot","dataAttributes","mergeDataAttributes","useDateFieldContext","useDateFieldSegmentIndex","jsx","_jsx","DateFieldSegment","asChild","segment","segmentIndex","segmentIndexProp","style","props","ref","contextSegmentIndex","disabled","readOnly","invalid","errorMessage","focusedSegmentIndex","focusSegment","getSegmentDisplayText","labels","isFocused","displayText","handlePress","preventWebFocusSteal","event","OS","maybeDom","preventDefault","dataProps","slot","focus","placeholder","text","value","isEditable","announceInvalid","accessibilityRole","accessibilityLabel","type","accessibilityHint","undefined","accessibilityState","selected","onPress","onPressIn","zIndex","onMouseDown","e","children","Comp","importantForAccessibility","displayName"],"sourceRoot":"../../../src","sources":["date-field/DateFieldSegment.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","DateFieldContext","useDateFieldContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-field/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAA4C,OAAO;;AASrF;;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","DateFieldContext","useDateFieldContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-field/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAA4C,OAAO;;AASrF;;AAgCA,OAAO,MAAMC,gBAAgB,gBAAGF,aAAa,CAA+B,IAAI,CAAC;AAEjF,OAAO,SAASG,mBAAmBA,CAAA,EAA0B;EAC3D,MAAMC,GAAG,GAAGH,UAAU,CAACC,gBAAgB,CAAC;EACxC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,iEAAiE,CAAC;EACpF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
import { resolveDateComponentLabels } from '@cdx-ui/formatters';
|
|
6
|
-
import { mergeRefs, useControllableState } from '@cdx-ui/utils';
|
|
5
|
+
import { formatDateValidationMessage, getDateValidationReason, resolveDateComponentLabels } from '@cdx-ui/formatters';
|
|
6
|
+
import { FormControlContext, mergeRefs, useControllableState, useFormControlContext, useReportFormControlValidation } from '@cdx-ui/utils';
|
|
7
7
|
import { DateFieldRoot } from '../date-field/DateFieldRoot';
|
|
8
8
|
import { Slot } from '../slot';
|
|
9
9
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
@@ -24,6 +24,8 @@ export const DatePickerRoot = /*#__PURE__*/forwardRef(({
|
|
|
24
24
|
isRequired,
|
|
25
25
|
minValue,
|
|
26
26
|
maxValue,
|
|
27
|
+
isDateUnavailable,
|
|
28
|
+
onValidationChange,
|
|
27
29
|
locale = 'en-US',
|
|
28
30
|
labels: labelsProp,
|
|
29
31
|
...props
|
|
@@ -45,6 +47,45 @@ export const DatePickerRoot = /*#__PURE__*/forwardRef(({
|
|
|
45
47
|
prop: undefined,
|
|
46
48
|
defaultProp: value
|
|
47
49
|
});
|
|
50
|
+
const validationReason = useMemo(() => value === undefined ? undefined : getDateValidationReason(value, {
|
|
51
|
+
minValue,
|
|
52
|
+
maxValue,
|
|
53
|
+
isDateUnavailable
|
|
54
|
+
}), [isDateUnavailable, maxValue, minValue, value]);
|
|
55
|
+
const resolvedInvalid = !!isInvalid || validationReason !== undefined;
|
|
56
|
+
const validationMessage = useMemo(() => validationReason === undefined ? undefined : formatDateValidationMessage(labels, validationReason, {
|
|
57
|
+
minValue,
|
|
58
|
+
maxValue
|
|
59
|
+
}, {
|
|
60
|
+
locale
|
|
61
|
+
}), [labels, locale, maxValue, minValue, validationReason]);
|
|
62
|
+
const onValidationChangeRef = useRef(onValidationChange);
|
|
63
|
+
onValidationChangeRef.current = onValidationChange;
|
|
64
|
+
const reportedValidationRef = useRef({
|
|
65
|
+
reason: undefined,
|
|
66
|
+
message: undefined
|
|
67
|
+
});
|
|
68
|
+
useLayoutEffect(() => {
|
|
69
|
+
const reported = reportedValidationRef.current;
|
|
70
|
+
if (reported.reason === validationReason && reported.message === validationMessage) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
reportedValidationRef.current = {
|
|
74
|
+
reason: validationReason,
|
|
75
|
+
message: validationMessage
|
|
76
|
+
};
|
|
77
|
+
onValidationChangeRef.current?.(validationReason, validationMessage);
|
|
78
|
+
}, [validationMessage, validationReason]);
|
|
79
|
+
const reportsToField = useReportFormControlValidation(resolvedInvalid, validationMessage);
|
|
80
|
+
|
|
81
|
+
// Without an enclosing `Field` there is nothing to report to, so provide the picker's
|
|
82
|
+
// validation to its own children (`Field.Error`, `Field.Helper`, the input group).
|
|
83
|
+
const parentFormControl = useFormControlContext();
|
|
84
|
+
const standaloneFormControl = useMemo(() => reportsToField ? undefined : {
|
|
85
|
+
...parentFormControl,
|
|
86
|
+
isInvalid: !!parentFormControl.isInvalid || resolvedInvalid,
|
|
87
|
+
errorMessage: validationMessage
|
|
88
|
+
}, [parentFormControl, reportsToField, resolvedInvalid, validationMessage]);
|
|
48
89
|
const surfacesRef = useRef(new Set());
|
|
49
90
|
const anchorRef = useRef(null);
|
|
50
91
|
const triggerRef = useRef(null);
|
|
@@ -84,13 +125,26 @@ export const DatePickerRoot = /*#__PURE__*/forwardRef(({
|
|
|
84
125
|
disabled,
|
|
85
126
|
minValue,
|
|
86
127
|
maxValue,
|
|
128
|
+
isDateUnavailable,
|
|
87
129
|
locale,
|
|
88
130
|
labels,
|
|
89
131
|
registerSurface,
|
|
90
132
|
anchorRef,
|
|
91
133
|
triggerRef
|
|
92
|
-
}), [value, setValue, draftValue, setDraftValue, open, setOpen, disabled, minValue, maxValue, locale, labels, registerSurface]);
|
|
134
|
+
}), [value, setValue, draftValue, setDraftValue, open, setOpen, disabled, minValue, maxValue, isDateUnavailable, locale, labels, registerSurface]);
|
|
93
135
|
const Comp = asChild ? Slot : View;
|
|
136
|
+
const field = /*#__PURE__*/_jsx(DateFieldRoot, {
|
|
137
|
+
value: value,
|
|
138
|
+
onValueChange: next => setValue(next),
|
|
139
|
+
mode: "date",
|
|
140
|
+
locale: locale,
|
|
141
|
+
labels: labelsProp,
|
|
142
|
+
isDisabled: disabled,
|
|
143
|
+
isReadOnly: isReadOnly,
|
|
144
|
+
isInvalid: resolvedInvalid,
|
|
145
|
+
isRequired: isRequired,
|
|
146
|
+
children: children
|
|
147
|
+
});
|
|
94
148
|
return /*#__PURE__*/_jsx(DatePickerContext.Provider, {
|
|
95
149
|
value: contextValue,
|
|
96
150
|
children: /*#__PURE__*/_jsx(Comp, {
|
|
@@ -100,18 +154,10 @@ export const DatePickerRoot = /*#__PURE__*/forwardRef(({
|
|
|
100
154
|
disabled,
|
|
101
155
|
open
|
|
102
156
|
})),
|
|
103
|
-
children: /*#__PURE__*/_jsx(
|
|
104
|
-
value:
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
locale: locale,
|
|
108
|
-
labels: labelsProp,
|
|
109
|
-
isDisabled: disabled,
|
|
110
|
-
isReadOnly: isReadOnly,
|
|
111
|
-
isInvalid: isInvalid,
|
|
112
|
-
isRequired: isRequired,
|
|
113
|
-
children: children
|
|
114
|
-
})
|
|
157
|
+
children: standaloneFormControl ? /*#__PURE__*/_jsx(FormControlContext.Provider, {
|
|
158
|
+
value: standaloneFormControl,
|
|
159
|
+
children: field
|
|
160
|
+
}) : field
|
|
115
161
|
})
|
|
116
162
|
});
|
|
117
163
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useEffect","useMemo","useRef","View","resolveDateComponentLabels","mergeRefs","useControllableState","DateFieldRoot","Slot","dataAttributes","mergeDataAttributes","DatePickerContext","jsx","_jsx","DatePickerRoot","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","locale","labels","labelsProp","props","ref","setValue","prop","defaultProp","onChange","next","open","setOpenState","draftValue","setDraftValue","undefined","surfacesRef","Set","anchorRef","triggerRef","setOpen","registerSurface","type","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useEffect","useLayoutEffect","useMemo","useRef","View","formatDateValidationMessage","getDateValidationReason","resolveDateComponentLabels","FormControlContext","mergeRefs","useControllableState","useFormControlContext","useReportFormControlValidation","DateFieldRoot","Slot","dataAttributes","mergeDataAttributes","DatePickerContext","jsx","_jsx","DatePickerRoot","asChild","children","value","valueProp","defaultValue","onValueChange","isOpen","openProp","defaultOpen","onOpenChange","isDisabled","disabled","isReadOnly","isInvalid","isRequired","minValue","maxValue","isDateUnavailable","onValidationChange","locale","labels","labelsProp","props","ref","setValue","prop","defaultProp","onChange","next","open","setOpenState","draftValue","setDraftValue","undefined","validationReason","resolvedInvalid","validationMessage","onValidationChangeRef","current","reportedValidationRef","reason","message","reported","reportsToField","parentFormControl","standaloneFormControl","errorMessage","surfacesRef","Set","anchorRef","triggerRef","setOpen","registerSurface","type","has","add","size","console","warn","clear","contextValue","Comp","field","mode","Provider","displayName"],"sourceRoot":"../../../src","sources":["date-picker/DatePickerRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","DatePickerContext","useDatePickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","DatePickerContext","useDatePickerContext","ctx","Error"],"sourceRoot":"../../../src","sources":["date-picker/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AA0BjE,OAAO,MAAMC,iBAAiB,gBAAGF,aAAa,CAAgC,IAAI,CAAC;AAEnF,OAAO,SAASG,oBAAoBA,CAAA,EAA2B;EAC7D,MAAMC,GAAG,GAAGH,UAAU,CAACC,iBAAiB,CAAC;EACzC,IAAI,CAACE,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,mEAAmE,CAAC;EACtF;EACA,OAAOD,GAAG;AACZ","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -5,6 +5,12 @@ export * from './breadcrumbs';
|
|
|
5
5
|
export * from './button';
|
|
6
6
|
export * from './chip';
|
|
7
7
|
export * from './checkbox';
|
|
8
|
+
export * from './color';
|
|
9
|
+
export * from './color-area';
|
|
10
|
+
export * from './color-field';
|
|
11
|
+
export * from './color-picker';
|
|
12
|
+
export * from './color-slider';
|
|
13
|
+
export * from './color-swatch-picker';
|
|
8
14
|
export * from './dialog';
|
|
9
15
|
export * from './drawer';
|
|
10
16
|
export * from './field';
|
|
@@ -44,5 +50,6 @@ export { domDataAttributes, mergeDomDataAttributes } from './utils/domDataAttrib
|
|
|
44
50
|
export { mapViewPropsToDom } from './utils/mapViewPropsToDom';
|
|
45
51
|
export { assignRef } from './utils/assignRef';
|
|
46
52
|
export { createPortalFn } from './utils/createPortal';
|
|
53
|
+
export { useHasTextAncestor } from './utils/textAncestor';
|
|
47
54
|
export { Slot } from './slot';
|
|
48
55
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX","OVERLAY_PLACEMENTS","getAnchoredOverlayPosition","OverlayContainer","OverlayInsetsProvider","OverlayStackProvider","useAnchorPosition","useAnchoredOverlay","useDismissOverlay","useEscapeKey","useOverlayStackRegistration","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","mapViewPropsToDom","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,SACEA,qBAAqB,EACrBC,4BAA4B,EAC5BC,kBAAkB,EAElBC,0BAA0B,EAC1BC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,EACZC,2BAA2B,EAC3BC,kBAAkB,QAmBb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,iBAAiB,QAAuC,2BAA2B;AAC5F,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["MODAL_OVERLAY_Z_INDEX","NOTIFICATION_OVERLAY_Z_INDEX","OVERLAY_PLACEMENTS","getAnchoredOverlayPosition","OverlayContainer","OverlayInsetsProvider","OverlayStackProvider","useAnchorPosition","useAnchoredOverlay","useDismissOverlay","useEscapeKey","useOverlayStackRegistration","useOverlayPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","mapViewPropsToDom","assignRef","createPortalFn","useHasTextAncestor","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,uBAAuB;AACrC,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,eAAe;AAC7B,cAAc,qBAAqB;AACnC,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,SACEA,qBAAqB,EACrBC,4BAA4B,EAC5BC,kBAAkB,EAElBC,0BAA0B,EAC1BC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,EACpBC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,YAAY,EACZC,2BAA2B,EAC3BC,kBAAkB,QAmBb,WAAW;AAClB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,iBAAiB,QAAuC,2BAA2B;AAC5F,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["react-native-web.d.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -59,6 +59,8 @@ export function useWebSliderDrag({
|
|
|
59
59
|
if (!layout) {
|
|
60
60
|
return;
|
|
61
61
|
}
|
|
62
|
+
cleanupRef.current?.();
|
|
63
|
+
cleanupRef.current = null;
|
|
62
64
|
const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
|
|
63
65
|
const travel = getThumbTravel(trackSize, thumbSize);
|
|
64
66
|
if (travel <= 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useEffect","useRef","Platform","clamp","getThumbTravel","pointerCoordToRatio","pointerCoordToVerticalRatio","getPointerCoords","nativeEvent","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","width","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","lastRatioRef","dragContextRef","cleanupRef","current","endDrag","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","startPointer","startRatio","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,QAAQ,QAAQ,cAAc;AAGvC,SAASC,KAAK,EAAEC,cAAc,EAAEC,mBAAmB,EAAEC,2BAA2B,QAAQ,SAAS;AAEjG,OAAO,SAASC,gBAAgBA,CAACC,WAKhC,EAA4B;EAC3B,IAAIN,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAID,WAAW,CAACE,OAAO,IAAI,IAAI,IAAIF,WAAW,CAACG,OAAO,IAAI,IAAI,EAAE;IACvF,OAAO;MAAEC,CAAC,EAAEJ,WAAW,CAACE,OAAO;MAAEG,CAAC,EAAEL,WAAW,CAACG;IAAQ,CAAC;EAC3D;EAEA,OAAO;IACLC,CAAC,EAAEJ,WAAW,CAACM,KAAK,IAAI,CAAC;IACzBD,CAAC,EAAEL,WAAW,CAACO,KAAK,IAAI;EAC1B,CAAC;AACH;AAEA,OAAO,SAASC,qBAAqBA,CACnCF,KAAa,EACbC,KAAa,EACbE,WAAqC,EACrCC,WAA8B,EAC9BC,SAAiB,EACT;EACR,IAAI,CAACF,WAAW,EAAE;IAChB,OAAO,CAAC;EACV;EAEA,IAAIC,WAAW,KAAK,YAAY,EAAE;IAChC,OAAOb,mBAAmB,CAACS,KAAK,EAAEG,WAAW,CAACL,CAAC,EAAEK,WAAW,CAACG,KAAK,EAAED,SAAS,CAAC;EAChF;EAEA,OAAOb,2BAA2B,CAACS,KAAK,EAAEE,WAAW,CAACJ,CAAC,EAAEI,WAAW,CAACI,MAAM,EAAEF,SAAS,CAAC;AACzF;AAQA,OAAO,SAASG,gBAAgBA,CAAC;EAC/BC,UAAU;EACVC,aAAa;EACbC,iBAAiB;EACjBR,WAAW;EACXC,WAAW;EACXC;AAQF,CAAC,EAAE;EACD,MAAMO,WAAW,GAAGzB,MAAM,CAAC,KAAK,CAAC;EACjC,MAAM0B,YAAY,GAAG1B,MAAM,CAAC,CAAC,CAAC;EAC9B,MAAM2B,cAAc,GAAG3B,MAAM,CAAwB,IAAI,CAAC;EAC1D,MAAM4B,UAAU,GAAG5B,MAAM,CAAsB,IAAI,CAAC;EAEpDD,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACX6B,UAAU,CAACC,OAAO,GAAG,CAAC;MACtBD,UAAU,CAACC,OAAO,GAAG,IAAI;IAC3B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAGhC,WAAW,CAAC,MAAM;IAChC,IAAI,CAAC2B,WAAW,CAACI,OAAO,EAAE;MACxB;IACF;IACAJ,WAAW,CAACI,OAAO,GAAG,KAAK;IAC3BF,cAAc,CAACE,OAAO,GAAG,IAAI;IAC7BL,iBAAiB,CAACE,YAAY,CAACG,OAAO,EAAE,IAAI,CAAC;IAC7CN,aAAa,CAAC,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,aAAa,EAAEC,iBAAiB,CAAC,CAAC;EAEtC,MAAMO,SAAS,GAAGjC,WAAW,CAC3B,CACEe,KAAa,EACbC,KAAa,EACbkB,WAAoB,EACpBC,mBAAuC,KACpC;IACH,IAAIX,UAAU,IAAIrB,QAAQ,CAACO,EAAE,KAAK,KAAK,IAAI,OAAO0B,MAAM,KAAK,WAAW,EAAE;MACxE;IACF;IAEA,MAAMC,MAAM,GAAGF,mBAAmB,IAAIjB,WAAW;IACjD,IAAI,CAACmB,MAAM,EAAE;MACX;IACF;
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","Platform","clamp","getThumbTravel","pointerCoordToRatio","pointerCoordToVerticalRatio","getPointerCoords","nativeEvent","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","width","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","lastRatioRef","dragContextRef","cleanupRef","current","endDrag","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","startPointer","startRatio","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { createElement } from 'react';
|
|
3
4
|
import { createPortal } from 'react-dom';
|
|
5
|
+
import { TextAncestorContext } from './textAncestor';
|
|
4
6
|
/**
|
|
5
7
|
* Web implementation — statically imports `ReactDOM.createPortal`.
|
|
6
8
|
*
|
|
@@ -12,6 +14,12 @@ import { createPortal } from 'react-dom';
|
|
|
12
14
|
* layout-animation path, leaving web overlays (Select, DatePicker) stuck at
|
|
13
15
|
* opacity 0. A static ESM import guarantees `createPortalFn` resolves on web
|
|
14
16
|
* regardless of the bundler's CommonJS interop.
|
|
17
|
+
*
|
|
18
|
+
* Portaled content leaves the DOM subtree of any `Text` it was rendered from,
|
|
19
|
+
* so the text-ancestor context is reset; otherwise a `Text` inside an overlay
|
|
20
|
+
* opened from a `Text` would skip its own typography and inherit nothing.
|
|
15
21
|
*/
|
|
16
|
-
export const createPortalFn = createPortal
|
|
22
|
+
export const createPortalFn = (children, container) => /*#__PURE__*/createPortal(/*#__PURE__*/createElement(TextAncestorContext.Provider, {
|
|
23
|
+
value: false
|
|
24
|
+
}, children), container);
|
|
17
25
|
//# sourceMappingURL=createPortal.web.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createPortal","createPortalFn"],"sourceRoot":"../../../src","sources":["utils/createPortal.web.ts"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["createElement","createPortal","TextAncestorContext","createPortalFn","children","container","Provider","value"],"sourceRoot":"../../../src","sources":["utils/createPortal.web.ts"],"mappings":";;AAAA,SAASA,aAAa,QAA0C,OAAO;AACvE,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,mBAAmB,QAAQ,gBAAgB;AAIpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA8B,GAAGA,CAACC,QAAQ,EAAEC,SAAS,kBAChEJ,YAAY,cAACD,aAAa,CAACE,mBAAmB,CAACI,QAAQ,EAAE;EAAEC,KAAK,EAAE;AAAM,CAAC,EAAEH,QAAQ,CAAC,EAAEC,SAAS,CAAC","ignoreList":[]}
|