@cdx-ui/primitives 0.0.1-beta.5 → 0.0.1-beta.51
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 +51 -25
- package/lib/commonjs/CLAUDE.md +32 -0
- package/lib/commonjs/avatar/createAvatarText.js +9 -1
- package/lib/commonjs/avatar/createAvatarText.js.map +1 -1
- package/lib/commonjs/button/createButtonText.js +1 -0
- package/lib/commonjs/button/createButtonText.js.map +1 -1
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +8 -3
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/commonjs/chip/createChipRoot.js +132 -0
- package/lib/commonjs/chip/createChipRoot.js.map +1 -0
- package/lib/commonjs/chip/index.js +16 -0
- package/lib/commonjs/chip/index.js.map +1 -0
- package/lib/commonjs/chip/types.js +6 -0
- package/lib/commonjs/chip/types.js.map +1 -0
- package/lib/commonjs/field/createFieldLabel.js.map +1 -1
- package/lib/commonjs/index.js +45 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/createInputField.js +5 -0
- package/lib/commonjs/input/createInputField.js.map +1 -1
- package/lib/commonjs/link/context.js +11 -0
- package/lib/commonjs/link/context.js.map +1 -0
- package/lib/commonjs/link/createLink.js +28 -14
- package/lib/commonjs/link/createLink.js.map +1 -1
- package/lib/commonjs/link/index.js +13 -0
- package/lib/commonjs/link/index.js.map +1 -1
- package/lib/commonjs/list-item/createListItemRoot.js +36 -21
- package/lib/commonjs/list-item/createListItemRoot.js.map +1 -1
- package/lib/commonjs/radio/context.js +14 -0
- package/lib/commonjs/radio/context.js.map +1 -0
- package/lib/commonjs/radio/createRadioGroup.js +66 -0
- package/lib/commonjs/radio/createRadioGroup.js.map +1 -0
- package/lib/commonjs/radio/createRadioIndicator.js +43 -0
- package/lib/commonjs/radio/createRadioIndicator.js.map +1 -0
- package/lib/commonjs/radio/createRadioLabel.js +38 -0
- package/lib/commonjs/radio/createRadioLabel.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.js +95 -0
- package/lib/commonjs/radio/createRadioRoot.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.web.js +87 -0
- package/lib/commonjs/radio/createRadioRoot.web.js.map +1 -0
- package/lib/commonjs/radio/index.js +26 -0
- package/lib/commonjs/radio/index.js.map +1 -0
- package/lib/commonjs/radio/types.js +6 -0
- package/lib/commonjs/radio/types.js.map +1 -0
- package/lib/commonjs/radio/useRadioRoot.js +64 -0
- package/lib/commonjs/radio/useRadioRoot.js.map +1 -0
- package/lib/commonjs/select/createSelectIcon.js +3 -1
- package/lib/commonjs/select/createSelectIcon.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +17 -4
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/tile/context.js +30 -0
- package/lib/commonjs/tile/context.js.map +1 -0
- package/lib/commonjs/tile/createTileContent.js +30 -0
- package/lib/commonjs/tile/createTileContent.js.map +1 -0
- package/lib/commonjs/tile/createTileDescription.js +28 -0
- package/lib/commonjs/tile/createTileDescription.js.map +1 -0
- package/lib/commonjs/tile/createTileGroup.js +112 -0
- package/lib/commonjs/tile/createTileGroup.js.map +1 -0
- package/lib/commonjs/tile/createTileIndicator.js +46 -0
- package/lib/commonjs/tile/createTileIndicator.js.map +1 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js +34 -0
- package/lib/commonjs/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/commonjs/tile/createTileRoot.js +133 -0
- package/lib/commonjs/tile/createTileRoot.js.map +1 -0
- package/lib/commonjs/tile/createTileTitle.js +28 -0
- package/lib/commonjs/tile/createTileTitle.js.map +1 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js +35 -0
- package/lib/commonjs/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/commonjs/tile/index.js +55 -0
- package/lib/commonjs/tile/index.js.map +1 -0
- package/lib/commonjs/tile/types.js +6 -0
- package/lib/commonjs/tile/types.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.js +6 -25
- package/lib/commonjs/utils/dataAttributes.js.map +1 -1
- package/lib/commonjs/utils/domDataAttributes.js +34 -0
- package/lib/commonjs/utils/domDataAttributes.js.map +1 -0
- package/lib/module/CLAUDE.md +32 -0
- package/lib/module/avatar/createAvatarText.js +9 -1
- package/lib/module/avatar/createAvatarText.js.map +1 -1
- package/lib/module/button/createButtonText.js +1 -0
- package/lib/module/button/createButtonText.js.map +1 -1
- package/lib/module/checkbox/createCheckboxRoot.web.js +8 -2
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -1
- package/lib/module/chip/createChipRoot.js +126 -0
- package/lib/module/chip/createChipRoot.js.map +1 -0
- package/lib/module/chip/index.js +12 -0
- package/lib/module/chip/index.js.map +1 -0
- package/lib/module/chip/types.js +4 -0
- package/lib/module/chip/types.js.map +1 -0
- package/lib/module/field/createFieldLabel.js.map +1 -1
- package/lib/module/index.js +4 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/createInputField.js +5 -0
- package/lib/module/input/createInputField.js.map +1 -1
- package/lib/module/link/context.js +5 -0
- package/lib/module/link/context.js.map +1 -0
- package/lib/module/link/createLink.js +29 -15
- package/lib/module/link/createLink.js.map +1 -1
- package/lib/module/link/index.js +1 -0
- package/lib/module/link/index.js.map +1 -1
- package/lib/module/list-item/createListItemRoot.js +36 -21
- package/lib/module/list-item/createListItemRoot.js.map +1 -1
- package/lib/module/radio/context.js +7 -0
- package/lib/module/radio/context.js.map +1 -0
- package/lib/module/radio/createRadioGroup.js +61 -0
- package/lib/module/radio/createRadioGroup.js.map +1 -0
- package/lib/module/radio/createRadioIndicator.js +38 -0
- package/lib/module/radio/createRadioIndicator.js.map +1 -0
- package/lib/module/radio/createRadioLabel.js +33 -0
- package/lib/module/radio/createRadioLabel.js.map +1 -0
- package/lib/module/radio/createRadioRoot.js +90 -0
- package/lib/module/radio/createRadioRoot.js.map +1 -0
- package/lib/module/radio/createRadioRoot.web.js +82 -0
- package/lib/module/radio/createRadioRoot.web.js.map +1 -0
- package/lib/module/radio/index.js +22 -0
- package/lib/module/radio/index.js.map +1 -0
- package/lib/module/radio/types.js +4 -0
- package/lib/module/radio/types.js.map +1 -0
- package/lib/module/radio/useRadioRoot.js +60 -0
- package/lib/module/radio/useRadioRoot.js.map +1 -0
- package/lib/module/select/createSelectIcon.js +3 -1
- package/lib/module/select/createSelectIcon.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +19 -6
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/tile/context.js +21 -0
- package/lib/module/tile/context.js.map +1 -0
- package/lib/module/tile/createTileContent.js +24 -0
- package/lib/module/tile/createTileContent.js.map +1 -0
- package/lib/module/tile/createTileDescription.js +22 -0
- package/lib/module/tile/createTileDescription.js.map +1 -0
- package/lib/module/tile/createTileGroup.js +106 -0
- package/lib/module/tile/createTileGroup.js.map +1 -0
- package/lib/module/tile/createTileIndicator.js +40 -0
- package/lib/module/tile/createTileIndicator.js.map +1 -0
- package/lib/module/tile/createTileLeadingSlot.js +28 -0
- package/lib/module/tile/createTileLeadingSlot.js.map +1 -0
- package/lib/module/tile/createTileRoot.js +127 -0
- package/lib/module/tile/createTileRoot.js.map +1 -0
- package/lib/module/tile/createTileTitle.js +22 -0
- package/lib/module/tile/createTileTitle.js.map +1 -0
- package/lib/module/tile/createTileTrailingSlot.js +29 -0
- package/lib/module/tile/createTileTrailingSlot.js.map +1 -0
- package/lib/module/tile/index.js +39 -0
- package/lib/module/tile/index.js.map +1 -0
- package/lib/module/tile/types.js +4 -0
- package/lib/module/tile/types.js.map +1 -0
- package/lib/module/utils/dataAttributes.js +4 -22
- package/lib/module/utils/dataAttributes.js.map +1 -1
- package/lib/module/utils/domDataAttributes.js +30 -0
- package/lib/module/utils/domDataAttributes.js.map +1 -0
- package/lib/typescript/avatar/createAvatarText.d.ts.map +1 -1
- package/lib/typescript/button/createButtonText.d.ts.map +1 -1
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +4 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -1
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -1
- package/lib/typescript/chip/createChipRoot.d.ts +4 -0
- package/lib/typescript/chip/createChipRoot.d.ts.map +1 -0
- package/lib/typescript/chip/index.d.ts +9 -0
- package/lib/typescript/chip/index.d.ts.map +1 -0
- package/lib/typescript/chip/types.d.ts +17 -0
- package/lib/typescript/chip/types.d.ts.map +1 -0
- package/lib/typescript/field/createFieldLabel.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +4 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/createInputField.d.ts.map +1 -1
- package/lib/typescript/link/context.d.ts +10 -0
- package/lib/typescript/link/context.d.ts.map +1 -0
- package/lib/typescript/link/createLink.d.ts.map +1 -1
- package/lib/typescript/link/index.d.ts +2 -0
- package/lib/typescript/link/index.d.ts.map +1 -1
- package/lib/typescript/link/types.d.ts +1 -0
- package/lib/typescript/link/types.d.ts.map +1 -1
- package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -1
- package/lib/typescript/radio/context.d.ts +21 -0
- package/lib/typescript/radio/context.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
- package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
- package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +10 -0
- package/lib/typescript/radio/index.d.ts.map +1 -0
- package/lib/typescript/radio/types.d.ts +54 -0
- package/lib/typescript/radio/types.d.ts.map +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts +151 -0
- package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
- package/lib/typescript/select/createSelectIcon.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/tile/context.d.ts +9 -0
- package/lib/typescript/tile/context.d.ts.map +1 -0
- package/lib/typescript/tile/createTileContent.d.ts +3 -0
- package/lib/typescript/tile/createTileContent.d.ts.map +1 -0
- package/lib/typescript/tile/createTileDescription.d.ts +3 -0
- package/lib/typescript/tile/createTileDescription.d.ts.map +1 -0
- package/lib/typescript/tile/createTileGroup.d.ts +4 -0
- package/lib/typescript/tile/createTileGroup.d.ts.map +1 -0
- package/lib/typescript/tile/createTileIndicator.d.ts +4 -0
- package/lib/typescript/tile/createTileIndicator.d.ts.map +1 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts +4 -0
- package/lib/typescript/tile/createTileLeadingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileRoot.d.ts +4 -0
- package/lib/typescript/tile/createTileRoot.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTitle.d.ts +3 -0
- package/lib/typescript/tile/createTileTitle.d.ts.map +1 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts +9 -0
- package/lib/typescript/tile/createTileTrailingSlot.d.ts.map +1 -0
- package/lib/typescript/tile/index.d.ts +15 -0
- package/lib/typescript/tile/index.d.ts.map +1 -0
- package/lib/typescript/tile/types.d.ts +119 -0
- package/lib/typescript/tile/types.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.d.ts +4 -10
- package/lib/typescript/utils/dataAttributes.d.ts.map +1 -1
- package/lib/typescript/utils/domDataAttributes.d.ts +15 -0
- package/lib/typescript/utils/domDataAttributes.d.ts.map +1 -0
- package/package.json +5 -2
- package/src/CLAUDE.md +32 -0
- package/src/avatar/createAvatarText.tsx +10 -1
- package/src/button/createButtonText.tsx +1 -0
- package/src/checkbox/createCheckboxRoot.web.tsx +6 -2
- package/src/chip/createChipRoot.tsx +144 -0
- package/src/chip/index.ts +18 -0
- package/src/chip/types.ts +23 -0
- package/src/field/createFieldLabel.tsx +4 -1
- package/src/index.ts +4 -0
- package/src/input/createInputField.tsx +6 -0
- package/src/link/context.tsx +10 -0
- package/src/link/createLink.tsx +41 -23
- package/src/link/index.tsx +2 -0
- package/src/link/types.ts +1 -0
- package/src/list-item/createListItemRoot.tsx +37 -22
- package/src/radio/context.tsx +21 -0
- package/src/radio/createRadioGroup.tsx +67 -0
- package/src/radio/createRadioIndicator.tsx +32 -0
- package/src/radio/createRadioLabel.tsx +28 -0
- package/src/radio/createRadioRoot.tsx +100 -0
- package/src/radio/createRadioRoot.web.tsx +81 -0
- package/src/radio/index.ts +37 -0
- package/src/radio/types.ts +67 -0
- package/src/radio/useRadioRoot.ts +69 -0
- package/src/select/createSelectIcon.tsx +2 -1
- package/src/select/createSelectTrigger.tsx +26 -3
- package/src/tile/context.tsx +23 -0
- package/src/tile/createTileContent.tsx +23 -0
- package/src/tile/createTileDescription.tsx +19 -0
- package/src/tile/createTileGroup.tsx +134 -0
- package/src/tile/createTileIndicator.tsx +38 -0
- package/src/tile/createTileLeadingSlot.tsx +30 -0
- package/src/tile/createTileRoot.tsx +124 -0
- package/src/tile/createTileTitle.tsx +19 -0
- package/src/tile/createTileTrailingSlot.tsx +25 -0
- package/src/tile/index.ts +88 -0
- package/src/tile/types.ts +153 -0
- package/src/utils/dataAttributes.ts +4 -25
- package/src/utils/domDataAttributes.ts +32 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
5
|
+
import { mergeProps } from '@react-aria/utils';
|
|
6
|
+
import { useFocusRing } from '@react-native-aria/focus';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { RadioProvider } from './context';
|
|
9
|
+
import { useRadioRoot } from './useRadioRoot';
|
|
10
|
+
|
|
11
|
+
// TODO: Keyboard focus is not working as expected
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
|
|
14
|
+
children,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
isHovered: isHoveredProp,
|
|
19
|
+
isFocusVisible: isFocusVisibleProp,
|
|
20
|
+
isDisabled: isDisabledProp,
|
|
21
|
+
isInvalid: isInvalidProp,
|
|
22
|
+
isReadOnly: isReadOnlyProp,
|
|
23
|
+
isFocused,
|
|
24
|
+
isPressed
|
|
25
|
+
} = props;
|
|
26
|
+
const {
|
|
27
|
+
combinedProps,
|
|
28
|
+
isInvalid,
|
|
29
|
+
isReadOnly,
|
|
30
|
+
inputProps,
|
|
31
|
+
labelProps,
|
|
32
|
+
isChecked,
|
|
33
|
+
isDisabled,
|
|
34
|
+
isHovered,
|
|
35
|
+
mergedRef,
|
|
36
|
+
inputRef
|
|
37
|
+
} = useRadioRoot(props, ref, {
|
|
38
|
+
useInputRefForAria: true
|
|
39
|
+
});
|
|
40
|
+
const {
|
|
41
|
+
focusProps,
|
|
42
|
+
isFocusVisible
|
|
43
|
+
} = useFocusRing();
|
|
44
|
+
return /*#__PURE__*/_jsx(BaseRadio, {
|
|
45
|
+
...mergeProps(combinedProps, labelProps, focusProps),
|
|
46
|
+
ref: mergedRef,
|
|
47
|
+
role: "label"
|
|
48
|
+
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
|
|
49
|
+
,
|
|
50
|
+
accessibilityRole: "label",
|
|
51
|
+
...dataAttributes({
|
|
52
|
+
slot: 'radio',
|
|
53
|
+
checked: isChecked,
|
|
54
|
+
disabled: isDisabled || isDisabledProp,
|
|
55
|
+
hover: isHovered || isHoveredProp,
|
|
56
|
+
invalid: isInvalid || isInvalidProp,
|
|
57
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
58
|
+
active: isPressed,
|
|
59
|
+
focus: isFocused,
|
|
60
|
+
focusVisible: isFocusVisible || isFocusVisibleProp
|
|
61
|
+
}),
|
|
62
|
+
children: /*#__PURE__*/_jsxs(RadioProvider, {
|
|
63
|
+
value: {
|
|
64
|
+
isChecked,
|
|
65
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
66
|
+
isFocusVisible: isFocusVisible || isFocusVisibleProp,
|
|
67
|
+
isHovered: isHovered || isHoveredProp,
|
|
68
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
69
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
70
|
+
isPressed,
|
|
71
|
+
isFocused
|
|
72
|
+
},
|
|
73
|
+
children: [/*#__PURE__*/_jsx(VisuallyHidden, {
|
|
74
|
+
children: /*#__PURE__*/_jsx("input", {
|
|
75
|
+
...inputProps,
|
|
76
|
+
ref: inputRef
|
|
77
|
+
})
|
|
78
|
+
}), /*#__PURE__*/_jsx(RadioIndicator, {}), children]
|
|
79
|
+
})
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
//# sourceMappingURL=createRadioRoot.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","VisuallyHidden","mergeProps","useFocusRing","dataAttributes","RadioProvider","useRadioRoot","jsx","_jsx","jsxs","_jsxs","createRadioRoot","BaseRadio","RadioIndicator","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isFocused","isPressed","combinedProps","inputProps","labelProps","isChecked","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","slot","checked","disabled","hover","invalid","readonly","active","focus","focusVisible","value"],"sourceRoot":"../../../src","sources":["radio/createRadioRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,aAAa,QAAQ,WAAW;AAEzC,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,SAAiC,EACjCC,cAAwC,kBAExCb,UAAU,CAAC,CAAC;EAAEc,QAAQ;EAAE,GAAGC;AAAmB,CAAC,EAAEC,GAAkB,KAAK;EACtE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS;IACTC;EACF,CAAC,GAAGb,KAAK;EAET,MAAM;IACJc,aAAa;IACbN,SAAS;IACTE,UAAU;IACVK,UAAU;IACVC,UAAU;IACVC,SAAS;IACTX,UAAU;IACVJ,SAAS;IACTgB,SAAS;IACTC;EACF,CAAC,GAAG5B,YAAY,CAACS,KAAK,EAAEC,GAAG,EAAE;IAAEmB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE1D,MAAM;IAAEC,UAAU;IAAEjB;EAAe,CAAC,GAAGhB,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,SAAS;IAAA,GACJV,UAAU,CAAC2B,aAAa,EAASE,UAAU,EAASK,UAAiB,CAAC;IAC1EpB,GAAG,EAAEiB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBlC,cAAc,CAAC;MACjBmC,IAAI,EAAE,OAAO;MACbC,OAAO,EAAER,SAAS;MAClBS,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,KAAK,EAAEzB,SAAS,IAAIC,aAAa;MACjCyB,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,MAAM,EAAEjB,SAAS;MACjBkB,KAAK,EAAEnB,SAAS;MAChBoB,YAAY,EAAE5B,cAAc,IAAIC;IAClC,CAAC,CAAC;IAAAN,QAAA,eAEFJ,KAAA,CAACL,aAAa;MACZ2C,KAAK,EAAE;QACLhB,SAAS;QACTX,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCH,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCE,SAAS;QACTD;MACF,CAAE;MAAAb,QAAA,gBAEFN,IAAA,CAACP,cAAc;QAAAa,QAAA,eACbN,IAAA;UAAA,GAAWsB,UAAU;UAAEd,GAAG,EAAEkB;QAAS,CAAE;MAAC,CAC1B,CAAC,eACjB1B,IAAA,CAACK,cAAc,IAAE,CAAC,EACjBC,QAAQ;IAAA,CACI;EAAC,CACP,CAAC;AAEhB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createRadioGroup } from './createRadioGroup';
|
|
4
|
+
import { createRadioIndicator } from './createRadioIndicator';
|
|
5
|
+
import { createRadioLabel } from './createRadioLabel';
|
|
6
|
+
import { createRadioRoot } from './createRadioRoot';
|
|
7
|
+
export function createRadio(BaseComponents) {
|
|
8
|
+
const Indicator = createRadioIndicator(BaseComponents.Indicator);
|
|
9
|
+
const Radio = createRadioRoot(BaseComponents.Root, Indicator);
|
|
10
|
+
const Label = createRadioLabel(BaseComponents.Label);
|
|
11
|
+
const Group = createRadioGroup(BaseComponents.Group);
|
|
12
|
+
Radio.displayName = 'RadioPrimitive';
|
|
13
|
+
Indicator.displayName = 'RadioPrimitive.Indicator';
|
|
14
|
+
Label.displayName = 'RadioPrimitive.Label';
|
|
15
|
+
Group.displayName = 'RadioPrimitive.Group';
|
|
16
|
+
return Object.assign(Radio, {
|
|
17
|
+
Indicator,
|
|
18
|
+
Label,
|
|
19
|
+
Group
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createRadioGroup","createRadioIndicator","createRadioLabel","createRadioRoot","createRadio","BaseComponents","Indicator","Radio","Root","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["radio/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAAgCC,cAK1D,EAAE;EACD,MAAMC,SAAS,GAAGL,oBAAoB,CAACI,cAAc,CAACC,SAAS,CAAC;EAChE,MAAMC,KAAK,GAAGJ,eAAe,CAACE,cAAc,CAACG,IAAI,EAAEF,SAAS,CAAC;EAC7D,MAAMG,KAAK,GAAGP,gBAAgB,CAACG,cAAc,CAACI,KAAK,CAAC;EACpD,MAAMC,KAAK,GAAGV,gBAAgB,CAACK,cAAc,CAACK,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCL,SAAS,CAACK,WAAW,GAAG,0BAA0B;EAClDF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAC1CD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BD,SAAS;IACTG,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["radio/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useContext, useRef } from 'react';
|
|
4
|
+
import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { useRadio } from '@react-native-aria/radio';
|
|
6
|
+
import { useHover } from '@react-native-aria/interactions';
|
|
7
|
+
import { RadioGroupContext } from './context';
|
|
8
|
+
export function useRadioRoot(props, ref, {
|
|
9
|
+
useInputRefForAria = false
|
|
10
|
+
} = {}) {
|
|
11
|
+
const formControlContext = useFormControlContext();
|
|
12
|
+
const {
|
|
13
|
+
isInvalid,
|
|
14
|
+
isReadOnly,
|
|
15
|
+
...combinedProps
|
|
16
|
+
} = {
|
|
17
|
+
...formControlContext,
|
|
18
|
+
...props
|
|
19
|
+
};
|
|
20
|
+
const radioGroupContext = useContext(RadioGroupContext);
|
|
21
|
+
if (!radioGroupContext) {
|
|
22
|
+
throw new Error('Radio must be rendered inside a Radio.Group. Standalone Radio is not supported.');
|
|
23
|
+
}
|
|
24
|
+
const rootRef = useRef(null);
|
|
25
|
+
const inputRef = useRef(null);
|
|
26
|
+
const mergedRootRef = mergeRefs(ref, rootRef);
|
|
27
|
+
const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Radio';
|
|
28
|
+
const radio = useRadio({
|
|
29
|
+
...combinedProps,
|
|
30
|
+
'aria-label': ariaLabel,
|
|
31
|
+
isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
|
|
32
|
+
isDisabled: combinedProps.isDisabled || radioGroupContext.state.isDisabled
|
|
33
|
+
}, radioGroupContext.radioGroupState, useInputRefForAria ? inputRef : rootRef);
|
|
34
|
+
const {
|
|
35
|
+
inputProps,
|
|
36
|
+
labelProps
|
|
37
|
+
} = radio;
|
|
38
|
+
const {
|
|
39
|
+
checked: isChecked,
|
|
40
|
+
disabled: isDisabled
|
|
41
|
+
} = inputProps;
|
|
42
|
+
const {
|
|
43
|
+
hoverProps,
|
|
44
|
+
isHovered
|
|
45
|
+
} = useHover({}, rootRef);
|
|
46
|
+
return {
|
|
47
|
+
combinedProps,
|
|
48
|
+
isInvalid: isInvalid || radioGroupContext.state.isInvalid,
|
|
49
|
+
isReadOnly: isReadOnly || radioGroupContext.state.isReadOnly,
|
|
50
|
+
inputProps,
|
|
51
|
+
labelProps: labelProps ?? {},
|
|
52
|
+
isChecked,
|
|
53
|
+
isDisabled,
|
|
54
|
+
isHovered,
|
|
55
|
+
hoverProps,
|
|
56
|
+
mergedRef: mergedRootRef,
|
|
57
|
+
inputRef
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
//# sourceMappingURL=useRadioRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useRadio","useHover","RadioGroupContext","useRadioRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","combinedProps","radioGroupContext","Error","rootRef","inputRef","mergedRootRef","ariaLabel","value","radio","state","isDisabled","radioGroupState","inputProps","labelProps","checked","isChecked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["radio/useRadioRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,iBAAiB,QAAQ,WAAW;AAO7C,OAAO,SAASC,YAAYA,CAC1BC,KAAkB,EAClBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA2B,CAAC,GAAG,CAAC,CAAC,EACxD;EACA,MAAMC,kBAAkB,GAAGR,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAES,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAc,CAAC,GAAG;IAClD,GAAGH,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMO,iBAAiB,GAAGf,UAAU,CAACM,iBAAiB,CAAC;EAEvD,IAAI,CAACS,iBAAiB,EAAE;IACtB,MAAM,IAAIC,KAAK,CACb,iFACF,CAAC;EACH;EAEA,MAAMC,OAAO,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMiB,QAAQ,GAAGjB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMkB,aAAa,GAAGjB,SAAS,CAACO,GAAG,EAASQ,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGN,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACO,KAAK,IAAI,OAAO;EAE/E,MAAMC,KAAK,GAAGlB,QAAQ,CACpB;IACE,GAAGU,aAAa;IAChB,YAAY,EAAEM,SAAS;IACvBP,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5DW,UAAU,EAAEV,aAAa,CAACU,UAAU,IAAIT,iBAAiB,CAACQ,KAAK,CAACC;EAClE,CAAC,EACDT,iBAAiB,CAACU,eAAe,EAChCf,kBAAkB,GAAGQ,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAES,UAAU;IAAEC;EAAW,CAAC,GAAGL,KAElC;EAED,MAAM;IAAEM,OAAO,EAAEC,SAAS;IAAEC,QAAQ,EAAEN;EAAW,CAAC,GAAGE,UAAU;EAE/D,MAAM;IAAEK,UAAU;IAAEC;EAAU,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC,EAAEY,OAAO,CAAC;EAEvD,OAAO;IACLH,aAAa;IACbF,SAAS,EAAEA,SAAS,IAAIG,iBAAiB,CAACQ,KAAK,CAACX,SAAS;IACzDC,UAAU,EAAEA,UAAU,IAAIE,iBAAiB,CAACQ,KAAK,CAACV,UAAU;IAC5Da,UAAU;IACVC,UAAU,EAAEA,UAAU,IAAI,CAAC,CAAC;IAC5BE,SAAS;IACTL,UAAU;IACVQ,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -15,7 +15,8 @@ export const createSelectIcon = BaseIcon => /*#__PURE__*/forwardRef((props, ref)
|
|
|
15
15
|
const {
|
|
16
16
|
required,
|
|
17
17
|
invalid,
|
|
18
|
-
readOnly
|
|
18
|
+
readOnly,
|
|
19
|
+
open
|
|
19
20
|
} = useSelectContext();
|
|
20
21
|
return /*#__PURE__*/_jsx(BaseIcon, {
|
|
21
22
|
ref: ref,
|
|
@@ -28,6 +29,7 @@ export const createSelectIcon = BaseIcon => /*#__PURE__*/forwardRef((props, ref)
|
|
|
28
29
|
required,
|
|
29
30
|
invalid,
|
|
30
31
|
readonly: readOnly,
|
|
32
|
+
state: open ? 'open' : 'closed',
|
|
31
33
|
slot: 'select-icon'
|
|
32
34
|
}),
|
|
33
35
|
...props
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useSelectContext","useSelectTriggerContext","jsx","_jsx","createSelectIcon","BaseIcon","props","ref","hover","focus","active","disabled","focusVisible","required","invalid","readOnly","open","readonly","state","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,QAAQ;IAAEC;EAAK,CAAC,GAAGhB,gBAAgB,CAAC,CAAC;EAEhE,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;MACPG,QAAQ,EAAEF,QAAQ;MAClBG,KAAK,EAAEF,IAAI,GAAG,MAAM,GAAG,QAAQ;MAC/BG,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGb;EAAK,CACX,CAAC;AAEN,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { Platform } from 'react-native';
|
|
5
|
-
import { composeEventHandlers, mergeRefs, useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { composeEventHandlers, mergeRefs, useFormControlContext, useReportFormControlLabelFocus } 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';
|
|
@@ -52,6 +52,7 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
52
52
|
isHovered,
|
|
53
53
|
hoverProps
|
|
54
54
|
} = useHover();
|
|
55
|
+
const [triggerFocused, setTriggerFocused] = useState(false);
|
|
55
56
|
const handlePress = useCallback(e => {
|
|
56
57
|
if (e?.type === 'keyup' && e.key === 'Enter') {
|
|
57
58
|
return;
|
|
@@ -76,13 +77,25 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
76
77
|
}
|
|
77
78
|
}
|
|
78
79
|
}, [disabled, setOpen]);
|
|
80
|
+
|
|
81
|
+
// `useFocus()` on Pressable can stay true on native after blur; use explicit focus/blur handlers.
|
|
82
|
+
const isLabelActive = Platform.select({
|
|
83
|
+
web: Boolean((isFocusedProp || isFocused || open) && !disabled),
|
|
84
|
+
default: Boolean((open || triggerFocused) && !disabled)
|
|
85
|
+
});
|
|
86
|
+
useReportFormControlLabelFocus(isLabelActive);
|
|
87
|
+
useLayoutEffect(() => {
|
|
88
|
+
if (!open) {
|
|
89
|
+
setTriggerFocused(false);
|
|
90
|
+
}
|
|
91
|
+
}, [open]);
|
|
79
92
|
const interactionState = useMemo(() => ({
|
|
80
93
|
hover: isHoveredProp || isHovered,
|
|
81
|
-
focus: isFocusedProp || isFocused,
|
|
94
|
+
focus: isFocusedProp || isFocused || open,
|
|
82
95
|
active: isActiveProp || isActive,
|
|
83
96
|
disabled: !!disabled,
|
|
84
97
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
85
|
-
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible]);
|
|
98
|
+
}), [isHoveredProp, isHovered, isFocusedProp, isFocused, isActiveProp, isActive, disabled, isFocusVisibleProp, isFocusVisible, open]);
|
|
86
99
|
|
|
87
100
|
/**
|
|
88
101
|
* Native: `Pressable` has no usable programmatic `.focus()` (unlike `TextInput`).
|
|
@@ -164,8 +177,8 @@ export const createSelectTrigger = BaseTrigger => /*#__PURE__*/forwardRef(({
|
|
|
164
177
|
onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
|
|
165
178
|
onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
|
|
166
179
|
onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
|
|
167
|
-
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
168
|
-
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
180
|
+
onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus, () => setTriggerFocused(true)),
|
|
181
|
+
onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur, () => setTriggerFocused(false)),
|
|
169
182
|
...webKeyboardProps,
|
|
170
183
|
children: typeof children === 'function' ? children(interactionState) : children
|
|
171
184
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","useMemo","useRef","Platform","composeEventHandlers","mergeRefs","useFormControlContext","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedByProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedBy","ariaDescribedByFromField","field","focusProps","focusRingProps","pressProps","isPressed","hoverProps","handlePress","e","type","key","handleKeyDown","preventDefault","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","OS","inputRef","r","mergedRef","filter","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useLayoutEffect","useMemo","useRef","useState","Platform","composeEventHandlers","mergeRefs","useFormControlContext","useReportFormControlLabelFocus","useFocus","useFocusRing","useHover","usePress","dataAttributes","SelectTriggerProvider","useSelectContext","jsx","_jsx","createSelectTrigger","BaseTrigger","children","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isDisabled","isDisabledProp","ariaDescribedByProp","props","ref","open","setOpen","disabled","contextDisabled","required","contextRequired","invalid","contextInvalid","readOnly","contextReadOnly","triggerId","contentId","triggerRef","activeValue","accessibilityLabel","ariaDescribedBy","ariaDescribedByFromField","field","focusProps","focusRingProps","pressProps","isPressed","hoverProps","triggerFocused","setTriggerFocused","handlePress","e","type","key","handleKeyDown","preventDefault","isLabelActive","select","web","Boolean","default","interactionState","hover","focus","active","focusVisible","labelFocusGateRef","current","labelFocusBridge","isOff","isRO","node","OS","inputRef","r","mergedRef","filter","join","webKeyboardProps","onKeyDown","value","role","undefined","readonly","state","slot","id","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["select/createSelectTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext as createReactContext, useContext } from 'react';
|
|
4
|
+
import { createContext } from '@cdx-ui/utils';
|
|
5
|
+
// Per-tile subtree (selection-aware slots, indicator, etc.)
|
|
6
|
+
export const [TileProvider, useTileContext] = createContext('TileContext');
|
|
7
|
+
|
|
8
|
+
// Per-group subtree (optional — standalone tiles have no provider)
|
|
9
|
+
const TileGroupContext = /*#__PURE__*/createReactContext(null);
|
|
10
|
+
export const TileGroupContextProvider = TileGroupContext.Provider;
|
|
11
|
+
export function useTileGroupContext() {
|
|
12
|
+
const ctx = useContext(TileGroupContext);
|
|
13
|
+
if (!ctx) {
|
|
14
|
+
throw new Error('Tile must be used within Tile.Group');
|
|
15
|
+
}
|
|
16
|
+
return ctx;
|
|
17
|
+
}
|
|
18
|
+
export function useOptionalTileGroupContext() {
|
|
19
|
+
return useContext(TileGroupContext);
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","createReactContext","useContext","TileProvider","useTileContext","TileGroupContext","TileGroupContextProvider","Provider","useTileGroupContext","ctx","Error","useOptionalTileGroupContext"],"sourceRoot":"../../../src","sources":["tile/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,IAAIC,kBAAkB,EAAEC,UAAU,QAAQ,OAAO;AACvE,SAASF,aAAa,QAAQ,eAAe;AAG7C;AACA,OAAO,MAAM,CAACG,YAAY,EAAEC,cAAc,CAAC,GAAGJ,aAAa,CAAoB,aAAa,CAAC;;AAE7F;AACA,MAAMK,gBAAgB,gBAAGJ,kBAAkB,CAAgC,IAAI,CAAC;AAEhF,OAAO,MAAMK,wBAAwB,GAAGD,gBAAgB,CAACE,QAAQ;AAEjE,OAAO,SAASC,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,GAAG,GAAGP,UAAU,CAACG,gBAAgB,CAAC;EACxC,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIC,KAAK,CAAC,qCAAqC,CAAC;EACxD;EACA,OAAOD,GAAG;AACZ;AAEA,OAAO,SAASE,2BAA2BA,CAAA,EAAkC;EAC3E,OAAOT,UAAU,CAACG,gBAAgB,CAAC;AACrC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const contentStyle = {
|
|
7
|
+
flex: 1,
|
|
8
|
+
flexDirection: 'column',
|
|
9
|
+
minWidth: 0
|
|
10
|
+
};
|
|
11
|
+
export const createTileContent = Base => /*#__PURE__*/forwardRef(({
|
|
12
|
+
children,
|
|
13
|
+
style,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
16
|
+
...props,
|
|
17
|
+
...dataAttributes({
|
|
18
|
+
slot: 'tile-content'
|
|
19
|
+
}),
|
|
20
|
+
ref: ref,
|
|
21
|
+
style: [contentStyle, style],
|
|
22
|
+
children: children
|
|
23
|
+
}));
|
|
24
|
+
//# sourceMappingURL=createTileContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","contentStyle","flex","flexDirection","minWidth","createTileContent","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileContent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,YAAY,GAAG;EACnBC,IAAI,EAAE,CAAC;EACPC,aAAa,EAAE,QAAiB;EAChCC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAQC,IAA4B,iBAChET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAyB,CAAC,EAAEC,GAAuB,kBACnFV,IAAA,CAACM,IAAI;EAAA,GACEG,KAAK;EAAA,GACNX,cAAc,CAAC;IACjBa,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACP,YAAY,EAAEO,KAAK,CAAE;EAAAD,QAAA,EAE5BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const noUnderline = {
|
|
7
|
+
textDecorationLine: 'none'
|
|
8
|
+
};
|
|
9
|
+
export const createTileDescription = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
children,
|
|
11
|
+
style,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
14
|
+
...props,
|
|
15
|
+
...dataAttributes({
|
|
16
|
+
slot: 'tile-description'
|
|
17
|
+
}),
|
|
18
|
+
ref: ref,
|
|
19
|
+
style: [noUnderline, style],
|
|
20
|
+
children: children
|
|
21
|
+
}));
|
|
22
|
+
//# sourceMappingURL=createTileDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","noUnderline","textDecorationLine","createTileDescription","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["tile/createTileDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,WAAW,GAAG;EAAEC,kBAAkB,EAAE;AAAgB,CAAC;AAE3D,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CAAC,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA6B,CAAC,EAAEC,GAAuB,kBACvFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,WAAW,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE3BA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useCallback, useMemo } from 'react';
|
|
4
|
+
import { useControllableState } from '@cdx-ui/utils';
|
|
5
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
+
import { TileGroupContextProvider } from './context';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Internal widening of the public discriminated union: the runtime accepts any value
|
|
10
|
+
* shape and reads `type` to decide branch behavior. The public API stays narrow.
|
|
11
|
+
*/
|
|
12
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
+
export const createTileGroup = Base => /*#__PURE__*/forwardRef((props, ref) => {
|
|
14
|
+
const {
|
|
15
|
+
children,
|
|
16
|
+
type,
|
|
17
|
+
value: valueProp,
|
|
18
|
+
defaultValue,
|
|
19
|
+
onValueChange,
|
|
20
|
+
max: maxProp,
|
|
21
|
+
isDisabled = false,
|
|
22
|
+
'aria-label': ariaLabel,
|
|
23
|
+
...rest
|
|
24
|
+
} = props;
|
|
25
|
+
const max = maxProp ?? Number.POSITIVE_INFINITY;
|
|
26
|
+
const defaultProp = defaultValue !== undefined ? defaultValue : type === 'multiple' ? [] : undefined;
|
|
27
|
+
const [state, setState] = useControllableState({
|
|
28
|
+
prop: valueProp,
|
|
29
|
+
defaultProp,
|
|
30
|
+
onChange: next => {
|
|
31
|
+
if (next !== undefined) {
|
|
32
|
+
onValueChange?.(next);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
const isSelected = useCallback(tileValue => {
|
|
37
|
+
if (type === 'single') {
|
|
38
|
+
return state === tileValue;
|
|
39
|
+
}
|
|
40
|
+
return Array.isArray(state) && state.includes(tileValue);
|
|
41
|
+
}, [type, state]);
|
|
42
|
+
const isTileDisabledByGroup = useCallback(tileValue => {
|
|
43
|
+
if (isDisabled) {
|
|
44
|
+
return true;
|
|
45
|
+
}
|
|
46
|
+
if (type !== 'multiple') {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
const arr = Array.isArray(state) ? state : [];
|
|
50
|
+
if (arr.length < max) {
|
|
51
|
+
return false;
|
|
52
|
+
}
|
|
53
|
+
return !arr.includes(tileValue);
|
|
54
|
+
}, [isDisabled, type, state, max]);
|
|
55
|
+
const toggleValue = useCallback(tileValue => {
|
|
56
|
+
if (isDisabled) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (type === 'single') {
|
|
60
|
+
if (state === tileValue) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
setState(tileValue);
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const arr = Array.isArray(state) ? [...state] : [];
|
|
67
|
+
const idx = arr.indexOf(tileValue);
|
|
68
|
+
if (idx >= 0) {
|
|
69
|
+
arr.splice(idx, 1);
|
|
70
|
+
setState(arr);
|
|
71
|
+
} else if (arr.length < max) {
|
|
72
|
+
arr.push(tileValue);
|
|
73
|
+
setState(arr);
|
|
74
|
+
}
|
|
75
|
+
}, [isDisabled, type, state, setState, max]);
|
|
76
|
+
const contextValue = useMemo(() => ({
|
|
77
|
+
type,
|
|
78
|
+
value: state,
|
|
79
|
+
toggleValue,
|
|
80
|
+
isSelected,
|
|
81
|
+
isTileDisabledByGroup,
|
|
82
|
+
isGroupDisabled: isDisabled,
|
|
83
|
+
max
|
|
84
|
+
}), [type, state, toggleValue, isSelected, isTileDisabledByGroup, isDisabled, max]);
|
|
85
|
+
const role = type === 'single' ? 'radiogroup' : 'group';
|
|
86
|
+
return /*#__PURE__*/_jsx(TileGroupContextProvider, {
|
|
87
|
+
value: contextValue,
|
|
88
|
+
children: /*#__PURE__*/_jsx(Base, {
|
|
89
|
+
...rest,
|
|
90
|
+
ref: ref,
|
|
91
|
+
role: role,
|
|
92
|
+
...(type === 'single' ? {
|
|
93
|
+
accessibilityRole: 'radiogroup'
|
|
94
|
+
} : {}),
|
|
95
|
+
...(ariaLabel ? {
|
|
96
|
+
'aria-label': ariaLabel,
|
|
97
|
+
accessibilityLabel: ariaLabel
|
|
98
|
+
} : {}),
|
|
99
|
+
...dataAttributes({
|
|
100
|
+
slot: 'tile-group'
|
|
101
|
+
}),
|
|
102
|
+
children: children
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
//# sourceMappingURL=createTileGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useMemo","useControllableState","dataAttributes","TileGroupContextProvider","jsx","_jsx","createTileGroup","Base","props","ref","children","type","value","valueProp","defaultValue","onValueChange","max","maxProp","isDisabled","ariaLabel","rest","Number","POSITIVE_INFINITY","defaultProp","undefined","state","setState","prop","onChange","next","isSelected","tileValue","Array","isArray","includes","isTileDisabledByGroup","arr","length","toggleValue","idx","indexOf","splice","push","contextValue","isGroupDisabled","role","accessibilityRole","accessibilityLabel","slot"],"sourceRoot":"../../../src","sources":["tile/createTileGroup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useTileContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const shrinkZero = {
|
|
8
|
+
flexShrink: 0,
|
|
9
|
+
pointerEvents: 'none'
|
|
10
|
+
};
|
|
11
|
+
export const createTileIndicator = Base => /*#__PURE__*/forwardRef(({
|
|
12
|
+
children,
|
|
13
|
+
style,
|
|
14
|
+
indicatorType,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
isSelected,
|
|
19
|
+
isDisabled,
|
|
20
|
+
selectionType
|
|
21
|
+
} = useTileContext();
|
|
22
|
+
|
|
23
|
+
// Effective visual type: explicit prop wins; otherwise infer from group/standalone context.
|
|
24
|
+
const effectiveType = indicatorType ?? (selectionType === 'single' ? 'radio' : 'checkbox');
|
|
25
|
+
return /*#__PURE__*/_jsx(Base, {
|
|
26
|
+
...props,
|
|
27
|
+
accessibilityElementsHidden: true,
|
|
28
|
+
"aria-hidden": true,
|
|
29
|
+
...dataAttributes({
|
|
30
|
+
slot: 'tile-indicator',
|
|
31
|
+
checked: isSelected,
|
|
32
|
+
selectionType: effectiveType === 'radio' ? 'single' : 'multiple',
|
|
33
|
+
disabled: isDisabled
|
|
34
|
+
}),
|
|
35
|
+
ref: ref,
|
|
36
|
+
style: [shrinkZero, style],
|
|
37
|
+
children: children
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=createTileIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","useTileContext","jsx","_jsx","shrinkZero","flexShrink","pointerEvents","createTileIndicator","Base","children","style","indicatorType","props","ref","isSelected","isDisabled","selectionType","effectiveType","accessibilityElementsHidden","slot","checked","disabled"],"sourceRoot":"../../../src","sources":["tile/createTileIndicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,cAAc,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE,CAAU;EAAEC,aAAa,EAAE;AAAgB,CAAC;AAE7E,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClET,UAAU,CACR,CACE;EAAEU,QAAQ;EAAEC,KAAK;EAAEC,aAAa;EAAE,GAAGC;AAA2B,CAAC,EACjEC,GAAuB,KACpB;EACH,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAGf,cAAc,CAAC,CAAC;;EAElE;EACA,MAAMgB,aAAmC,GACvCN,aAAa,KAAKK,aAAa,KAAK,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;EAEtE,oBACEb,IAAA,CAACK,IAAI;IAAA,GACEI,KAAK;IACVM,2BAA2B;IAC3B,mBAAW;IAAA,GACPlB,cAAc,CAAC;MACjBmB,IAAI,EAAE,gBAAgB;MACtBC,OAAO,EAAEN,UAAU;MACnBE,aAAa,EAAEC,aAAa,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU;MAChEI,QAAQ,EAAEN;IACZ,CAAC,CAAC;IACFF,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACN,UAAU,EAAEM,KAAK,CAAE;IAAAD,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const shrinkZero = {
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
};
|
|
9
|
+
export const createTileLeadingSlot = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
'aria-hidden': ariaHidden,
|
|
11
|
+
style,
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const accessibilityElementsHidden = ariaHidden !== false;
|
|
16
|
+
return /*#__PURE__*/_jsx(Base, {
|
|
17
|
+
...props,
|
|
18
|
+
...dataAttributes({
|
|
19
|
+
slot: 'tile-leading'
|
|
20
|
+
}),
|
|
21
|
+
accessibilityElementsHidden: accessibilityElementsHidden,
|
|
22
|
+
"aria-hidden": ariaHidden,
|
|
23
|
+
ref: ref,
|
|
24
|
+
style: [shrinkZero, style],
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=createTileLeadingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createTileLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["tile/createTileLeadingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,qBAAqB,GAAQC,IAA4B,iBACpEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAA6B,CAAC,EAC/EC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACEL,IAAA,CAACI,IAAI;IAAA,GACEI,KAAK;IAAA,GACNV,cAAc,CAAC;MACjBa,IAAI,EAAE;IACR,CAAC,CAAC;IACFD,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|