@cdx-ui/primitives 0.0.1-alpha.2 → 0.0.1-alpha.20
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/avatar/context.js +11 -0
- package/lib/commonjs/avatar/context.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarBadge.js +20 -0
- package/lib/commonjs/avatar/createAvatarBadge.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarIcon.js +30 -0
- package/lib/commonjs/avatar/createAvatarIcon.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarImage.js +51 -0
- package/lib/commonjs/avatar/createAvatarImage.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarRoot.js +34 -0
- package/lib/commonjs/avatar/createAvatarRoot.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarText.js +42 -0
- package/lib/commonjs/avatar/createAvatarText.js.map +1 -0
- package/lib/commonjs/avatar/index.js +30 -0
- package/lib/commonjs/avatar/index.js.map +1 -0
- package/lib/commonjs/avatar/types.js +6 -0
- package/lib/commonjs/avatar/types.js.map +1 -0
- package/lib/commonjs/button/createButtonRoot.js +3 -3
- package/lib/commonjs/button/createButtonRoot.js.map +1 -1
- package/lib/commonjs/button/index.js +18 -19
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/checkbox/context.js +14 -0
- package/lib/commonjs/checkbox/context.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js +44 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js +29 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js +47 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js +46 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js +99 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +90 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/commonjs/checkbox/index.js +30 -0
- package/lib/commonjs/checkbox/index.js.map +1 -0
- package/lib/commonjs/checkbox/types.js +6 -0
- package/lib/commonjs/checkbox/types.js.map +1 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js +82 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/commonjs/index.js +49 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/index.js +13 -19
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/link/LinkProvider.js +28 -0
- package/lib/commonjs/link/LinkProvider.js.map +1 -0
- package/lib/commonjs/link/createLink.js +74 -0
- package/lib/commonjs/link/createLink.js.map +1 -0
- package/lib/commonjs/link/index.js +27 -0
- package/lib/commonjs/link/index.js.map +1 -0
- package/lib/commonjs/link/types.js +6 -0
- package/lib/commonjs/link/types.js.map +1 -0
- package/lib/commonjs/link/useLink.js +56 -0
- package/lib/commonjs/link/useLink.js.map +1 -0
- package/lib/commonjs/overlay/OverlayContainer.js +6 -4
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -1
- package/lib/commonjs/select/context.js +8 -43
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/createSelectItem.js +1 -1
- package/lib/commonjs/select/createSelectItem.js.map +1 -1
- package/lib/commonjs/select/createSelectRoot.js +1 -1
- package/lib/commonjs/select/createSelectRoot.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +2 -8
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/switch/createSwitchRoot.js +73 -0
- package/lib/commonjs/switch/createSwitchRoot.js.map +1 -0
- package/lib/commonjs/switch/index.js +15 -0
- package/lib/commonjs/switch/index.js.map +1 -0
- package/lib/commonjs/switch/types.js +6 -0
- package/lib/commonjs/switch/types.js.map +1 -0
- package/lib/commonjs/types.js +2 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.web.js +1 -4
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -1
- package/lib/module/avatar/context.js +5 -0
- package/lib/module/avatar/context.js.map +1 -0
- package/lib/module/{input/createInputIcon.js → avatar/createAvatarBadge.js} +3 -3
- package/lib/module/avatar/createAvatarBadge.js.map +1 -0
- package/lib/module/avatar/createAvatarIcon.js +25 -0
- package/lib/module/avatar/createAvatarIcon.js.map +1 -0
- package/lib/module/avatar/createAvatarImage.js +46 -0
- package/lib/module/avatar/createAvatarImage.js.map +1 -0
- package/lib/module/avatar/createAvatarRoot.js +29 -0
- package/lib/module/avatar/createAvatarRoot.js.map +1 -0
- package/lib/module/avatar/createAvatarText.js +37 -0
- package/lib/module/avatar/createAvatarText.js.map +1 -0
- package/lib/module/avatar/index.js +26 -0
- package/lib/module/avatar/index.js.map +1 -0
- package/lib/module/avatar/types.js +4 -0
- package/lib/module/avatar/types.js.map +1 -0
- package/lib/module/button/createButtonRoot.js +3 -3
- package/lib/module/button/createButtonRoot.js.map +1 -1
- package/lib/module/button/index.js +18 -19
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/checkbox/context.js +7 -0
- package/lib/module/checkbox/context.js.map +1 -0
- package/lib/module/checkbox/createCheckboxGroup.js +39 -0
- package/lib/module/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIcon.js +24 -0
- package/lib/module/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIndicator.js +42 -0
- package/lib/module/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/module/checkbox/createCheckboxLabel.js +41 -0
- package/lib/module/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.js +94 -0
- package/lib/module/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js +85 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/module/checkbox/index.js +26 -0
- package/lib/module/checkbox/index.js.map +1 -0
- package/lib/module/checkbox/types.js +4 -0
- package/lib/module/checkbox/types.js.map +1 -0
- package/lib/module/checkbox/useCheckboxRoot.js +78 -0
- package/lib/module/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/module/index.js +5 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/index.js +12 -17
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/link/LinkProvider.js +23 -0
- package/lib/module/link/LinkProvider.js.map +1 -0
- package/lib/module/link/createLink.js +68 -0
- package/lib/module/link/createLink.js.map +1 -0
- package/lib/module/link/index.js +6 -0
- package/lib/module/link/index.js.map +1 -0
- package/lib/module/link/types.js +4 -0
- package/lib/module/link/types.js.map +1 -0
- package/lib/module/link/useLink.js +52 -0
- package/lib/module/link/useLink.js.map +1 -0
- package/lib/module/overlay/OverlayContainer.js +7 -5
- package/lib/module/overlay/OverlayContainer.js.map +1 -1
- package/lib/module/select/context.js +4 -42
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/createSelectItem.js +2 -2
- package/lib/module/select/createSelectItem.js.map +1 -1
- package/lib/module/select/createSelectRoot.js +2 -2
- package/lib/module/select/createSelectRoot.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +3 -9
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/switch/createSwitchRoot.js +67 -0
- package/lib/module/switch/createSwitchRoot.js.map +1 -0
- package/lib/module/switch/index.js +11 -0
- package/lib/module/switch/index.js.map +1 -0
- package/lib/module/switch/types.js +4 -0
- package/lib/module/switch/types.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/dataAttributes.web.js +1 -4
- package/lib/module/utils/dataAttributes.web.js.map +1 -1
- package/lib/typescript/avatar/context.d.ts +6 -0
- package/lib/typescript/avatar/context.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarText.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarText.d.ts.map +1 -0
- package/lib/typescript/avatar/index.d.ts +11 -0
- package/lib/typescript/avatar/index.d.ts.map +1 -0
- package/lib/typescript/avatar/types.d.ts +33 -0
- package/lib/typescript/avatar/types.d.ts.map +1 -0
- package/lib/typescript/button/context.d.ts +1 -1
- package/lib/typescript/button/context.d.ts.map +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts.map +1 -1
- package/lib/typescript/button/index.d.ts +1 -1
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/button/types.d.ts +0 -7
- package/lib/typescript/button/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/context.d.ts +18 -0
- package/lib/typescript/checkbox/context.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -0
- package/lib/typescript/checkbox/index.d.ts +11 -0
- package/lib/typescript/checkbox/index.d.ts.map +1 -0
- package/lib/typescript/checkbox/types.d.ts +57 -0
- package/lib/typescript/checkbox/types.d.ts.map +1 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +147 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/index.d.ts +3 -3
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +1 -2
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/link/LinkProvider.d.ts +36 -0
- package/lib/typescript/link/LinkProvider.d.ts.map +1 -0
- package/lib/typescript/link/createLink.d.ts +6 -0
- package/lib/typescript/link/createLink.d.ts.map +1 -0
- package/lib/typescript/link/index.d.ts +6 -0
- package/lib/typescript/link/index.d.ts.map +1 -0
- package/lib/typescript/link/types.d.ts +45 -0
- package/lib/typescript/link/types.d.ts.map +1 -0
- package/lib/typescript/link/useLink.d.ts +9 -0
- package/lib/typescript/link/useLink.d.ts.map +1 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts +5 -1
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -1
- package/lib/typescript/select/context.d.ts +14 -7
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts +2 -7
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/select/types.d.ts +1 -7
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/switch/createSwitchRoot.d.ts +3 -0
- package/lib/typescript/switch/createSwitchRoot.d.ts.map +1 -0
- package/lib/typescript/switch/index.d.ts +7 -0
- package/lib/typescript/switch/index.d.ts.map +1 -0
- package/lib/typescript/switch/types.d.ts +38 -0
- package/lib/typescript/switch/types.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +8 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -1
- package/package.json +12 -8
- package/src/avatar/context.tsx +5 -0
- package/src/avatar/createAvatarBadge.tsx +12 -0
- package/src/avatar/createAvatarIcon.tsx +16 -0
- package/src/avatar/createAvatarImage.tsx +40 -0
- package/src/avatar/createAvatarRoot.tsx +23 -0
- package/src/avatar/createAvatarText.tsx +30 -0
- package/src/avatar/index.ts +43 -0
- package/src/avatar/types.ts +77 -0
- package/src/button/context.tsx +1 -1
- package/src/button/createButtonRoot.tsx +5 -4
- package/src/button/index.tsx +18 -19
- package/src/button/types.ts +0 -8
- package/src/checkbox/context.tsx +18 -0
- package/src/checkbox/createCheckboxGroup.tsx +32 -0
- package/src/checkbox/createCheckboxIcon.tsx +18 -0
- package/src/checkbox/createCheckboxIndicator.tsx +43 -0
- package/src/checkbox/createCheckboxLabel.tsx +42 -0
- package/src/checkbox/createCheckboxRoot.tsx +100 -0
- package/src/checkbox/createCheckboxRoot.web.tsx +79 -0
- package/src/checkbox/index.ts +43 -0
- package/src/checkbox/types.ts +74 -0
- package/src/checkbox/useCheckboxRoot.ts +85 -0
- package/src/index.ts +6 -1
- package/src/input/index.tsx +15 -28
- package/src/input/types.ts +0 -4
- package/src/link/LinkProvider.tsx +50 -0
- package/src/link/createLink.tsx +71 -0
- package/src/link/index.tsx +5 -0
- package/src/link/types.ts +47 -0
- package/src/link/useLink.ts +54 -0
- package/src/overlay/OverlayContainer.tsx +7 -8
- package/src/select/context.tsx +9 -44
- package/src/select/createSelectItem.tsx +3 -3
- package/src/select/createSelectRoot.tsx +3 -3
- package/src/select/createSelectTrigger.tsx +6 -31
- package/src/select/types.ts +1 -10
- package/src/switch/createSwitchRoot.tsx +72 -0
- package/src/switch/index.ts +16 -0
- package/src/switch/types.ts +42 -0
- package/src/types.ts +7 -0
- package/src/utils/dataAttributes.web.ts +2 -4
- package/lib/commonjs/input/createInputIcon.js +0 -20
- package/lib/commonjs/input/createInputIcon.js.map +0 -1
- package/lib/module/input/createInputIcon.js.map +0 -1
- package/lib/typescript/input/createInputIcon.d.ts +0 -4
- package/lib/typescript/input/createInputIcon.d.ts.map +0 -1
- package/src/input/createInputIcon.tsx +0 -12
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useContext, useRef } from 'react';
|
|
4
|
+
import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { useCheckbox } from '@react-native-aria/checkbox';
|
|
6
|
+
import { useHover } from '@react-native-aria/interactions';
|
|
7
|
+
import { useToggleState } from '@react-stately/toggle';
|
|
8
|
+
import { CheckboxGroupContext } from './context';
|
|
9
|
+
export function useCheckboxRoot(props, ref, {
|
|
10
|
+
useInputRefForAria = false
|
|
11
|
+
} = {}) {
|
|
12
|
+
const formControlContext = useFormControlContext();
|
|
13
|
+
const {
|
|
14
|
+
isInvalid,
|
|
15
|
+
isReadOnly,
|
|
16
|
+
isIndeterminate,
|
|
17
|
+
...combinedProps
|
|
18
|
+
} = {
|
|
19
|
+
...formControlContext,
|
|
20
|
+
...props
|
|
21
|
+
};
|
|
22
|
+
const checkboxGroupContext = useContext(CheckboxGroupContext);
|
|
23
|
+
const state = useToggleState({
|
|
24
|
+
...combinedProps,
|
|
25
|
+
defaultSelected: props.defaultIsChecked,
|
|
26
|
+
isSelected: props.isChecked
|
|
27
|
+
});
|
|
28
|
+
const rootRef = useRef(null);
|
|
29
|
+
const inputRef = useRef(null);
|
|
30
|
+
const mergedRootRef = mergeRefs(ref, rootRef);
|
|
31
|
+
const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
|
|
32
|
+
const groupToggleState = useToggleState(checkboxGroupContext ? {
|
|
33
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
34
|
+
isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
|
|
35
|
+
onChange(isSelected) {
|
|
36
|
+
if (isSelected) {
|
|
37
|
+
checkboxGroupContext.state.addValue(combinedProps.value);
|
|
38
|
+
} else {
|
|
39
|
+
checkboxGroupContext.state.removeValue(combinedProps.value);
|
|
40
|
+
}
|
|
41
|
+
combinedProps.onChange?.(isSelected);
|
|
42
|
+
}
|
|
43
|
+
} : {
|
|
44
|
+
isSelected: false
|
|
45
|
+
});
|
|
46
|
+
const {
|
|
47
|
+
inputProps: groupItemInputProps
|
|
48
|
+
} = useCheckbox({
|
|
49
|
+
...combinedProps,
|
|
50
|
+
'aria-label': ariaLabel,
|
|
51
|
+
...(checkboxGroupContext && {
|
|
52
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
53
|
+
isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
|
|
54
|
+
})
|
|
55
|
+
}, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
|
|
56
|
+
const {
|
|
57
|
+
checked: isChecked,
|
|
58
|
+
disabled: isDisabled
|
|
59
|
+
} = groupItemInputProps;
|
|
60
|
+
const {
|
|
61
|
+
hoverProps,
|
|
62
|
+
isHovered
|
|
63
|
+
} = useHover({}, rootRef);
|
|
64
|
+
return {
|
|
65
|
+
combinedProps,
|
|
66
|
+
isInvalid,
|
|
67
|
+
isReadOnly,
|
|
68
|
+
isIndeterminate,
|
|
69
|
+
groupItemInputProps,
|
|
70
|
+
isChecked,
|
|
71
|
+
isDisabled,
|
|
72
|
+
isHovered,
|
|
73
|
+
hoverProps,
|
|
74
|
+
mergedRef: mergedRootRef,
|
|
75
|
+
inputRef
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=useCheckboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","isDisabled","checked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,oBAAoB,QAAQ,WAAW;AAOhD,OAAO,SAASC,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGJ,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMQ,oBAAoB,GAAGjB,UAAU,CAACO,oBAAoB,CAAC;EAE7D,MAAMW,KAAK,GAAGZ,cAAc,CAAC;IAC3B,GAAGU,aAAa;IAChBG,eAAe,EAAEV,KAAK,CAACW,gBAAgB;IACvCC,UAAU,EAAEZ,KAAK,CAACa;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGtB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMuB,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,aAAa,GAAGvB,SAAS,CAACQ,GAAG,EAASa,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGV,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACW,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAGtB,cAAc,CACrCW,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;IAC/DO,UAAU,EAAEJ,oBAAoB,CAACC,KAAK,CAACG,UAAU,CAACL,aAAa,CAACW,KAAK,CAAC;IACtEE,QAAQA,CAACR,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdJ,oBAAoB,CAACC,KAAK,CAACY,QAAQ,CAACd,aAAa,CAACW,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLV,oBAAoB,CAACC,KAAK,CAACa,WAAW,CAACf,aAAa,CAACW,KAAK,CAAC;MAC7D;MACAX,aAAa,CAACa,QAAQ,GAAGR,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEW,UAAU,EAAEC;EAAoB,CAAC,GAAG7B,WAAW,CACrD;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEU,SAAS;IACvB,IAAIT,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;MAC/DoB,UAAU,EAAElB,aAAa,CAACkB,UAAU,IAAIjB,oBAAoB,CAACC,KAAK,CAACgB;IACrE,CAAC;EACH,CAAC,EACDjB,oBAAoB,GAAGW,gBAAgB,GAAGV,KAAK,EAC9CP,kBAAkB,GAAGa,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAEY,OAAO,EAAEb,SAAS;IAAEc,QAAQ,EAAEF;EAAW,CAAC,GAAGD,mBAAmB;EAExE,MAAM;IAAEI,UAAU;IAAEC;EAAU,CAAC,GAAGjC,QAAQ,CAAC,CAAC,CAAC,EAAEkB,OAAO,CAAC;EAEvD,OAAO;IACLP,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfkB,mBAAmB;IACnBX,SAAS;IACTY,UAAU;IACVI,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
export * from './avatar';
|
|
3
4
|
export * from './button';
|
|
5
|
+
export * from './checkbox';
|
|
4
6
|
export * from './input';
|
|
5
|
-
export * from './
|
|
7
|
+
export * from './link';
|
|
6
8
|
export { OverlayInsetsProvider } from './overlay';
|
|
9
|
+
export * from './select';
|
|
10
|
+
export * from './switch';
|
|
7
11
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,
|
|
1
|
+
{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}
|
|
@@ -1,23 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { createInputField } from './createInputField';
|
|
4
|
-
import { createInputIcon } from './createInputIcon';
|
|
5
4
|
import { createInputRoot } from './createInputRoot';
|
|
6
5
|
import { createInputSlot } from './createInputSlot';
|
|
7
|
-
export
|
|
8
|
-
Root
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
Input
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
Input.Slot.displayName = 'Input.Slot';
|
|
20
|
-
Input.Field.displayName = 'Input.Field';
|
|
21
|
-
return Input;
|
|
22
|
-
};
|
|
6
|
+
export function createInput(BaseComponents) {
|
|
7
|
+
const Input = createInputRoot(BaseComponents.Root);
|
|
8
|
+
const Slot = createInputSlot(BaseComponents.Slot);
|
|
9
|
+
const Field = createInputField(BaseComponents.Field);
|
|
10
|
+
Input.displayName = 'InputPrimitive';
|
|
11
|
+
Slot.displayName = 'InputPrimitive.Slot';
|
|
12
|
+
Field.displayName = 'InputPrimitive.Field';
|
|
13
|
+
return Object.assign(Input, {
|
|
14
|
+
Slot,
|
|
15
|
+
Field
|
|
16
|
+
});
|
|
17
|
+
}
|
|
23
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createInputField","
|
|
1
|
+
{"version":3,"names":["createInputField","createInputRoot","createInputSlot","createInput","BaseComponents","Input","Root","Slot","Field","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAGJ,eAAe,CAACG,cAAc,CAACE,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAGL,eAAe,CAACE,cAAc,CAACG,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAGR,gBAAgB,CAACI,cAAc,CAACI,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCF,IAAI,CAACE,WAAW,GAAG,qBAAqB;EACxCD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BE,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const LinkConfigContext = /*#__PURE__*/createContext(undefined);
|
|
6
|
+
export function LinkProvider({
|
|
7
|
+
navigate,
|
|
8
|
+
shouldNavigate,
|
|
9
|
+
children
|
|
10
|
+
}) {
|
|
11
|
+
return /*#__PURE__*/_jsx(LinkConfigContext.Provider, {
|
|
12
|
+
value: {
|
|
13
|
+
navigate,
|
|
14
|
+
shouldNavigate
|
|
15
|
+
},
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
LinkProvider.displayName = 'LinkProvider';
|
|
20
|
+
export function useLinkConfig() {
|
|
21
|
+
return useContext(LinkConfigContext);
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=LinkProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","jsx","_jsx","LinkConfigContext","undefined","LinkProvider","navigate","shouldNavigate","children","Provider","value","displayName","useLinkConfig"],"sourceRoot":"../../../src","sources":["link/LinkProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+BlE,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAyBK,SAAS,CAAC;AAE1E,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,cAAc;EACdC;AACoC,CAAC,EAAE;EACvC,oBACEN,IAAA,CAACC,iBAAiB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEJ,QAAQ;MAAEC;IAAe,CAAE;IAAAC,QAAA,EAC7DA;EAAQ,CACiB,CAAC;AAEjC;AAEAH,YAAY,CAACM,WAAW,GAAG,cAAc;AAEzC,OAAO,SAASC,aAAaA,CAAA,EAA2B;EACtD,OAAOZ,UAAU,CAACG,iBAAiB,CAAC;AACtC","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
5
|
+
import { useFocusRing, useFocus } from '@react-native-aria/focus';
|
|
6
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { useLink } from './useLink';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const createLink = ({
|
|
11
|
+
Root
|
|
12
|
+
}) => /*#__PURE__*/forwardRef(({
|
|
13
|
+
children,
|
|
14
|
+
isHovered: isHoveredProp,
|
|
15
|
+
isPressed: isPressedProp,
|
|
16
|
+
isFocused: isFocusedProp,
|
|
17
|
+
isFocusVisible: isFocusVisibleProp,
|
|
18
|
+
href,
|
|
19
|
+
onPress,
|
|
20
|
+
action,
|
|
21
|
+
webProps,
|
|
22
|
+
...props
|
|
23
|
+
}, ref) => {
|
|
24
|
+
const {
|
|
25
|
+
isFocused,
|
|
26
|
+
focusProps
|
|
27
|
+
} = useFocus();
|
|
28
|
+
const {
|
|
29
|
+
isFocusVisible,
|
|
30
|
+
focusProps: focusRingProps
|
|
31
|
+
} = useFocusRing();
|
|
32
|
+
const {
|
|
33
|
+
pressProps,
|
|
34
|
+
isPressed
|
|
35
|
+
} = usePress({});
|
|
36
|
+
const {
|
|
37
|
+
isHovered,
|
|
38
|
+
hoverProps
|
|
39
|
+
} = useHover();
|
|
40
|
+
const {
|
|
41
|
+
linkProps
|
|
42
|
+
} = useLink({
|
|
43
|
+
href,
|
|
44
|
+
onPress,
|
|
45
|
+
action,
|
|
46
|
+
webProps
|
|
47
|
+
});
|
|
48
|
+
const interactionAttrs = dataAttributes({
|
|
49
|
+
hover: isHoveredProp || isHovered,
|
|
50
|
+
focus: isFocusedProp || isFocused,
|
|
51
|
+
active: isPressedProp || isPressed,
|
|
52
|
+
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
53
|
+
});
|
|
54
|
+
return /*#__PURE__*/_jsx(Root, {
|
|
55
|
+
ref: ref,
|
|
56
|
+
...interactionAttrs,
|
|
57
|
+
...linkProps,
|
|
58
|
+
...props,
|
|
59
|
+
onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
|
|
60
|
+
onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
|
|
61
|
+
onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
|
|
62
|
+
onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
|
|
63
|
+
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
64
|
+
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
65
|
+
children: children
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
//# sourceMappingURL=createLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","composeEventHandlers","useFocusRing","useFocus","useHover","usePress","dataAttributes","useLink","jsx","_jsx","createLink","Root","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","href","onPress","action","webProps","props","ref","focusProps","focusRingProps","pressProps","hoverProps","linkProps","interactionAttrs","hover","focus","active","focusVisible","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["link/createLink.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,YAAY,EAAEC,QAAQ,QAAQ,0BAA0B;AACjE,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,OAAO,MAAMC,UAAU,GAAGA,CAAqB;EAAEC;AAA2C,CAAC,kBAC3FX,UAAU,CACR,CACE;EACEY,QAAQ;EACRC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClCC,IAAI;EACJC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACO,CAAC,EACbC,GAA0B,KACvB;EACH,MAAM;IAAET,SAAS;IAAEU;EAAW,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEgB,cAAc;IAAEQ,UAAU,EAAEC;EAAe,CAAC,GAAG1B,YAAY,CAAC,CAGnE;EACD,MAAM;IAAE2B,UAAU;IAAEd;EAAU,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEQ,SAAS;IAAEiB;EAAW,CAAC,GAAG1B,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAE2B;EAAU,CAAC,GAAGxB,OAAO,CAAC;IAC5Bc,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMQ,gBAAgB,GAAG1B,cAAc,CAAC;IACtC2B,KAAK,EAAEnB,aAAa,IAAID,SAAS;IACjCqB,KAAK,EAAEhB,aAAa,IAAID,SAAS;IACjCkB,MAAM,EAAEnB,aAAa,IAAID,SAAS;IAClCqB,YAAY,EAAEhB,kBAAkB,IAAID;EACtC,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACE,IAAI;IACHe,GAAG,EAAEA,GAAI;IAAA,GACLM,gBAAgB;IAAA,GAChBD,SAAS;IAAA,GACRN,KAAK;IACVY,SAAS,EAAEpC,oBAAoB,CAACwB,KAAK,EAAEY,SAAS,EAAER,UAAU,CAACQ,SAAS,CAAE;IACxEC,UAAU,EAAErC,oBAAoB,CAACwB,KAAK,EAAEa,UAAU,EAAET,UAAU,CAACS,UAAU,CAAE;IAC3EC,SAAS,EAAEtC,oBAAoB,CAACwB,KAAK,EAAEc,SAAS,EAAET,UAAU,CAACS,SAAS,CAAE;IACxEC,UAAU,EAAEvC,oBAAoB,CAACwB,KAAK,EAAEe,UAAU,EAAEV,UAAU,CAACU,UAAU,CAAE;IAC3EC,OAAO,EAAExC,oBAAoB,CAC3BA,oBAAoB,CAACwB,KAAK,EAAEgB,OAAO,EAAEd,UAAU,CAACc,OAAO,CAAC,EACxDb,cAAc,CAACa,OACjB,CAAE;IACFC,MAAM,EAAEzC,oBAAoB,CAC1BA,oBAAoB,CAACwB,KAAK,EAAEiB,MAAM,EAAEf,UAAU,CAACe,MAAM,CAAC,EACtDd,cAAc,CAACc,MACjB,CAAE;IAAA9B,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createLink","LinkProvider","useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["link/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Linking, Platform } from 'react-native';
|
|
4
|
+
import { useLinkConfig } from './LinkProvider';
|
|
5
|
+
function defaultNavigate(href) {
|
|
6
|
+
Linking.canOpenURL(href).then(supported => {
|
|
7
|
+
if (supported) return Linking.openURL(href);
|
|
8
|
+
console.warn(`Cannot open URL: ${href}`);
|
|
9
|
+
}).catch(err => console.error('Failed to open URL', err));
|
|
10
|
+
}
|
|
11
|
+
export function useLink(props) {
|
|
12
|
+
const {
|
|
13
|
+
href,
|
|
14
|
+
onPress,
|
|
15
|
+
action = 'navigate',
|
|
16
|
+
webProps
|
|
17
|
+
} = props;
|
|
18
|
+
const config = useLinkConfig();
|
|
19
|
+
const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
|
|
20
|
+
let platformLinkProps = {};
|
|
21
|
+
if (Platform.OS === 'web') {
|
|
22
|
+
platformLinkProps = {
|
|
23
|
+
href: providerHandles ? undefined : href,
|
|
24
|
+
hrefAttrs: webProps,
|
|
25
|
+
onPress: event => {
|
|
26
|
+
onPress?.(event);
|
|
27
|
+
if (providerHandles) void config.navigate(href, action);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
} else {
|
|
31
|
+
platformLinkProps = {
|
|
32
|
+
onPress: event => {
|
|
33
|
+
onPress?.(event);
|
|
34
|
+
if (href) {
|
|
35
|
+
if (providerHandles) {
|
|
36
|
+
void config.navigate(href, action);
|
|
37
|
+
} else {
|
|
38
|
+
defaultNavigate(href);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
linkProps: {
|
|
46
|
+
...platformLinkProps,
|
|
47
|
+
role: 'link',
|
|
48
|
+
accessible: true
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=useLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Linking","Platform","useLinkConfig","defaultNavigate","href","canOpenURL","then","supported","openURL","console","warn","catch","err","error","useLink","props","onPress","action","webProps","config","providerHandles","shouldNavigate","platformLinkProps","OS","undefined","hrefAttrs","event","navigate","linkProps","role","accessible"],"sourceRoot":"../../../src","sources":["link/useLink.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,cAAc;AAEhD,SAASC,aAAa,QAAQ,gBAAgB;AAG9C,SAASC,eAAeA,CAACC,IAAY,EAAQ;EAC3CJ,OAAO,CAACK,UAAU,CAACD,IAAI,CAAC,CACrBE,IAAI,CAAEC,SAAS,IAAK;IACnB,IAAIA,SAAS,EAAE,OAAOP,OAAO,CAACQ,OAAO,CAACJ,IAAI,CAAC;IAC3CK,OAAO,CAACC,IAAI,CAAC,oBAAoBN,IAAI,EAAE,CAAC;EAC1C,CAAC,CAAC,CACDO,KAAK,CAAEC,GAAY,IAAKH,OAAO,CAACI,KAAK,CAAC,oBAAoB,EAAED,GAAG,CAAC,CAAC;AACtE;AAEA,OAAO,SAASE,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEX,IAAI;IAAEY,OAAO;IAAEC,MAAM,GAAG,UAAU;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC9D,MAAMI,MAAM,GAAGjB,aAAa,CAAC,CAAC;EAE9B,MAAMkB,eAAe,GAAG,CAAC,CAACD,MAAM,IAAI,CAAC,CAACf,IAAI,KAAKe,MAAM,CAACE,cAAc,GAAGjB,IAAI,CAAC,IAAI,IAAI,CAAC;EAErF,IAAIkB,iBAAiB,GAAG,CAAC,CAAC;EAE1B,IAAIrB,QAAQ,CAACsB,EAAE,KAAK,KAAK,EAAE;IACzBD,iBAAiB,GAAG;MAClBlB,IAAI,EAAEgB,eAAe,GAAGI,SAAS,GAAGpB,IAAI;MACxCqB,SAAS,EAAEP,QAAQ;MACnBF,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAIN,eAAe,EAAE,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;MACzD;IACF,CAAC;EACH,CAAC,MAAM;IACLK,iBAAiB,GAAG;MAClBN,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAItB,IAAI,EAAE;UACR,IAAIgB,eAAe,EAAE;YACnB,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;UACpC,CAAC,MAAM;YACLd,eAAe,CAACC,IAAI,CAAC;UACvB;QACF;MACF;IACF,CAAC;EACH;EAEA,OAAO;IACLwB,SAAS,EAAE;MACT,GAAGN,iBAAiB;MACpBO,IAAI,EAAE,MAA2B;MACjCC,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { Modal, Platform, Pressable, StyleSheet } from 'react-native';
|
|
3
|
+
import { Modal, Platform, Pressable, StyleSheet, View } from 'react-native';
|
|
4
4
|
import Animated from 'react-native-reanimated';
|
|
5
5
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
6
|
let createPortalFn;
|
|
@@ -13,7 +13,11 @@ if (Platform.OS === 'web') {
|
|
|
13
13
|
* Cross-platform overlay container.
|
|
14
14
|
*
|
|
15
15
|
* - Web: renders children into a `createPortal` at `document.body` with
|
|
16
|
-
* `position: fixed` and `zIndex: 50`.
|
|
16
|
+
* `position: fixed` and `zIndex: 50`. Uses a plain `View` rather than
|
|
17
|
+
* Reanimated's `Animated.View` because Reanimated's layout animations
|
|
18
|
+
* (`entering`/`exiting`) rely on `require()` calls that break silently
|
|
19
|
+
* in Vite production bundles, leaving elements stuck at opacity 0.
|
|
20
|
+
* See: https://github.com/software-mansion/react-native-reanimated/issues/6775
|
|
17
21
|
* - Native: renders children inside a transparent `<Modal>` with a
|
|
18
22
|
* backdrop `<Pressable>` that calls `onDismiss` on press.
|
|
19
23
|
*
|
|
@@ -28,9 +32,7 @@ export function OverlayContainer({
|
|
|
28
32
|
children
|
|
29
33
|
}) {
|
|
30
34
|
if (Platform.OS === 'web' && createPortalFn) {
|
|
31
|
-
return createPortalFn(/*#__PURE__*/_jsx(
|
|
32
|
-
entering: entering,
|
|
33
|
-
exiting: exiting,
|
|
35
|
+
return createPortalFn(/*#__PURE__*/_jsx(View, {
|
|
34
36
|
style: [{
|
|
35
37
|
position: 'fixed',
|
|
36
38
|
zIndex: 50
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Modal","Platform","Pressable","StyleSheet","Animated","jsx","_jsx","jsxs","_jsxs","createPortalFn","OS","require","createPortal","OverlayContainer","onDismiss","entering","exiting","style","children","
|
|
1
|
+
{"version":3,"names":["Modal","Platform","Pressable","StyleSheet","View","Animated","jsx","_jsx","jsxs","_jsxs","createPortalFn","OS","require","createPortal","OverlayContainer","onDismiss","entering","exiting","style","children","position","zIndex","document","body","visible","transparent","animationType","statusBarTranslucent","onRequestClose","absoluteFill","onPress","accessible","importantForAccessibility"],"sourceRoot":"../../../src","sources":["overlay/OverlayContainer.tsx"],"mappings":";;AACA,SACEA,KAAK,EACLC,QAAQ,EACRC,SAAS,EAETC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,OAAOC,QAAQ,MAAsC,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/E,IAAIC,cAES;AACb,IAAIT,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;EACzB,IAAI;IACFD,cAAc,GAAGE,OAAO,CAAC,WAAW,CAAC,CAACC,YAAY;EACpD,CAAC,CAAC,MAAM,CAAC;AACX;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AAC+B,CAAC,EAAE;EAClC,IAAIlB,QAAQ,CAACU,EAAE,KAAK,KAAK,IAAID,cAAc,EAAE;IAC3C,OAAOA,cAAc,cACnBH,IAAA,CAACH,IAAI;MAACc,KAAK,EAAE,CAAC;QAAEE,QAAQ,EAAE,OAAc;QAAEC,MAAM,EAAE;MAAG,CAAC,EAAEH,KAAK,CAAE;MAAAC,QAAA,EAAEA;IAAQ,CAAO,CAAC,EACjFG,QAAQ,CAACC,IACX,CAAC;EACH;EAEA,oBACEd,KAAA,CAACT,KAAK;IAACwB,OAAO;IAACC,WAAW;IAACC,aAAa,EAAC,MAAM;IAACC,oBAAoB;IAACC,cAAc,EAAEb,SAAU;IAAAI,QAAA,gBAC7FZ,IAAA,CAACL,SAAS;MACRgB,KAAK,EAAEf,UAAU,CAAC0B,YAAa;MAC/BC,OAAO,EAAEf,SAAU;MACnBgB,UAAU,EAAE,KAAM;MAClBC,yBAAyB,EAAC;IAAqB,CAChD,CAAC,eACFzB,IAAA,CAACF,QAAQ,CAACD,IAAI;MACZY,QAAQ,EAAEA,QAAS;MACnBC,OAAO,EAAEA,OAAQ;MACjBC,KAAK,EAAE,CAAC;QAAEE,QAAQ,EAAE;MAAW,CAAC,EAAEF,KAAK,CAAE;MAAAC,QAAA,EAExCA;IAAQ,CACI,CAAC;EAAA,CACX,CAAC;AAEZ","ignoreList":[]}
|
|
@@ -1,56 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createContext
|
|
4
|
-
const
|
|
5
|
-
open: false,
|
|
6
|
-
items: [],
|
|
7
|
-
setOpen: () => {},
|
|
8
|
-
value: undefined,
|
|
9
|
-
onValueChange: () => {},
|
|
10
|
-
disabled: false,
|
|
11
|
-
required: false,
|
|
12
|
-
invalid: false,
|
|
13
|
-
readOnly: false,
|
|
14
|
-
native: false,
|
|
15
|
-
triggerRef: {
|
|
16
|
-
current: null
|
|
17
|
-
},
|
|
18
|
-
contentId: '',
|
|
19
|
-
triggerId: '',
|
|
20
|
-
activeValue: undefined,
|
|
21
|
-
setActiveValue: () => {},
|
|
22
|
-
// TODO: Is this needed? At the very least it could be moved to SelectContent
|
|
23
|
-
accessibilityLabel: undefined
|
|
24
|
-
};
|
|
25
|
-
export const SelectContext = /*#__PURE__*/createContext(defaultContextValue);
|
|
26
|
-
export const useSelectContext = () => useContext(SelectContext);
|
|
3
|
+
import { createContext } from '@cdx-ui/utils';
|
|
4
|
+
export const [SelectProvider, useSelectContext] = createContext('SelectContext');
|
|
27
5
|
|
|
28
6
|
/**
|
|
29
7
|
* Propagates the trigger's interaction state (hover, focus, active, etc.) to
|
|
30
8
|
* child components like SelectValue and SelectIcon so they can apply matching
|
|
31
9
|
* data-attribute styles.
|
|
32
10
|
*/
|
|
33
|
-
export const
|
|
34
|
-
hover: false,
|
|
35
|
-
focus: false,
|
|
36
|
-
active: false,
|
|
37
|
-
disabled: false,
|
|
38
|
-
focusVisible: false
|
|
39
|
-
});
|
|
40
|
-
export const useSelectTriggerContext = () => useContext(SelectTriggerContext);
|
|
11
|
+
export const [SelectTriggerProvider, useSelectTriggerContext] = createContext('SelectTriggerContext');
|
|
41
12
|
|
|
42
13
|
/**
|
|
43
14
|
* Propagates the item's interaction and selection state (hover, focus, active,
|
|
44
15
|
* highlighted, checked, etc.) to child components like SelectItemLabel.
|
|
45
16
|
*/
|
|
46
|
-
export const
|
|
47
|
-
hover: false,
|
|
48
|
-
focus: false,
|
|
49
|
-
active: false,
|
|
50
|
-
disabled: false,
|
|
51
|
-
focusVisible: false,
|
|
52
|
-
highlighted: false,
|
|
53
|
-
checked: false
|
|
54
|
-
});
|
|
55
|
-
export const useSelectItemContext = () => useContext(SelectItemContext);
|
|
17
|
+
export const [SelectItemProvider, useSelectItemContext] = createContext('SelectItemContext');
|
|
56
18
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","
|
|
1
|
+
{"version":3,"names":["createContext","SelectProvider","useSelectContext","SelectTriggerProvider","useSelectTriggerContext","SelectItemProvider","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7CF,aAAa,CAAqB,eAAe,CAAC;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACG,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3DJ,aAAa,CAAmB,sBAAsB,CAAC;;AAEzD;AACA;AACA;AACA;AACA,OAAO,MAAM,CAACK,kBAAkB,EAAEC,oBAAoB,CAAC,GACrDN,aAAa,CAA6B,mBAAmB,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ import { composeEventHandlers } from '@cdx-ui/utils';
|
|
|
5
5
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
6
6
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
7
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
-
import {
|
|
8
|
+
import { SelectItemProvider, useSelectContext } from './context';
|
|
9
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
10
|
export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
|
|
11
11
|
children,
|
|
@@ -62,7 +62,7 @@ export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
|
|
|
62
62
|
highlighted,
|
|
63
63
|
checked
|
|
64
64
|
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
|
|
65
|
-
return /*#__PURE__*/_jsx(
|
|
65
|
+
return /*#__PURE__*/_jsx(SelectItemProvider, {
|
|
66
66
|
value: interactionState,
|
|
67
67
|
children: /*#__PURE__*/_jsx(BaseItem, {
|
|
68
68
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectItemProvider","useSelectContext","jsx","_jsx","createSelectItem","BaseItem","children","value","itemValue","disabled","disabledProp","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","selectedValue","onValueChange","setOpen","activeValue","contentId","contextDisabled","checked","highlighted","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","interactionState","hover","focus","active","focusVisible","role","id","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { useControllableState, useFormControl } from '@cdx-ui/utils';
|
|
5
5
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
-
import {
|
|
6
|
+
import { SelectProvider } from './context';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
|
|
9
9
|
children,
|
|
@@ -75,7 +75,7 @@ export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
|
|
|
75
75
|
setActiveValue,
|
|
76
76
|
accessibilityLabel
|
|
77
77
|
}), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel]);
|
|
78
|
-
return /*#__PURE__*/_jsx(
|
|
78
|
+
return /*#__PURE__*/_jsx(SelectProvider, {
|
|
79
79
|
value: contextValue,
|
|
80
80
|
children: /*#__PURE__*/_jsx(BaseRoot, {
|
|
81
81
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","useControllableState","useFormControl","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","useControllableState","useFormControl","dataAttributes","SelectProvider","jsx","_jsx","createSelectRoot","BaseRoot","children","items","value","valueProp","defaultValue","onValueChange","open","openProp","defaultOpen","onOpenChange","disabled","isRequired","isInvalid","isReadOnly","native","accessibilityLabel","props","ref","formControlProps","isDisabled","isEffectivelyDisabled","isEffectivelyRequired","required","isEffectivelyInvalid","isEffectivelyReadOnly","readOnly","setValue","prop","defaultProp","onChange","newValue","undefined","setOpenState","setOpen","newOpen","activeValue","setActiveValue","triggerRef","id","triggerId","contentId","contextValue","invalid","slot","readonly"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
|
6
6
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
7
7
|
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
8
8
|
import { dataAttributes } from '../utils/dataAttributes';
|
|
9
|
-
import {
|
|
9
|
+
import { SelectTriggerProvider, useSelectContext } from './context';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
11
|
export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
12
12
|
children,
|
|
@@ -84,7 +84,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
84
84
|
const webKeyboardProps = Platform.OS === 'web' ? {
|
|
85
85
|
onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
|
|
86
86
|
} : {};
|
|
87
|
-
return /*#__PURE__*/_jsx(
|
|
87
|
+
return /*#__PURE__*/_jsx(SelectTriggerProvider, {
|
|
88
88
|
value: interactionState,
|
|
89
89
|
children: /*#__PURE__*/_jsx(BaseTrigger, {
|
|
90
90
|
ref: mergedRef,
|
|
@@ -120,13 +120,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
120
120
|
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
121
121
|
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
122
122
|
...webKeyboardProps,
|
|
123
|
-
children: typeof children === 'function' ? children(
|
|
124
|
-
hovered: interactionState.hover,
|
|
125
|
-
focused: interactionState.focus,
|
|
126
|
-
pressed: interactionState.active,
|
|
127
|
-
disabled: interactionState.disabled,
|
|
128
|
-
focusVisible: interactionState.focusVisible
|
|
129
|
-
}) : children
|
|
123
|
+
children: typeof children === 'function' ? children(interactionState) : children
|
|
130
124
|
})
|
|
131
125
|
});
|
|
132
126
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useMemo","Platform","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","dataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","Platform","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","e","type","key","handleKeyDown","preventDefault","interactionState","hover","focus","active","focusVisible","mergedRef","webKeyboardProps","OS","onKeyDown","value","role","undefined","id","readonly","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|