@cdx-ui/primitives 0.0.1-alpha.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/README.md +17 -0
- package/lib/commonjs/button/context.js +11 -0
- package/lib/commonjs/button/context.js.map +1 -0
- package/lib/commonjs/button/createButtonGroup.js +80 -0
- package/lib/commonjs/button/createButtonGroup.js.map +1 -0
- package/lib/commonjs/button/createButtonIcon.js +18 -0
- package/lib/commonjs/button/createButtonIcon.js.map +1 -0
- package/lib/commonjs/button/createButtonRoot.js +81 -0
- package/lib/commonjs/button/createButtonRoot.js.map +1 -0
- package/lib/commonjs/button/createButtonSpinner.js +34 -0
- package/lib/commonjs/button/createButtonSpinner.js.map +1 -0
- package/lib/commonjs/button/createButtonText.js +38 -0
- package/lib/commonjs/button/createButtonText.js.map +1 -0
- package/lib/commonjs/button/index.js +31 -0
- package/lib/commonjs/button/index.js.map +1 -0
- package/lib/commonjs/button/types.js +6 -0
- package/lib/commonjs/button/types.js.map +1 -0
- package/lib/commonjs/index.js +52 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/input/context.js +11 -0
- package/lib/commonjs/input/context.js.map +1 -0
- package/lib/commonjs/input/createInputField.js +90 -0
- package/lib/commonjs/input/createInputField.js.map +1 -0
- package/lib/commonjs/input/createInputIcon.js +20 -0
- package/lib/commonjs/input/createInputIcon.js.map +1 -0
- package/lib/commonjs/input/createInputRoot.js +82 -0
- package/lib/commonjs/input/createInputRoot.js.map +1 -0
- package/lib/commonjs/input/createInputSlot.js +44 -0
- package/lib/commonjs/input/createInputSlot.js.map +1 -0
- package/lib/commonjs/input/index.js +28 -0
- package/lib/commonjs/input/index.js.map +1 -0
- package/lib/commonjs/input/types.js +6 -0
- package/lib/commonjs/input/types.js.map +1 -0
- package/lib/commonjs/overlay/OverlayContainer.js +67 -0
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -0
- package/lib/commonjs/overlay/index.js +40 -0
- package/lib/commonjs/overlay/index.js.map +1 -0
- package/lib/commonjs/overlay/useAnchorPosition.js +68 -0
- package/lib/commonjs/overlay/useAnchorPosition.js.map +1 -0
- package/lib/commonjs/overlay/useDismissOverlay.js +14 -0
- package/lib/commonjs/overlay/useDismissOverlay.js.map +1 -0
- package/lib/commonjs/overlay/useDismissOverlay.web.js +46 -0
- package/lib/commonjs/overlay/useDismissOverlay.web.js.map +1 -0
- package/lib/commonjs/overlay/useOverlayPosition.js +93 -0
- package/lib/commonjs/overlay/useOverlayPosition.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/select/context.js +63 -0
- package/lib/commonjs/select/context.js.map +1 -0
- package/lib/commonjs/select/createSelectContent.js +102 -0
- package/lib/commonjs/select/createSelectContent.js.map +1 -0
- package/lib/commonjs/select/createSelectIcon.js +41 -0
- package/lib/commonjs/select/createSelectIcon.js.map +1 -0
- package/lib/commonjs/select/createSelectItem.js +101 -0
- package/lib/commonjs/select/createSelectItem.js.map +1 -0
- package/lib/commonjs/select/createSelectItemLabel.js +41 -0
- package/lib/commonjs/select/createSelectItemLabel.js.map +1 -0
- package/lib/commonjs/select/createSelectRoot.js +99 -0
- package/lib/commonjs/select/createSelectRoot.js.map +1 -0
- package/lib/commonjs/select/createSelectTrigger.js +138 -0
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -0
- package/lib/commonjs/select/createSelectValue.js +53 -0
- package/lib/commonjs/select/createSelectValue.js.map +1 -0
- package/lib/commonjs/select/index.js +38 -0
- package/lib/commonjs/select/index.js.map +1 -0
- package/lib/commonjs/select/types.js +6 -0
- package/lib/commonjs/select/types.js.map +1 -0
- package/lib/commonjs/select/useContentFocus.js +47 -0
- package/lib/commonjs/select/useContentFocus.js.map +1 -0
- package/lib/commonjs/select/useListboxNavigation.js +83 -0
- package/lib/commonjs/select/useListboxNavigation.js.map +1 -0
- package/lib/commonjs/uniwind.d.js +2 -0
- package/lib/commonjs/uniwind.d.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.js +32 -0
- package/lib/commonjs/utils/dataAttributes.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.web.js +31 -0
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -0
- package/lib/module/button/context.js +5 -0
- package/lib/module/button/context.js.map +1 -0
- package/lib/module/button/createButtonGroup.js +74 -0
- package/lib/module/button/createButtonGroup.js.map +1 -0
- package/lib/module/button/createButtonIcon.js +13 -0
- package/lib/module/button/createButtonIcon.js.map +1 -0
- package/lib/module/button/createButtonRoot.js +76 -0
- package/lib/module/button/createButtonRoot.js.map +1 -0
- package/lib/module/button/createButtonSpinner.js +29 -0
- package/lib/module/button/createButtonSpinner.js.map +1 -0
- package/lib/module/button/createButtonText.js +33 -0
- package/lib/module/button/createButtonText.js.map +1 -0
- package/lib/module/button/index.js +27 -0
- package/lib/module/button/index.js.map +1 -0
- package/lib/module/button/types.js +4 -0
- package/lib/module/button/types.js.map +1 -0
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/input/context.js +5 -0
- package/lib/module/input/context.js.map +1 -0
- package/lib/module/input/createInputField.js +85 -0
- package/lib/module/input/createInputField.js.map +1 -0
- package/lib/module/input/createInputIcon.js +15 -0
- package/lib/module/input/createInputIcon.js.map +1 -0
- package/lib/module/input/createInputRoot.js +76 -0
- package/lib/module/input/createInputRoot.js.map +1 -0
- package/lib/module/input/createInputSlot.js +39 -0
- package/lib/module/input/createInputSlot.js.map +1 -0
- package/lib/module/input/index.js +23 -0
- package/lib/module/input/index.js.map +1 -0
- package/lib/module/input/types.js +4 -0
- package/lib/module/input/types.js.map +1 -0
- package/lib/module/overlay/OverlayContainer.js +62 -0
- package/lib/module/overlay/OverlayContainer.js.map +1 -0
- package/lib/module/overlay/index.js +7 -0
- package/lib/module/overlay/index.js.map +1 -0
- package/lib/module/overlay/useAnchorPosition.js +64 -0
- package/lib/module/overlay/useAnchorPosition.js.map +1 -0
- package/lib/module/overlay/useDismissOverlay.js +10 -0
- package/lib/module/overlay/useDismissOverlay.js.map +1 -0
- package/lib/module/overlay/useDismissOverlay.web.js +43 -0
- package/lib/module/overlay/useDismissOverlay.web.js.map +1 -0
- package/lib/module/overlay/useOverlayPosition.js +88 -0
- package/lib/module/overlay/useOverlayPosition.js.map +1 -0
- package/lib/module/select/context.js +56 -0
- package/lib/module/select/context.js.map +1 -0
- package/lib/module/select/createSelectContent.js +97 -0
- package/lib/module/select/createSelectContent.js.map +1 -0
- package/lib/module/select/createSelectIcon.js +36 -0
- package/lib/module/select/createSelectIcon.js.map +1 -0
- package/lib/module/select/createSelectItem.js +96 -0
- package/lib/module/select/createSelectItem.js.map +1 -0
- package/lib/module/select/createSelectItemLabel.js +36 -0
- package/lib/module/select/createSelectItemLabel.js.map +1 -0
- package/lib/module/select/createSelectRoot.js +94 -0
- package/lib/module/select/createSelectRoot.js.map +1 -0
- package/lib/module/select/createSelectTrigger.js +133 -0
- package/lib/module/select/createSelectTrigger.js.map +1 -0
- package/lib/module/select/createSelectValue.js +48 -0
- package/lib/module/select/createSelectValue.js.map +1 -0
- package/lib/module/select/index.js +34 -0
- package/lib/module/select/index.js.map +1 -0
- package/lib/module/select/types.js +4 -0
- package/lib/module/select/types.js.map +1 -0
- package/lib/module/select/useContentFocus.js +44 -0
- package/lib/module/select/useContentFocus.js.map +1 -0
- package/lib/module/select/useListboxNavigation.js +80 -0
- package/lib/module/select/useListboxNavigation.js.map +1 -0
- package/lib/module/uniwind.d.js +2 -0
- package/lib/module/uniwind.d.js.map +1 -0
- package/lib/module/utils/dataAttributes.js +28 -0
- package/lib/module/utils/dataAttributes.js.map +1 -0
- package/lib/module/utils/dataAttributes.web.js +27 -0
- package/lib/module/utils/dataAttributes.web.js.map +1 -0
- package/lib/typescript/button/context.d.ts +6 -0
- package/lib/typescript/button/context.d.ts.map +1 -0
- package/lib/typescript/button/createButtonGroup.d.ts +4 -0
- package/lib/typescript/button/createButtonGroup.d.ts.map +1 -0
- package/lib/typescript/button/createButtonIcon.d.ts +2 -0
- package/lib/typescript/button/createButtonIcon.d.ts.map +1 -0
- package/lib/typescript/button/createButtonRoot.d.ts +6 -0
- package/lib/typescript/button/createButtonRoot.d.ts.map +1 -0
- package/lib/typescript/button/createButtonSpinner.d.ts +4 -0
- package/lib/typescript/button/createButtonSpinner.d.ts.map +1 -0
- package/lib/typescript/button/createButtonText.d.ts +4 -0
- package/lib/typescript/button/createButtonText.d.ts.map +1 -0
- package/lib/typescript/button/index.d.ts +11 -0
- package/lib/typescript/button/index.d.ts.map +1 -0
- package/lib/typescript/button/types.d.ts +65 -0
- package/lib/typescript/button/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +5 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/input/context.d.ts +6 -0
- package/lib/typescript/input/context.d.ts.map +1 -0
- package/lib/typescript/input/createInputField.d.ts +4 -0
- package/lib/typescript/input/createInputField.d.ts.map +1 -0
- package/lib/typescript/input/createInputIcon.d.ts +4 -0
- package/lib/typescript/input/createInputIcon.d.ts.map +1 -0
- package/lib/typescript/input/createInputRoot.d.ts +4 -0
- package/lib/typescript/input/createInputRoot.d.ts.map +1 -0
- package/lib/typescript/input/createInputSlot.d.ts +4 -0
- package/lib/typescript/input/createInputSlot.d.ts.map +1 -0
- package/lib/typescript/input/index.d.ts +9 -0
- package/lib/typescript/input/index.d.ts.map +1 -0
- package/lib/typescript/input/types.d.ts +91 -0
- package/lib/typescript/input/types.d.ts.map +1 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts +23 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -0
- package/lib/typescript/overlay/index.d.ts +6 -0
- package/lib/typescript/overlay/index.d.ts.map +1 -0
- package/lib/typescript/overlay/useAnchorPosition.d.ts +15 -0
- package/lib/typescript/overlay/useAnchorPosition.d.ts.map +1 -0
- package/lib/typescript/overlay/useDismissOverlay.d.ts +7 -0
- package/lib/typescript/overlay/useDismissOverlay.d.ts.map +1 -0
- package/lib/typescript/overlay/useDismissOverlay.web.d.ts +8 -0
- package/lib/typescript/overlay/useDismissOverlay.web.d.ts.map +1 -0
- package/lib/typescript/overlay/useOverlayPosition.d.ts +45 -0
- package/lib/typescript/overlay/useOverlayPosition.d.ts.map +1 -0
- package/lib/typescript/select/context.d.ts +17 -0
- package/lib/typescript/select/context.d.ts.map +1 -0
- package/lib/typescript/select/createSelectContent.d.ts +4 -0
- package/lib/typescript/select/createSelectContent.d.ts.map +1 -0
- package/lib/typescript/select/createSelectIcon.d.ts +2 -0
- package/lib/typescript/select/createSelectIcon.d.ts.map +1 -0
- package/lib/typescript/select/createSelectItem.d.ts +6 -0
- package/lib/typescript/select/createSelectItem.d.ts.map +1 -0
- package/lib/typescript/select/createSelectItemLabel.d.ts +4 -0
- package/lib/typescript/select/createSelectItemLabel.d.ts.map +1 -0
- package/lib/typescript/select/createSelectRoot.d.ts +4 -0
- package/lib/typescript/select/createSelectRoot.d.ts.map +1 -0
- package/lib/typescript/select/createSelectTrigger.d.ts +12 -0
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -0
- package/lib/typescript/select/createSelectValue.d.ts +4 -0
- package/lib/typescript/select/createSelectValue.d.ts.map +1 -0
- package/lib/typescript/select/index.d.ts +13 -0
- package/lib/typescript/select/index.d.ts.map +1 -0
- package/lib/typescript/select/types.d.ts +96 -0
- package/lib/typescript/select/types.d.ts.map +1 -0
- package/lib/typescript/select/useContentFocus.d.ts +19 -0
- package/lib/typescript/select/useContentFocus.d.ts.map +1 -0
- package/lib/typescript/select/useListboxNavigation.d.ts +13 -0
- package/lib/typescript/select/useListboxNavigation.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.d.ts +14 -0
- package/lib/typescript/utils/dataAttributes.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts +16 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -0
- package/package.json +78 -0
- package/src/button/context.tsx +4 -0
- package/src/button/createButtonGroup.tsx +88 -0
- package/src/button/createButtonIcon.tsx +8 -0
- package/src/button/createButtonRoot.tsx +101 -0
- package/src/button/createButtonSpinner.tsx +20 -0
- package/src/button/createButtonText.tsx +22 -0
- package/src/button/index.tsx +53 -0
- package/src/button/types.ts +85 -0
- package/src/index.ts +4 -0
- package/src/input/context.tsx +4 -0
- package/src/input/createInputField.tsx +104 -0
- package/src/input/createInputIcon.tsx +12 -0
- package/src/input/createInputRoot.tsx +92 -0
- package/src/input/createInputSlot.tsx +39 -0
- package/src/input/index.tsx +51 -0
- package/src/input/types.ts +113 -0
- package/src/overlay/OverlayContainer.tsx +77 -0
- package/src/overlay/index.ts +10 -0
- package/src/overlay/useAnchorPosition.ts +72 -0
- package/src/overlay/useDismissOverlay.ts +14 -0
- package/src/overlay/useDismissOverlay.web.ts +51 -0
- package/src/overlay/useOverlayPosition.ts +96 -0
- package/src/select/context.tsx +56 -0
- package/src/select/createSelectContent.tsx +115 -0
- package/src/select/createSelectIcon.tsx +27 -0
- package/src/select/createSelectItem.tsx +121 -0
- package/src/select/createSelectItemLabel.tsx +30 -0
- package/src/select/createSelectRoot.tsx +130 -0
- package/src/select/createSelectTrigger.tsx +192 -0
- package/src/select/createSelectValue.tsx +38 -0
- package/src/select/index.tsx +73 -0
- package/src/select/types.ts +131 -0
- package/src/select/useContentFocus.ts +54 -0
- package/src/select/useListboxNavigation.ts +85 -0
- package/src/uniwind.d.ts +3 -0
- package/src/utils/dataAttributes.ts +28 -0
- package/src/utils/dataAttributes.web.ts +26 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","defaultContextValue","open","items","setOpen","value","undefined","onValueChange","disabled","required","invalid","readOnly","native","triggerRef","current","contentId","triggerId","activeValue","setActiveValue","accessibilityLabel","SelectContext","useSelectContext","SelectTriggerContext","hover","focus","active","focusVisible","useSelectTriggerContext","SelectItemContext","highlighted","checked","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAGjD,MAAMC,mBAAuC,GAAG;EAC9CC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,KAAK,EAAEC,SAAS;EAChBC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC;EAC7BC,SAAS,EAAE,EAAE;EACbC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAEX,SAAS;EACtBY,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EAAE;EAC1BC,kBAAkB,EAAEb;AACtB,CAAC;AAED,OAAO,MAAMc,aAAa,gBAAGrB,aAAa,CAAqBE,mBAAmB,CAAC;AAEnF,OAAO,MAAMoB,gBAAgB,GAAGA,CAAA,KAAMrB,UAAU,CAACoB,aAAa,CAAC;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,oBAAoB,gBAAGvB,aAAa,CAAmB;EAClEwB,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbjB,QAAQ,EAAE,KAAK;EACfkB,YAAY,EAAE;AAChB,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM3B,UAAU,CAACsB,oBAAoB,CAAC;;AAE7E;AACA;AACA;AACA;AACA,OAAO,MAAMM,iBAAiB,gBAAG7B,aAAa,CAA6B;EACzEwB,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbjB,QAAQ,EAAE,KAAK;EACfkB,YAAY,EAAE,KAAK;EACnBG,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM/B,UAAU,CAAC4B,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useRef } from 'react';
|
|
4
|
+
import { Platform, ScrollView } from 'react-native';
|
|
5
|
+
import { FadeIn, FadeOut } from 'react-native-reanimated';
|
|
6
|
+
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
7
|
+
import { OverlayContainer, useAnchorPosition, useDismissOverlay, useOverlayPosition } from '../overlay';
|
|
8
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
9
|
+
import { useSelectContext } from './context';
|
|
10
|
+
import { useContentFocus } from './useContentFocus';
|
|
11
|
+
import { useListboxNavigation } from './useListboxNavigation';
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export const createSelectContent = BaseContent => /*#__PURE__*/forwardRef(({
|
|
14
|
+
children,
|
|
15
|
+
enteringAnimation,
|
|
16
|
+
exitingAnimation,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const {
|
|
20
|
+
open,
|
|
21
|
+
setOpen,
|
|
22
|
+
contentId,
|
|
23
|
+
triggerId,
|
|
24
|
+
activeValue,
|
|
25
|
+
setActiveValue,
|
|
26
|
+
value,
|
|
27
|
+
onValueChange,
|
|
28
|
+
native,
|
|
29
|
+
triggerRef,
|
|
30
|
+
items
|
|
31
|
+
} = useSelectContext();
|
|
32
|
+
const contentRef = useRef(null);
|
|
33
|
+
const focusOnMount = useCallback(node => {
|
|
34
|
+
contentRef.current = node;
|
|
35
|
+
if (node && Platform.OS === 'web') {
|
|
36
|
+
requestAnimationFrame(() => {
|
|
37
|
+
setTimeout(() => {
|
|
38
|
+
node.focus?.();
|
|
39
|
+
}, 100);
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, []);
|
|
43
|
+
const mergedRef = mergeRefs(ref, focusOnMount);
|
|
44
|
+
const dismiss = () => setOpen(false);
|
|
45
|
+
const anchorLayout = useAnchorPosition(triggerRef, open);
|
|
46
|
+
const position = useOverlayPosition(anchorLayout);
|
|
47
|
+
useDismissOverlay(open, contentRef, [triggerRef], dismiss);
|
|
48
|
+
const {
|
|
49
|
+
handleKeyDown
|
|
50
|
+
} = useListboxNavigation({
|
|
51
|
+
items,
|
|
52
|
+
activeValue,
|
|
53
|
+
setActiveValue,
|
|
54
|
+
onSelect: val => {
|
|
55
|
+
onValueChange(val);
|
|
56
|
+
setOpen(false);
|
|
57
|
+
},
|
|
58
|
+
onDismiss: dismiss
|
|
59
|
+
});
|
|
60
|
+
useContentFocus({
|
|
61
|
+
open,
|
|
62
|
+
triggerRef,
|
|
63
|
+
items,
|
|
64
|
+
value,
|
|
65
|
+
setActiveValue
|
|
66
|
+
});
|
|
67
|
+
if (native || !open || !position) {
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
70
|
+
const webProps = Platform.OS === 'web' ? {
|
|
71
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown),
|
|
72
|
+
tabIndex: -1
|
|
73
|
+
} : {};
|
|
74
|
+
return /*#__PURE__*/_jsx(OverlayContainer, {
|
|
75
|
+
onDismiss: dismiss,
|
|
76
|
+
entering: enteringAnimation ?? FadeIn.duration(150),
|
|
77
|
+
exiting: exitingAnimation ?? FadeOut.duration(100),
|
|
78
|
+
style: position.style,
|
|
79
|
+
children: /*#__PURE__*/_jsx(BaseContent, {
|
|
80
|
+
ref: mergedRef,
|
|
81
|
+
role: "listbox",
|
|
82
|
+
id: contentId,
|
|
83
|
+
"aria-labelledby": triggerId,
|
|
84
|
+
...dataAttributes({
|
|
85
|
+
state: 'open',
|
|
86
|
+
slot: 'select-content'
|
|
87
|
+
}),
|
|
88
|
+
...props,
|
|
89
|
+
...webProps,
|
|
90
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
91
|
+
scrollEventThrottle: 16,
|
|
92
|
+
children: children
|
|
93
|
+
})
|
|
94
|
+
})
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
//# sourceMappingURL=createSelectContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useRef","Platform","ScrollView","FadeIn","FadeOut","composeEventHandlers","mergeRefs","OverlayContainer","useAnchorPosition","useDismissOverlay","useOverlayPosition","dataAttributes","useSelectContext","useContentFocus","useListboxNavigation","jsx","_jsx","createSelectContent","BaseContent","children","enteringAnimation","exitingAnimation","props","ref","open","setOpen","contentId","triggerId","activeValue","setActiveValue","value","onValueChange","native","triggerRef","items","contentRef","focusOnMount","node","current","OS","requestAnimationFrame","setTimeout","focus","mergedRef","dismiss","anchorLayout","position","handleKeyDown","onSelect","val","onDismiss","webProps","onKeyDown","tabIndex","entering","duration","exiting","style","role","id","state","slot","scrollEventThrottle"],"sourceRoot":"../../../src","sources":["select/createSelectContent.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useSelectContext, useSelectTriggerContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const createSelectIcon = BaseIcon => /*#__PURE__*/forwardRef((props, ref) => {
|
|
8
|
+
const {
|
|
9
|
+
hover,
|
|
10
|
+
focus,
|
|
11
|
+
active,
|
|
12
|
+
disabled,
|
|
13
|
+
focusVisible
|
|
14
|
+
} = useSelectTriggerContext();
|
|
15
|
+
const {
|
|
16
|
+
required,
|
|
17
|
+
invalid,
|
|
18
|
+
readOnly
|
|
19
|
+
} = useSelectContext();
|
|
20
|
+
return /*#__PURE__*/_jsx(BaseIcon, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
...dataAttributes({
|
|
23
|
+
hover,
|
|
24
|
+
focus,
|
|
25
|
+
active,
|
|
26
|
+
disabled,
|
|
27
|
+
focusVisible,
|
|
28
|
+
required,
|
|
29
|
+
invalid,
|
|
30
|
+
readonly: readOnly,
|
|
31
|
+
slot: 'select-icon'
|
|
32
|
+
}),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=createSelectIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useSelectContext","useSelectTriggerContext","jsx","_jsx","createSelectIcon","BaseIcon","props","ref","hover","focus","active","disabled","focusVisible","required","invalid","readOnly","readonly","slot"],"sourceRoot":"../../../src","sources":["select/createSelectIcon.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtE,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEP,UAAU,CAAC,CAACQ,KAAU,EAAEC,GAAS,KAAK;EACpC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAClF,MAAM;IAAEY,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGf,gBAAgB,CAAC,CAAC;EAE1D,oBACEG,IAAA,CAACE,QAAQ;IACPE,GAAG,EAAEA,GAAI;IAAA,GACLR,cAAc,CAAC;MACjBS,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,OAAO;MACPE,QAAQ,EAAED,QAAQ;MAClBE,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGX;EAAK,CACX,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useMemo } from 'react';
|
|
4
|
+
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
5
|
+
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
6
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { SelectItemContext, useSelectContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const createSelectItem = BaseItem => /*#__PURE__*/forwardRef(({
|
|
11
|
+
children,
|
|
12
|
+
value: itemValue,
|
|
13
|
+
disabled: disabledProp = false,
|
|
14
|
+
isHovered: isHoveredProp,
|
|
15
|
+
isActive: isActiveProp,
|
|
16
|
+
isFocused: isFocusedProp,
|
|
17
|
+
isFocusVisible: isFocusVisibleProp,
|
|
18
|
+
isDisabled: isDisabledProp,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
value: selectedValue,
|
|
23
|
+
onValueChange,
|
|
24
|
+
setOpen,
|
|
25
|
+
activeValue,
|
|
26
|
+
contentId,
|
|
27
|
+
disabled: contextDisabled
|
|
28
|
+
} = useSelectContext();
|
|
29
|
+
const disabled = contextDisabled || !!disabledProp || !!isDisabledProp;
|
|
30
|
+
const checked = selectedValue === itemValue;
|
|
31
|
+
const highlighted = activeValue === itemValue;
|
|
32
|
+
const {
|
|
33
|
+
isFocusVisible,
|
|
34
|
+
focusProps: focusRingProps
|
|
35
|
+
} = useFocusRing();
|
|
36
|
+
const {
|
|
37
|
+
pressProps,
|
|
38
|
+
isPressed: isActive
|
|
39
|
+
} = usePress({
|
|
40
|
+
isDisabled: disabled
|
|
41
|
+
});
|
|
42
|
+
const {
|
|
43
|
+
isFocused,
|
|
44
|
+
focusProps
|
|
45
|
+
} = useFocus();
|
|
46
|
+
const {
|
|
47
|
+
isHovered,
|
|
48
|
+
hoverProps
|
|
49
|
+
} = useHover();
|
|
50
|
+
const handlePress = useCallback(() => {
|
|
51
|
+
if (!disabled) {
|
|
52
|
+
onValueChange(itemValue);
|
|
53
|
+
setOpen(false);
|
|
54
|
+
}
|
|
55
|
+
}, [disabled, itemValue, onValueChange, setOpen]);
|
|
56
|
+
const interactionState = useMemo(() => ({
|
|
57
|
+
hover: isHoveredProp || isHovered,
|
|
58
|
+
focus: isFocusedProp || isFocused,
|
|
59
|
+
active: isActiveProp || isActive,
|
|
60
|
+
disabled: !!disabled,
|
|
61
|
+
focusVisible: isFocusVisibleProp || isFocusVisible,
|
|
62
|
+
highlighted,
|
|
63
|
+
checked
|
|
64
|
+
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, highlighted, checked]);
|
|
65
|
+
return /*#__PURE__*/_jsx(SelectItemContext.Provider, {
|
|
66
|
+
value: interactionState,
|
|
67
|
+
children: /*#__PURE__*/_jsx(BaseItem, {
|
|
68
|
+
ref: ref,
|
|
69
|
+
role: "option",
|
|
70
|
+
id: `${contentId}-option-${itemValue}`,
|
|
71
|
+
"aria-selected": checked,
|
|
72
|
+
"aria-disabled": disabled,
|
|
73
|
+
...dataAttributes({
|
|
74
|
+
hover: interactionState.hover,
|
|
75
|
+
focus: interactionState.focus,
|
|
76
|
+
active: interactionState.active,
|
|
77
|
+
disabled: interactionState.disabled,
|
|
78
|
+
focusVisible: interactionState.focusVisible,
|
|
79
|
+
highlighted: interactionState.highlighted,
|
|
80
|
+
state: checked ? 'checked' : 'unchecked',
|
|
81
|
+
slot: 'select-item'
|
|
82
|
+
}),
|
|
83
|
+
disabled: disabled,
|
|
84
|
+
...props,
|
|
85
|
+
onPress: composeEventHandlers(props?.onPress, handlePress),
|
|
86
|
+
onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
|
|
87
|
+
onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
|
|
88
|
+
onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
|
|
89
|
+
onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
|
|
90
|
+
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
91
|
+
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
92
|
+
children: children
|
|
93
|
+
})
|
|
94
|
+
});
|
|
95
|
+
});
|
|
96
|
+
//# sourceMappingURL=createSelectItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectItemContext","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","Provider","role","id","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useSelectItemContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const createSelectItemLabel = BaseItemLabel => /*#__PURE__*/forwardRef(({
|
|
8
|
+
children,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const {
|
|
12
|
+
hover,
|
|
13
|
+
focus,
|
|
14
|
+
active,
|
|
15
|
+
disabled,
|
|
16
|
+
focusVisible,
|
|
17
|
+
highlighted,
|
|
18
|
+
checked
|
|
19
|
+
} = useSelectItemContext();
|
|
20
|
+
return /*#__PURE__*/_jsx(BaseItemLabel, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
...props,
|
|
23
|
+
...dataAttributes({
|
|
24
|
+
hover,
|
|
25
|
+
focus,
|
|
26
|
+
active,
|
|
27
|
+
disabled,
|
|
28
|
+
focusVisible,
|
|
29
|
+
highlighted,
|
|
30
|
+
state: checked ? 'checked' : 'unchecked',
|
|
31
|
+
slot: 'select-item-label'
|
|
32
|
+
}),
|
|
33
|
+
children: children
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=createSelectItemLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useSelectItemContext","jsx","_jsx","createSelectItemLabel","BaseItemLabel","children","props","ref","hover","focus","active","disabled","focusVisible","highlighted","checked","state","slot"],"sourceRoot":"../../../src","sources":["select/createSelectItemLabel.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,oBAAoB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjD,OAAO,MAAMC,qBAAqB,GAAQC,aAAqC,iBAC7EN,UAAU,CAAC,CAAC;EAAEO,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAAEC,GAAS,KAAK;EACvE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAC1Ed,oBAAoB,CAAC,CAAC;EAExB,oBACEE,IAAA,CAACE,aAAa;IACZG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACNP,cAAc,CAAC;MACjBS,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,WAAW;MACXE,KAAK,EAAED,OAAO,GAAG,SAAS,GAAG,WAAW;MACxCE,IAAI,EAAE;IACR,CAAC,CAAC;IAAAX,QAAA,EAEDA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useId, useMemo, useRef, useState } from 'react';
|
|
4
|
+
import { useControllableState, useFormControl } from '@cdx-ui/utils';
|
|
5
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
+
import { SelectContext } from './context';
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export const createSelectRoot = BaseRoot => /*#__PURE__*/forwardRef(({
|
|
9
|
+
children,
|
|
10
|
+
items,
|
|
11
|
+
value: valueProp,
|
|
12
|
+
defaultValue,
|
|
13
|
+
onValueChange,
|
|
14
|
+
open: openProp,
|
|
15
|
+
defaultOpen = false,
|
|
16
|
+
onOpenChange,
|
|
17
|
+
disabled = false,
|
|
18
|
+
isRequired,
|
|
19
|
+
isInvalid,
|
|
20
|
+
isReadOnly,
|
|
21
|
+
native = false,
|
|
22
|
+
accessibilityLabel,
|
|
23
|
+
...props
|
|
24
|
+
}, ref) => {
|
|
25
|
+
const formControlProps = useFormControl({
|
|
26
|
+
isDisabled: disabled,
|
|
27
|
+
isRequired,
|
|
28
|
+
isInvalid,
|
|
29
|
+
isReadOnly
|
|
30
|
+
});
|
|
31
|
+
const isEffectivelyDisabled = !!formControlProps.disabled;
|
|
32
|
+
const isEffectivelyRequired = !!formControlProps.required;
|
|
33
|
+
const isEffectivelyInvalid = !!formControlProps['aria-invalid'];
|
|
34
|
+
const isEffectivelyReadOnly = !!formControlProps.readOnly;
|
|
35
|
+
const [value, setValue] = useControllableState({
|
|
36
|
+
prop: valueProp,
|
|
37
|
+
defaultProp: defaultValue,
|
|
38
|
+
onChange: newValue => {
|
|
39
|
+
if (newValue !== undefined) {
|
|
40
|
+
onValueChange?.(newValue);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
const [open, setOpenState] = useControllableState({
|
|
45
|
+
prop: openProp,
|
|
46
|
+
defaultProp: defaultOpen,
|
|
47
|
+
onChange: onOpenChange
|
|
48
|
+
});
|
|
49
|
+
const setOpen = useCallback(newOpen => {
|
|
50
|
+
if ((isEffectivelyDisabled || isEffectivelyReadOnly) && newOpen) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
setOpenState(newOpen);
|
|
54
|
+
}, [isEffectivelyDisabled, isEffectivelyReadOnly, setOpenState]);
|
|
55
|
+
const [activeValue, setActiveValue] = useState(undefined);
|
|
56
|
+
const triggerRef = useRef(null);
|
|
57
|
+
const id = useId();
|
|
58
|
+
const triggerId = `select-trigger-${id}`;
|
|
59
|
+
const contentId = `select-content-${id}`;
|
|
60
|
+
const contextValue = useMemo(() => ({
|
|
61
|
+
open: open ?? false,
|
|
62
|
+
items,
|
|
63
|
+
setOpen,
|
|
64
|
+
value,
|
|
65
|
+
onValueChange: setValue,
|
|
66
|
+
disabled: isEffectivelyDisabled,
|
|
67
|
+
required: isEffectivelyRequired,
|
|
68
|
+
invalid: isEffectivelyInvalid,
|
|
69
|
+
readOnly: isEffectivelyReadOnly,
|
|
70
|
+
native,
|
|
71
|
+
triggerRef,
|
|
72
|
+
contentId,
|
|
73
|
+
triggerId,
|
|
74
|
+
activeValue,
|
|
75
|
+
setActiveValue,
|
|
76
|
+
accessibilityLabel
|
|
77
|
+
}), [open, items, setOpen, value, setValue, isEffectivelyDisabled, isEffectivelyRequired, isEffectivelyInvalid, isEffectivelyReadOnly, native, contentId, triggerId, activeValue, accessibilityLabel]);
|
|
78
|
+
return /*#__PURE__*/_jsx(SelectContext.Provider, {
|
|
79
|
+
value: contextValue,
|
|
80
|
+
children: /*#__PURE__*/_jsx(BaseRoot, {
|
|
81
|
+
ref: ref,
|
|
82
|
+
...props,
|
|
83
|
+
...dataAttributes({
|
|
84
|
+
slot: 'select',
|
|
85
|
+
disabled: isEffectivelyDisabled,
|
|
86
|
+
required: isEffectivelyRequired,
|
|
87
|
+
invalid: isEffectivelyInvalid,
|
|
88
|
+
readonly: isEffectivelyReadOnly
|
|
89
|
+
}),
|
|
90
|
+
children: children
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=createSelectRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","useRef","useState","useControllableState","useFormControl","dataAttributes","SelectContext","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","Provider","slot","readonly"],"sourceRoot":"../../../src","sources":["select/createSelectRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef, useCallback, useMemo } from 'react';
|
|
4
|
+
import { Platform } from 'react-native';
|
|
5
|
+
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
6
|
+
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
7
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
8
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
9
|
+
import { SelectTriggerContext, useSelectContext } from './context';
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
12
|
+
children,
|
|
13
|
+
isHovered: isHoveredProp,
|
|
14
|
+
isActive: isActiveProp,
|
|
15
|
+
isFocused: isFocusedProp,
|
|
16
|
+
isFocusVisible: isFocusVisibleProp,
|
|
17
|
+
isDisabled: isDisabledProp,
|
|
18
|
+
...props
|
|
19
|
+
}, ref) => {
|
|
20
|
+
const {
|
|
21
|
+
open,
|
|
22
|
+
setOpen,
|
|
23
|
+
disabled: contextDisabled,
|
|
24
|
+
required: contextRequired,
|
|
25
|
+
invalid: contextInvalid,
|
|
26
|
+
readOnly: contextReadOnly,
|
|
27
|
+
triggerId,
|
|
28
|
+
contentId,
|
|
29
|
+
triggerRef,
|
|
30
|
+
activeValue,
|
|
31
|
+
accessibilityLabel
|
|
32
|
+
} = useSelectContext();
|
|
33
|
+
const disabled = contextDisabled || !!isDisabledProp;
|
|
34
|
+
const {
|
|
35
|
+
isFocusVisible,
|
|
36
|
+
focusProps: focusRingProps
|
|
37
|
+
} = useFocusRing();
|
|
38
|
+
const {
|
|
39
|
+
pressProps,
|
|
40
|
+
isPressed: isActive
|
|
41
|
+
} = usePress({
|
|
42
|
+
isDisabled: disabled
|
|
43
|
+
});
|
|
44
|
+
const {
|
|
45
|
+
isFocused,
|
|
46
|
+
focusProps
|
|
47
|
+
} = useFocus();
|
|
48
|
+
const {
|
|
49
|
+
isHovered,
|
|
50
|
+
hoverProps
|
|
51
|
+
} = useHover();
|
|
52
|
+
const handlePress = useCallback(e => {
|
|
53
|
+
if (e.type === 'keyup' && e.key === 'Enter') {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
if (!disabled) {
|
|
57
|
+
setOpen(!open);
|
|
58
|
+
}
|
|
59
|
+
}, [disabled, open, setOpen]);
|
|
60
|
+
const handleKeyDown = useCallback(e => {
|
|
61
|
+
if (disabled) {
|
|
62
|
+
return;
|
|
63
|
+
}
|
|
64
|
+
switch (e.key) {
|
|
65
|
+
case 'Enter': // TODO: Only stays open if the key is held down
|
|
66
|
+
case ' ':
|
|
67
|
+
case 'ArrowDown':
|
|
68
|
+
case 'ArrowUp':
|
|
69
|
+
{
|
|
70
|
+
e.preventDefault();
|
|
71
|
+
setOpen(true);
|
|
72
|
+
break;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}, [disabled, setOpen]);
|
|
76
|
+
const interactionState = useMemo(() => ({
|
|
77
|
+
hover: isHoveredProp || isHovered,
|
|
78
|
+
focus: isFocusedProp || isFocused,
|
|
79
|
+
active: isActiveProp || isActive,
|
|
80
|
+
disabled: !!disabled,
|
|
81
|
+
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
82
|
+
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible]);
|
|
83
|
+
const mergedRef = mergeRefs(ref, triggerRef);
|
|
84
|
+
const webKeyboardProps = Platform.OS === 'web' ? {
|
|
85
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, handleKeyDown)
|
|
86
|
+
} : {};
|
|
87
|
+
return /*#__PURE__*/_jsx(SelectTriggerContext.Provider, {
|
|
88
|
+
value: interactionState,
|
|
89
|
+
children: /*#__PURE__*/_jsx(BaseTrigger, {
|
|
90
|
+
ref: mergedRef,
|
|
91
|
+
role: "combobox",
|
|
92
|
+
"aria-label": accessibilityLabel,
|
|
93
|
+
"aria-haspopup": "listbox",
|
|
94
|
+
"aria-expanded": open,
|
|
95
|
+
"aria-controls": contentId,
|
|
96
|
+
"aria-activedescendant": open && activeValue ? `${contentId}-option-${activeValue}` : undefined,
|
|
97
|
+
"aria-required": contextRequired || undefined,
|
|
98
|
+
"aria-invalid": contextInvalid || undefined,
|
|
99
|
+
"aria-readonly": contextReadOnly || undefined,
|
|
100
|
+
id: triggerId,
|
|
101
|
+
...dataAttributes({
|
|
102
|
+
hover: interactionState.hover,
|
|
103
|
+
focus: interactionState.focus,
|
|
104
|
+
active: interactionState.active,
|
|
105
|
+
disabled: interactionState.disabled,
|
|
106
|
+
focusVisible: interactionState.focusVisible,
|
|
107
|
+
required: contextRequired,
|
|
108
|
+
invalid: contextInvalid,
|
|
109
|
+
readonly: contextReadOnly,
|
|
110
|
+
state: open ? 'open' : 'closed',
|
|
111
|
+
slot: 'select-trigger'
|
|
112
|
+
}),
|
|
113
|
+
disabled: disabled,
|
|
114
|
+
...props,
|
|
115
|
+
onPress: composeEventHandlers(props?.onPress, handlePress),
|
|
116
|
+
onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
|
|
117
|
+
onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
|
|
118
|
+
onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
|
|
119
|
+
onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
|
|
120
|
+
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
121
|
+
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
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
|
|
130
|
+
})
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
//# sourceMappingURL=createSelectTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","Platform","composeEventHandlers","mergeRefs","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerContext","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","Provider","value","role","undefined","id","readonly","state","slot","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","hovered","focused","pressed"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useSelectContext, useSelectTriggerContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
// TODO: Support custom display text
|
|
8
|
+
|
|
9
|
+
export const createSelectValue = BaseValue => /*#__PURE__*/forwardRef(({
|
|
10
|
+
placeholder,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => {
|
|
13
|
+
const {
|
|
14
|
+
value,
|
|
15
|
+
items,
|
|
16
|
+
required,
|
|
17
|
+
invalid,
|
|
18
|
+
readOnly
|
|
19
|
+
} = useSelectContext();
|
|
20
|
+
const {
|
|
21
|
+
hover,
|
|
22
|
+
focus,
|
|
23
|
+
active,
|
|
24
|
+
disabled,
|
|
25
|
+
focusVisible
|
|
26
|
+
} = useSelectTriggerContext();
|
|
27
|
+
const hasValue = value !== undefined && value !== '';
|
|
28
|
+
const showPlaceholder = !hasValue;
|
|
29
|
+
const displayText = hasValue ? items.find(item => item.value === value)?.label : placeholder;
|
|
30
|
+
return /*#__PURE__*/_jsx(BaseValue, {
|
|
31
|
+
ref: ref,
|
|
32
|
+
...props,
|
|
33
|
+
...dataAttributes({
|
|
34
|
+
hover,
|
|
35
|
+
focus,
|
|
36
|
+
active,
|
|
37
|
+
disabled,
|
|
38
|
+
focusVisible,
|
|
39
|
+
required,
|
|
40
|
+
invalid,
|
|
41
|
+
readonly: readOnly,
|
|
42
|
+
placeholder: showPlaceholder,
|
|
43
|
+
slot: 'select-value'
|
|
44
|
+
}),
|
|
45
|
+
children: displayText
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=createSelectValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useSelectContext","useSelectTriggerContext","jsx","_jsx","createSelectValue","BaseValue","placeholder","props","ref","value","items","required","invalid","readOnly","hover","focus","active","disabled","focusVisible","hasValue","undefined","showPlaceholder","displayText","find","item","label","readonly","slot","children"],"sourceRoot":"../../../src","sources":["select/createSelectValue.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtE;;AAEA,OAAO,MAAMC,iBAAiB,GAAQC,SAAiC,iBACrEP,UAAU,CAAC,CAAC;EAAEQ,WAAW;EAAE,GAAGC;AAAyB,CAAC,EAAEC,GAAS,KAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGb,gBAAgB,CAAC,CAAC;EACxE,MAAM;IAAEc,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAGjB,uBAAuB,CAAC,CAAC;EAElF,MAAMkB,QAAQ,GAAGV,KAAK,KAAKW,SAAS,IAAIX,KAAK,KAAK,EAAE;EACpD,MAAMY,eAAe,GAAG,CAACF,QAAQ;EACjC,MAAMG,WAAW,GAAGH,QAAQ,GAAGT,KAAK,CAACa,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACf,KAAK,KAAKA,KAAK,CAAC,EAAEgB,KAAK,GAAGnB,WAAW;EAE9F,oBACEH,IAAA,CAACE,SAAS;IACRG,GAAG,EAAEA,GAAI;IAAA,GACJD,KAAK;IAAA,GACNR,cAAc,CAAC;MACjBe,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZP,QAAQ;MACRC,OAAO;MACPc,QAAQ,EAAEb,QAAQ;MAClBP,WAAW,EAAEe,eAAe;MAC5BM,IAAI,EAAE;IACR,CAAC,CAAC;IAAAC,QAAA,EAEDN;EAAW,CACH,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createSelectContent } from './createSelectContent';
|
|
4
|
+
import { createSelectIcon } from './createSelectIcon';
|
|
5
|
+
import { createSelectItem } from './createSelectItem';
|
|
6
|
+
import { createSelectItemLabel } from './createSelectItemLabel';
|
|
7
|
+
import { createSelectRoot } from './createSelectRoot';
|
|
8
|
+
import { createSelectTrigger } from './createSelectTrigger';
|
|
9
|
+
import { createSelectValue } from './createSelectValue';
|
|
10
|
+
export function createSelect(BaseComponents) {
|
|
11
|
+
const Select = createSelectRoot(BaseComponents.Root);
|
|
12
|
+
const Trigger = createSelectTrigger(BaseComponents.Trigger);
|
|
13
|
+
const Value = createSelectValue(BaseComponents.Value);
|
|
14
|
+
const Icon = createSelectIcon(BaseComponents.Icon);
|
|
15
|
+
const Content = createSelectContent(BaseComponents.Content);
|
|
16
|
+
const Item = createSelectItem(BaseComponents.Item);
|
|
17
|
+
const ItemLabel = createSelectItemLabel(BaseComponents.ItemLabel);
|
|
18
|
+
Select.displayName = 'SelectPrimitive';
|
|
19
|
+
Trigger.displayName = 'SelectPrimitive.Trigger';
|
|
20
|
+
Value.displayName = 'SelectPrimitive.Value';
|
|
21
|
+
Icon.displayName = 'SelectPrimitive.Icon';
|
|
22
|
+
Content.displayName = 'SelectPrimitive.Content';
|
|
23
|
+
Item.displayName = 'SelectPrimitive.Item';
|
|
24
|
+
ItemLabel.displayName = 'SelectPrimitive.ItemLabel';
|
|
25
|
+
return Object.assign(Select, {
|
|
26
|
+
Trigger,
|
|
27
|
+
Value,
|
|
28
|
+
Icon,
|
|
29
|
+
Content,
|
|
30
|
+
Item,
|
|
31
|
+
ItemLabel
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createSelectContent","createSelectIcon","createSelectItem","createSelectItemLabel","createSelectRoot","createSelectTrigger","createSelectValue","createSelect","BaseComponents","Select","Root","Trigger","Value","Icon","Content","Item","ItemLabel","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["select/index.tsx"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AAYvD,OAAO,SAASC,YAAYA,CAU1BC,cAQD,EAAE;EACD,MAAMC,MAAM,GAAGL,gBAAgB,CAACI,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,OAAO,GAAGN,mBAAmB,CAACG,cAAc,CAACG,OAAO,CAAC;EAC3D,MAAMC,KAAK,GAAGN,iBAAiB,CAACE,cAAc,CAACI,KAAK,CAAC;EACrD,MAAMC,IAAI,GAAGZ,gBAAgB,CAACO,cAAc,CAACK,IAAI,CAAC;EAClD,MAAMC,OAAO,GAAGd,mBAAmB,CAACQ,cAAc,CAACM,OAAO,CAAC;EAC3D,MAAMC,IAAI,GAAGb,gBAAgB,CAACM,cAAc,CAACO,IAAI,CAAC;EAClD,MAAMC,SAAS,GAAGb,qBAAqB,CAACK,cAAc,CAACQ,SAAS,CAAC;EAEjEP,MAAM,CAACQ,WAAW,GAAG,iBAAiB;EACtCN,OAAO,CAACM,WAAW,GAAG,yBAAyB;EAC/CL,KAAK,CAACK,WAAW,GAAG,uBAAuB;EAC3CJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,OAAO,CAACG,WAAW,GAAG,yBAAyB;EAC/CF,IAAI,CAACE,WAAW,GAAG,sBAAsB;EACzCD,SAAS,CAACC,WAAW,GAAG,2BAA2B;EAEnD,OAAOC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IAC3BE,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,OAAO;IACPC,IAAI;IACJC;EACF,CAAC,CAAC;AAWJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["select/types.ts"],"mappings":"","ignoreList":[]}
|