@cdx-ui/primitives 0.0.1-alpha.2 → 0.0.1-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/avatar/context.js +11 -0
- package/lib/commonjs/avatar/context.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarBadge.js +20 -0
- package/lib/commonjs/avatar/createAvatarBadge.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarIcon.js +30 -0
- package/lib/commonjs/avatar/createAvatarIcon.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarImage.js +51 -0
- package/lib/commonjs/avatar/createAvatarImage.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarRoot.js +34 -0
- package/lib/commonjs/avatar/createAvatarRoot.js.map +1 -0
- package/lib/commonjs/avatar/createAvatarText.js +42 -0
- package/lib/commonjs/avatar/createAvatarText.js.map +1 -0
- package/lib/commonjs/avatar/index.js +30 -0
- package/lib/commonjs/avatar/index.js.map +1 -0
- package/lib/commonjs/avatar/types.js +6 -0
- package/lib/commonjs/avatar/types.js.map +1 -0
- package/lib/commonjs/button/createButtonRoot.js +3 -3
- package/lib/commonjs/button/createButtonRoot.js.map +1 -1
- package/lib/commonjs/button/index.js +18 -19
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/checkbox/context.js +14 -0
- package/lib/commonjs/checkbox/context.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js +44 -0
- package/lib/commonjs/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js +29 -0
- package/lib/commonjs/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js +47 -0
- package/lib/commonjs/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js +46 -0
- package/lib/commonjs/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js +99 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js +90 -0
- package/lib/commonjs/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/commonjs/checkbox/index.js +30 -0
- package/lib/commonjs/checkbox/index.js.map +1 -0
- package/lib/commonjs/checkbox/types.js +6 -0
- package/lib/commonjs/checkbox/types.js.map +1 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js +82 -0
- package/lib/commonjs/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/commonjs/index.js +49 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/index.js +13 -19
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/link/LinkProvider.js +28 -0
- package/lib/commonjs/link/LinkProvider.js.map +1 -0
- package/lib/commonjs/link/createLink.js +74 -0
- package/lib/commonjs/link/createLink.js.map +1 -0
- package/lib/commonjs/link/index.js +27 -0
- package/lib/commonjs/link/index.js.map +1 -0
- package/lib/commonjs/link/types.js +6 -0
- package/lib/commonjs/link/types.js.map +1 -0
- package/lib/commonjs/link/useLink.js +56 -0
- package/lib/commonjs/link/useLink.js.map +1 -0
- package/lib/commonjs/overlay/OverlayContainer.js +6 -4
- package/lib/commonjs/overlay/OverlayContainer.js.map +1 -1
- package/lib/commonjs/select/context.js +8 -43
- package/lib/commonjs/select/context.js.map +1 -1
- package/lib/commonjs/select/createSelectItem.js +1 -1
- package/lib/commonjs/select/createSelectItem.js.map +1 -1
- package/lib/commonjs/select/createSelectRoot.js +1 -1
- package/lib/commonjs/select/createSelectRoot.js.map +1 -1
- package/lib/commonjs/select/createSelectTrigger.js +2 -8
- package/lib/commonjs/select/createSelectTrigger.js.map +1 -1
- package/lib/commonjs/switch/createSwitchRoot.js +73 -0
- package/lib/commonjs/switch/createSwitchRoot.js.map +1 -0
- package/lib/commonjs/switch/index.js +15 -0
- package/lib/commonjs/switch/index.js.map +1 -0
- package/lib/commonjs/switch/types.js +6 -0
- package/lib/commonjs/switch/types.js.map +1 -0
- package/lib/commonjs/types.js +2 -0
- package/lib/commonjs/types.js.map +1 -0
- package/lib/commonjs/utils/dataAttributes.web.js +1 -4
- package/lib/commonjs/utils/dataAttributes.web.js.map +1 -1
- package/lib/module/avatar/context.js +5 -0
- package/lib/module/avatar/context.js.map +1 -0
- package/lib/module/{input/createInputIcon.js → avatar/createAvatarBadge.js} +3 -3
- package/lib/module/avatar/createAvatarBadge.js.map +1 -0
- package/lib/module/avatar/createAvatarIcon.js +25 -0
- package/lib/module/avatar/createAvatarIcon.js.map +1 -0
- package/lib/module/avatar/createAvatarImage.js +46 -0
- package/lib/module/avatar/createAvatarImage.js.map +1 -0
- package/lib/module/avatar/createAvatarRoot.js +29 -0
- package/lib/module/avatar/createAvatarRoot.js.map +1 -0
- package/lib/module/avatar/createAvatarText.js +37 -0
- package/lib/module/avatar/createAvatarText.js.map +1 -0
- package/lib/module/avatar/index.js +26 -0
- package/lib/module/avatar/index.js.map +1 -0
- package/lib/module/avatar/types.js +4 -0
- package/lib/module/avatar/types.js.map +1 -0
- package/lib/module/button/createButtonRoot.js +3 -3
- package/lib/module/button/createButtonRoot.js.map +1 -1
- package/lib/module/button/index.js +18 -19
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/checkbox/context.js +7 -0
- package/lib/module/checkbox/context.js.map +1 -0
- package/lib/module/checkbox/createCheckboxGroup.js +39 -0
- package/lib/module/checkbox/createCheckboxGroup.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIcon.js +24 -0
- package/lib/module/checkbox/createCheckboxIcon.js.map +1 -0
- package/lib/module/checkbox/createCheckboxIndicator.js +42 -0
- package/lib/module/checkbox/createCheckboxIndicator.js.map +1 -0
- package/lib/module/checkbox/createCheckboxLabel.js +41 -0
- package/lib/module/checkbox/createCheckboxLabel.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.js +94 -0
- package/lib/module/checkbox/createCheckboxRoot.js.map +1 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js +85 -0
- package/lib/module/checkbox/createCheckboxRoot.web.js.map +1 -0
- package/lib/module/checkbox/index.js +26 -0
- package/lib/module/checkbox/index.js.map +1 -0
- package/lib/module/checkbox/types.js +4 -0
- package/lib/module/checkbox/types.js.map +1 -0
- package/lib/module/checkbox/useCheckboxRoot.js +78 -0
- package/lib/module/checkbox/useCheckboxRoot.js.map +1 -0
- package/lib/module/index.js +5 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/index.js +12 -17
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/link/LinkProvider.js +23 -0
- package/lib/module/link/LinkProvider.js.map +1 -0
- package/lib/module/link/createLink.js +68 -0
- package/lib/module/link/createLink.js.map +1 -0
- package/lib/module/link/index.js +6 -0
- package/lib/module/link/index.js.map +1 -0
- package/lib/module/link/types.js +4 -0
- package/lib/module/link/types.js.map +1 -0
- package/lib/module/link/useLink.js +52 -0
- package/lib/module/link/useLink.js.map +1 -0
- package/lib/module/overlay/OverlayContainer.js +7 -5
- package/lib/module/overlay/OverlayContainer.js.map +1 -1
- package/lib/module/select/context.js +4 -42
- package/lib/module/select/context.js.map +1 -1
- package/lib/module/select/createSelectItem.js +2 -2
- package/lib/module/select/createSelectItem.js.map +1 -1
- package/lib/module/select/createSelectRoot.js +2 -2
- package/lib/module/select/createSelectRoot.js.map +1 -1
- package/lib/module/select/createSelectTrigger.js +3 -9
- package/lib/module/select/createSelectTrigger.js.map +1 -1
- package/lib/module/switch/createSwitchRoot.js +67 -0
- package/lib/module/switch/createSwitchRoot.js.map +1 -0
- package/lib/module/switch/index.js +11 -0
- package/lib/module/switch/index.js.map +1 -0
- package/lib/module/switch/types.js +4 -0
- package/lib/module/switch/types.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/dataAttributes.web.js +1 -4
- package/lib/module/utils/dataAttributes.web.js.map +1 -1
- package/lib/typescript/avatar/context.d.ts +6 -0
- package/lib/typescript/avatar/context.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarBadge.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarIcon.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarImage.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarRoot.d.ts.map +1 -0
- package/lib/typescript/avatar/createAvatarText.d.ts +4 -0
- package/lib/typescript/avatar/createAvatarText.d.ts.map +1 -0
- package/lib/typescript/avatar/index.d.ts +11 -0
- package/lib/typescript/avatar/index.d.ts.map +1 -0
- package/lib/typescript/avatar/types.d.ts +33 -0
- package/lib/typescript/avatar/types.d.ts.map +1 -0
- package/lib/typescript/button/context.d.ts +1 -1
- package/lib/typescript/button/context.d.ts.map +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts +1 -1
- package/lib/typescript/button/createButtonRoot.d.ts.map +1 -1
- package/lib/typescript/button/index.d.ts +1 -1
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/button/types.d.ts +0 -7
- package/lib/typescript/button/types.d.ts.map +1 -1
- package/lib/typescript/checkbox/context.d.ts +18 -0
- package/lib/typescript/checkbox/context.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxGroup.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts +3 -0
- package/lib/typescript/checkbox/createCheckboxIcon.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxIndicator.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts +5 -0
- package/lib/typescript/checkbox/createCheckboxLabel.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts +2 -0
- package/lib/typescript/checkbox/createCheckboxRoot.web.d.ts.map +1 -0
- package/lib/typescript/checkbox/index.d.ts +11 -0
- package/lib/typescript/checkbox/index.d.ts.map +1 -0
- package/lib/typescript/checkbox/types.d.ts +57 -0
- package/lib/typescript/checkbox/types.d.ts.map +1 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts +147 -0
- package/lib/typescript/checkbox/useCheckboxRoot.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/index.d.ts +3 -3
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/input/types.d.ts +1 -2
- package/lib/typescript/input/types.d.ts.map +1 -1
- package/lib/typescript/link/LinkProvider.d.ts +36 -0
- package/lib/typescript/link/LinkProvider.d.ts.map +1 -0
- package/lib/typescript/link/createLink.d.ts +6 -0
- package/lib/typescript/link/createLink.d.ts.map +1 -0
- package/lib/typescript/link/index.d.ts +6 -0
- package/lib/typescript/link/index.d.ts.map +1 -0
- package/lib/typescript/link/types.d.ts +45 -0
- package/lib/typescript/link/types.d.ts.map +1 -0
- package/lib/typescript/link/useLink.d.ts +9 -0
- package/lib/typescript/link/useLink.d.ts.map +1 -0
- package/lib/typescript/overlay/OverlayContainer.d.ts +5 -1
- package/lib/typescript/overlay/OverlayContainer.d.ts.map +1 -1
- package/lib/typescript/select/context.d.ts +14 -7
- package/lib/typescript/select/context.d.ts.map +1 -1
- package/lib/typescript/select/createSelectTrigger.d.ts +2 -7
- package/lib/typescript/select/createSelectTrigger.d.ts.map +1 -1
- package/lib/typescript/select/types.d.ts +1 -7
- package/lib/typescript/select/types.d.ts.map +1 -1
- package/lib/typescript/switch/createSwitchRoot.d.ts +3 -0
- package/lib/typescript/switch/createSwitchRoot.d.ts.map +1 -0
- package/lib/typescript/switch/index.d.ts +7 -0
- package/lib/typescript/switch/index.d.ts.map +1 -0
- package/lib/typescript/switch/types.d.ts +38 -0
- package/lib/typescript/switch/types.d.ts.map +1 -0
- package/lib/typescript/types.d.ts +8 -0
- package/lib/typescript/types.d.ts.map +1 -0
- package/lib/typescript/utils/dataAttributes.web.d.ts.map +1 -1
- package/package.json +12 -8
- package/src/avatar/context.tsx +5 -0
- package/src/avatar/createAvatarBadge.tsx +12 -0
- package/src/avatar/createAvatarIcon.tsx +16 -0
- package/src/avatar/createAvatarImage.tsx +40 -0
- package/src/avatar/createAvatarRoot.tsx +23 -0
- package/src/avatar/createAvatarText.tsx +30 -0
- package/src/avatar/index.ts +43 -0
- package/src/avatar/types.ts +77 -0
- package/src/button/context.tsx +1 -1
- package/src/button/createButtonRoot.tsx +5 -4
- package/src/button/index.tsx +18 -19
- package/src/button/types.ts +0 -8
- package/src/checkbox/context.tsx +18 -0
- package/src/checkbox/createCheckboxGroup.tsx +32 -0
- package/src/checkbox/createCheckboxIcon.tsx +18 -0
- package/src/checkbox/createCheckboxIndicator.tsx +43 -0
- package/src/checkbox/createCheckboxLabel.tsx +42 -0
- package/src/checkbox/createCheckboxRoot.tsx +100 -0
- package/src/checkbox/createCheckboxRoot.web.tsx +79 -0
- package/src/checkbox/index.ts +43 -0
- package/src/checkbox/types.ts +74 -0
- package/src/checkbox/useCheckboxRoot.ts +85 -0
- package/src/index.ts +6 -1
- package/src/input/index.tsx +15 -28
- package/src/input/types.ts +0 -4
- package/src/link/LinkProvider.tsx +50 -0
- package/src/link/createLink.tsx +71 -0
- package/src/link/index.tsx +5 -0
- package/src/link/types.ts +47 -0
- package/src/link/useLink.ts +54 -0
- package/src/overlay/OverlayContainer.tsx +7 -8
- package/src/select/context.tsx +9 -44
- package/src/select/createSelectItem.tsx +3 -3
- package/src/select/createSelectRoot.tsx +3 -3
- package/src/select/createSelectTrigger.tsx +6 -31
- package/src/select/types.ts +1 -10
- package/src/switch/createSwitchRoot.tsx +72 -0
- package/src/switch/index.ts +16 -0
- package/src/switch/types.ts +42 -0
- package/src/types.ts +7 -0
- package/src/utils/dataAttributes.web.ts +2 -4
- package/lib/commonjs/input/createInputIcon.js +0 -20
- package/lib/commonjs/input/createInputIcon.js.map +0 -1
- package/lib/module/input/createInputIcon.js.map +0 -1
- package/lib/typescript/input/createInputIcon.d.ts +0 -4
- package/lib/typescript/input/createInputIcon.d.ts.map +0 -1
- package/src/input/createInputIcon.tsx +0 -12
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _useCheckboxRoot = require("./useCheckboxRoot");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
+
onPressIn,
|
|
17
|
+
onPressOut,
|
|
18
|
+
onHoverIn,
|
|
19
|
+
onHoverOut,
|
|
20
|
+
onFocus,
|
|
21
|
+
onBlur,
|
|
22
|
+
children,
|
|
23
|
+
...props
|
|
24
|
+
}, ref) => {
|
|
25
|
+
const {
|
|
26
|
+
isHovered: isHoveredProp,
|
|
27
|
+
isChecked: isCheckedProp,
|
|
28
|
+
isDisabled: isDisabledProp,
|
|
29
|
+
isInvalid: isInvalidProp,
|
|
30
|
+
isReadOnly: isReadOnlyProp,
|
|
31
|
+
isPressed: isPressedProp,
|
|
32
|
+
isFocused: isFocusedProp,
|
|
33
|
+
isIndeterminate: isIndeterminateProp,
|
|
34
|
+
isFocusVisible
|
|
35
|
+
} = props;
|
|
36
|
+
const {
|
|
37
|
+
combinedProps,
|
|
38
|
+
isInvalid,
|
|
39
|
+
isReadOnly,
|
|
40
|
+
isIndeterminate,
|
|
41
|
+
groupItemInputProps,
|
|
42
|
+
isChecked,
|
|
43
|
+
isDisabled,
|
|
44
|
+
isHovered,
|
|
45
|
+
hoverProps,
|
|
46
|
+
mergedRef
|
|
47
|
+
} = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref);
|
|
48
|
+
const {
|
|
49
|
+
focusProps,
|
|
50
|
+
isFocused
|
|
51
|
+
} = (0, _focus.useFocus)();
|
|
52
|
+
const {
|
|
53
|
+
pressProps,
|
|
54
|
+
isPressed
|
|
55
|
+
} = (0, _interactions.usePress)({
|
|
56
|
+
isDisabled: isDisabled || isDisabledProp
|
|
57
|
+
});
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckbox, {
|
|
59
|
+
disabled: isDisabled || isDisabledProp,
|
|
60
|
+
...pressProps,
|
|
61
|
+
...combinedProps,
|
|
62
|
+
...groupItemInputProps,
|
|
63
|
+
ref: mergedRef,
|
|
64
|
+
role: "checkbox",
|
|
65
|
+
onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressProps.onPressIn),
|
|
66
|
+
onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
|
|
67
|
+
onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
|
|
68
|
+
onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
|
|
69
|
+
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus)),
|
|
70
|
+
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur)),
|
|
71
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
72
|
+
checked: isChecked || isCheckedProp,
|
|
73
|
+
disabled: isDisabled || isDisabledProp,
|
|
74
|
+
hover: isHovered || isHoveredProp,
|
|
75
|
+
invalid: isInvalid || isInvalidProp,
|
|
76
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
77
|
+
active: isPressed,
|
|
78
|
+
focus: isFocused,
|
|
79
|
+
indeterminate: isIndeterminate || isIndeterminateProp,
|
|
80
|
+
focusVisible: isFocusVisible
|
|
81
|
+
}),
|
|
82
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxProvider, {
|
|
83
|
+
value: {
|
|
84
|
+
isChecked: isChecked || isCheckedProp,
|
|
85
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
86
|
+
isHovered: isHovered || isHoveredProp,
|
|
87
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
88
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
89
|
+
isPressed: isPressed || isPressedProp,
|
|
90
|
+
isFocused: isFocused || isFocusedProp,
|
|
91
|
+
isIndeterminate: isIndeterminate || isIndeterminateProp,
|
|
92
|
+
isFocusVisible
|
|
93
|
+
},
|
|
94
|
+
children: children
|
|
95
|
+
})
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
exports.createCheckboxRoot = createCheckboxRoot;
|
|
99
|
+
//# sourceMappingURL=createCheckboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","children","props","ref","isHovered","isHoveredProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isPressed","isPressedProp","isFocused","isFocusedProp","isIndeterminate","isIndeterminateProp","isFocusVisible","combinedProps","groupItemInputProps","hoverProps","mergedRef","useCheckboxRoot","focusProps","useFocus","pressProps","usePress","jsx","disabled","role","composeEventHandlers","dataAttributes","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","CheckboxProvider","value","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _visuallyHidden = require("@react-aria/visually-hidden");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
var _useCheckboxRoot = require("./useCheckboxRoot");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
// TODO: Label is taking focus on keyboard navigation
|
|
15
|
+
|
|
16
|
+
const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
17
|
+
children,
|
|
18
|
+
...props
|
|
19
|
+
}, ref) => {
|
|
20
|
+
const {
|
|
21
|
+
isHovered: isHoveredProp,
|
|
22
|
+
isFocusVisible: isFocusVisibleProp,
|
|
23
|
+
isChecked: isCheckedProp,
|
|
24
|
+
isDisabled: isDisabledProp,
|
|
25
|
+
isInvalid: isInvalidProp,
|
|
26
|
+
isReadOnly: isReadOnlyProp,
|
|
27
|
+
isIndeterminate: isIndeterminateProp,
|
|
28
|
+
isFocused,
|
|
29
|
+
isPressed
|
|
30
|
+
} = props;
|
|
31
|
+
const {
|
|
32
|
+
combinedProps,
|
|
33
|
+
isInvalid,
|
|
34
|
+
isReadOnly,
|
|
35
|
+
isIndeterminate,
|
|
36
|
+
groupItemInputProps,
|
|
37
|
+
isChecked,
|
|
38
|
+
isDisabled,
|
|
39
|
+
isHovered,
|
|
40
|
+
mergedRef,
|
|
41
|
+
inputRef
|
|
42
|
+
} = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref, {
|
|
43
|
+
useInputRefForAria: true
|
|
44
|
+
});
|
|
45
|
+
const {
|
|
46
|
+
focusProps,
|
|
47
|
+
isFocusVisible
|
|
48
|
+
} = (0, _focus.useFocusRing)();
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckbox, {
|
|
50
|
+
...combinedProps,
|
|
51
|
+
ref: mergedRef,
|
|
52
|
+
role: "label"
|
|
53
|
+
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
|
|
54
|
+
,
|
|
55
|
+
accessibilityRole: "label",
|
|
56
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
57
|
+
checked: isChecked || isCheckedProp,
|
|
58
|
+
disabled: isDisabled || isDisabledProp,
|
|
59
|
+
hover: isHovered || isHoveredProp,
|
|
60
|
+
invalid: isInvalid || isInvalidProp,
|
|
61
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
62
|
+
active: isPressed,
|
|
63
|
+
focus: isFocused,
|
|
64
|
+
indeterminate: isIndeterminate || isIndeterminateProp,
|
|
65
|
+
focusVisible: isFocusVisible
|
|
66
|
+
}),
|
|
67
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_context.CheckboxProvider, {
|
|
68
|
+
value: {
|
|
69
|
+
isChecked: isChecked || isCheckedProp,
|
|
70
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
71
|
+
isFocusVisible: isFocusVisible || isFocusVisibleProp,
|
|
72
|
+
isHovered: isHovered || isHoveredProp,
|
|
73
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
74
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
75
|
+
isIndeterminate: isIndeterminate || isIndeterminateProp,
|
|
76
|
+
isPressed,
|
|
77
|
+
isFocused
|
|
78
|
+
},
|
|
79
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
|
|
80
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
|
|
81
|
+
...groupItemInputProps,
|
|
82
|
+
...focusProps,
|
|
83
|
+
ref: inputRef
|
|
84
|
+
})
|
|
85
|
+
}), children]
|
|
86
|
+
})
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
exports.createCheckboxRoot = createCheckboxRoot;
|
|
90
|
+
//# sourceMappingURL=createCheckboxRoot.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_visuallyHidden","_focus","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","createCheckboxRoot","BaseCheckbox","forwardRef","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","jsx","role","accessibilityRole","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","jsxs","CheckboxProvider","value","VisuallyHidden","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAEpD;;AAEO,MAAMO,kBAAkB,GAAQC,YAAoC,iBACzE,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAsB,CAAC,EAAEC,GAAkB,KAAK;EACzE,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,cAAc,EAAEC,kBAAkB;IAClCC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,eAAe,EAAEC,mBAAmB;IACpCC,SAAS;IACTC;EACF,CAAC,GAAGjB,KAAK;EAET,MAAM;IACJkB,aAAa;IACbR,SAAS;IACTE,UAAU;IACVE,eAAe;IACfK,mBAAmB;IACnBb,SAAS;IACTE,UAAU;IACVN,SAAS;IACTkB,SAAS;IACTC;EACF,CAAC,GAAG,IAAAC,gCAAe,EAACtB,KAAK,EAAEC,GAAG,EAAE;IAAEsB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEpB;EAAe,CAAC,GAAG,IAAAqB,mBAAY,EAAC,CAAC;EAErD,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAAC7B,YAAY;IAAA,GACNqB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfO,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrB,IAAAC,8BAAc,EAAC;MACjBC,OAAO,EAAExB,SAAS,IAAIC,aAAa;MACnCwB,QAAQ,EAAEvB,UAAU,IAAIC,cAAc;MACtCuB,KAAK,EAAE9B,SAAS,IAAIC,aAAa;MACjC8B,OAAO,EAAEvB,SAAS,IAAIC,aAAa;MACnCuB,QAAQ,EAAEtB,UAAU,IAAIC,cAAc;MACtCsB,MAAM,EAAElB,SAAS;MACjBmB,KAAK,EAAEpB,SAAS;MAChBqB,aAAa,EAAEvB,eAAe,IAAIC,mBAAmB;MACrDuB,YAAY,EAAElC;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEF,IAAAJ,WAAA,CAAA4C,IAAA,EAAC9C,QAAA,CAAA+C,gBAAgB;MACfC,KAAK,EAAE;QACLnC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,cAAc,EAAEA,cAAc,IAAIC,kBAAkB;QACpDH,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCO,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDE,SAAS;QACTD;MACF,CAAE;MAAAjB,QAAA,gBAEF,IAAAJ,WAAA,CAAA+B,GAAA,EAACpC,eAAA,CAAAoD,cAAc;QAAA3C,QAAA,eACb,IAAAJ,WAAA,CAAA+B,GAAA;UAAA,GAAWP,mBAAmB;UAAA,GAAMK,UAAU;UAAEvB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC;AAAC4C,OAAA,CAAA/C,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckbox = createCheckbox;
|
|
7
|
+
var _createCheckboxGroup = require("./createCheckboxGroup");
|
|
8
|
+
var _createCheckboxIcon = require("./createCheckboxIcon");
|
|
9
|
+
var _createCheckboxIndicator = require("./createCheckboxIndicator");
|
|
10
|
+
var _createCheckboxLabel = require("./createCheckboxLabel");
|
|
11
|
+
var _createCheckboxRoot = require("./createCheckboxRoot");
|
|
12
|
+
function createCheckbox(BaseComponents) {
|
|
13
|
+
const Checkbox = (0, _createCheckboxRoot.createCheckboxRoot)(BaseComponents.Root);
|
|
14
|
+
const Indicator = (0, _createCheckboxIndicator.createCheckboxIndicator)(BaseComponents.Indicator);
|
|
15
|
+
const Icon = (0, _createCheckboxIcon.createCheckboxIcon)(BaseComponents.Icon);
|
|
16
|
+
const Label = (0, _createCheckboxLabel.createCheckboxLabel)(BaseComponents.Label);
|
|
17
|
+
const Group = (0, _createCheckboxGroup.createCheckboxGroup)(BaseComponents.Group);
|
|
18
|
+
Checkbox.displayName = 'CheckboxPrimitive';
|
|
19
|
+
Indicator.displayName = 'CheckboxPrimitive.Indicator';
|
|
20
|
+
Icon.displayName = 'CheckboxPrimitive.Icon';
|
|
21
|
+
Label.displayName = 'CheckboxPrimitive.Label';
|
|
22
|
+
Group.displayName = 'CheckboxPrimitive.Group';
|
|
23
|
+
return Object.assign(Checkbox, {
|
|
24
|
+
Indicator,
|
|
25
|
+
Icon,
|
|
26
|
+
Label,
|
|
27
|
+
Group
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createCheckboxGroup","require","_createCheckboxIcon","_createCheckboxIndicator","_createCheckboxLabel","_createCheckboxRoot","createCheckbox","BaseComponents","Checkbox","createCheckboxRoot","Root","Indicator","createCheckboxIndicator","Icon","createCheckboxIcon","Label","createCheckboxLabel","Group","createCheckboxGroup","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAYO,SAASK,cAAcA,CAAsCC,cAMnE,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACG,IAAI,CAAC;EACxD,MAAMC,SAAS,GAAG,IAAAC,gDAAuB,EAACL,cAAc,CAACI,SAAS,CAAC;EACnE,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACP,cAAc,CAACM,IAAI,CAAC;EACpD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACT,cAAc,CAACQ,KAAK,CAAC;EACvD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACX,cAAc,CAACU,KAAK,CAAC;EAEvDT,QAAQ,CAACW,WAAW,GAAG,mBAAmB;EAC1CR,SAAS,CAACQ,WAAW,GAAG,6BAA6B;EACrDN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,KAAK,CAACI,WAAW,GAAG,yBAAyB;EAC7CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAE;IAC7BG,SAAS;IACTE,IAAI;IACJE,KAAK;IACLE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["checkbox/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useCheckboxRoot = useCheckboxRoot;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _checkbox = require("@react-native-aria/checkbox");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _toggle = require("@react-stately/toggle");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
function useCheckboxRoot(props, ref, {
|
|
14
|
+
useInputRefForAria = false
|
|
15
|
+
} = {}) {
|
|
16
|
+
const formControlContext = (0, _utils.useFormControlContext)();
|
|
17
|
+
const {
|
|
18
|
+
isInvalid,
|
|
19
|
+
isReadOnly,
|
|
20
|
+
isIndeterminate,
|
|
21
|
+
...combinedProps
|
|
22
|
+
} = {
|
|
23
|
+
...formControlContext,
|
|
24
|
+
...props
|
|
25
|
+
};
|
|
26
|
+
const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
|
|
27
|
+
const state = (0, _toggle.useToggleState)({
|
|
28
|
+
...combinedProps,
|
|
29
|
+
defaultSelected: props.defaultIsChecked,
|
|
30
|
+
isSelected: props.isChecked
|
|
31
|
+
});
|
|
32
|
+
const rootRef = (0, _react.useRef)(null);
|
|
33
|
+
const inputRef = (0, _react.useRef)(null);
|
|
34
|
+
const mergedRootRef = (0, _utils.mergeRefs)(ref, rootRef);
|
|
35
|
+
const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
|
|
36
|
+
const groupToggleState = (0, _toggle.useToggleState)(checkboxGroupContext ? {
|
|
37
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
38
|
+
isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
|
|
39
|
+
onChange(isSelected) {
|
|
40
|
+
if (isSelected) {
|
|
41
|
+
checkboxGroupContext.state.addValue(combinedProps.value);
|
|
42
|
+
} else {
|
|
43
|
+
checkboxGroupContext.state.removeValue(combinedProps.value);
|
|
44
|
+
}
|
|
45
|
+
combinedProps.onChange?.(isSelected);
|
|
46
|
+
}
|
|
47
|
+
} : {
|
|
48
|
+
isSelected: false
|
|
49
|
+
});
|
|
50
|
+
const {
|
|
51
|
+
inputProps: groupItemInputProps
|
|
52
|
+
} = (0, _checkbox.useCheckbox)({
|
|
53
|
+
...combinedProps,
|
|
54
|
+
'aria-label': ariaLabel,
|
|
55
|
+
...(checkboxGroupContext && {
|
|
56
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
57
|
+
isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
|
|
58
|
+
})
|
|
59
|
+
}, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
|
|
60
|
+
const {
|
|
61
|
+
checked: isChecked,
|
|
62
|
+
disabled: isDisabled
|
|
63
|
+
} = groupItemInputProps;
|
|
64
|
+
const {
|
|
65
|
+
hoverProps,
|
|
66
|
+
isHovered
|
|
67
|
+
} = (0, _interactions.useHover)({}, rootRef);
|
|
68
|
+
return {
|
|
69
|
+
combinedProps,
|
|
70
|
+
isInvalid,
|
|
71
|
+
isReadOnly,
|
|
72
|
+
isIndeterminate,
|
|
73
|
+
groupItemInputProps,
|
|
74
|
+
isChecked,
|
|
75
|
+
isDisabled,
|
|
76
|
+
isHovered,
|
|
77
|
+
hoverProps,
|
|
78
|
+
mergedRef: mergedRootRef,
|
|
79
|
+
inputRef
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
//# sourceMappingURL=useCheckboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","useContext","CheckboxGroupContext","state","useToggleState","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","useRef","inputRef","mergedRootRef","mergeRefs","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","useCheckbox","isDisabled","checked","disabled","hoverProps","isHovered","useHover","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAOO,SAASM,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAElD,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGL,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMS,oBAAoB,GAAG,IAAAC,iBAAU,EAACC,6BAAoB,CAAC;EAE7D,MAAMC,KAAK,GAAG,IAAAC,sBAAc,EAAC;IAC3B,GAAGL,aAAa;IAChBM,eAAe,EAAEd,KAAK,CAACe,gBAAgB;IACvCC,UAAU,EAAEhB,KAAK,CAACiB;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAC5B,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA0B,IAAI,CAAC;EACtD,MAAME,aAAa,GAAG,IAAAC,gBAAS,EAACrB,GAAG,EAASiB,OAAc,CAAC;EAC3D,MAAMK,SAAS,GAAGf,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACgB,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAG,IAAAZ,sBAAc,EACrCJ,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACG,KAAK,CAACN,UAAU;IAC/DU,UAAU,EAAEP,oBAAoB,CAACG,KAAK,CAACI,UAAU,CAACR,aAAa,CAACgB,KAAK,CAAC;IACtEE,QAAQA,CAACV,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdP,oBAAoB,CAACG,KAAK,CAACe,QAAQ,CAACnB,aAAa,CAACgB,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLf,oBAAoB,CAACG,KAAK,CAACgB,WAAW,CAACpB,aAAa,CAACgB,KAAK,CAAC;MAC7D;MACAhB,aAAa,CAACkB,QAAQ,GAAGV,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEa,UAAU,EAAEC;EAAoB,CAAC,GAAG,IAAAC,qBAAW,EACrD;IACE,GAAGvB,aAAa;IAChB,YAAY,EAAEe,SAAS;IACvB,IAAId,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACG,KAAK,CAACN,UAAU;MAC/D0B,UAAU,EAAExB,aAAa,CAACwB,UAAU,IAAIvB,oBAAoB,CAACG,KAAK,CAACoB;IACrE,CAAC;EACH,CAAC,EACDvB,oBAAoB,GAAGgB,gBAAgB,GAAGb,KAAK,EAC9CV,kBAAkB,GAAGkB,QAAQ,GAAGF,OACnC,CAAC;EAED,MAAM;IAAEe,OAAO,EAAEhB,SAAS;IAAEiB,QAAQ,EAAEF;EAAW,CAAC,GAAGF,mBAAmB;EAExE,MAAM;IAAEK,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC,CAAC,EAAEnB,OAAO,CAAC;EAEvD,OAAO;IACLV,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfuB,mBAAmB;IACnBb,SAAS;IACTe,UAAU;IACVI,SAAS;IACTD,UAAU;IACVG,SAAS,EAAEjB,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -12,6 +12,18 @@ Object.defineProperty(exports, "OverlayInsetsProvider", {
|
|
|
12
12
|
return _overlay.OverlayInsetsProvider;
|
|
13
13
|
}
|
|
14
14
|
});
|
|
15
|
+
var _avatar = require("./avatar");
|
|
16
|
+
Object.keys(_avatar).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _avatar[key]) return;
|
|
20
|
+
Object.defineProperty(exports, key, {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return _avatar[key];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
15
27
|
var _button = require("./button");
|
|
16
28
|
Object.keys(_button).forEach(function (key) {
|
|
17
29
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -24,6 +36,18 @@ Object.keys(_button).forEach(function (key) {
|
|
|
24
36
|
}
|
|
25
37
|
});
|
|
26
38
|
});
|
|
39
|
+
var _checkbox = require("./checkbox");
|
|
40
|
+
Object.keys(_checkbox).forEach(function (key) {
|
|
41
|
+
if (key === "default" || key === "__esModule") return;
|
|
42
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
43
|
+
if (key in exports && exports[key] === _checkbox[key]) return;
|
|
44
|
+
Object.defineProperty(exports, key, {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function () {
|
|
47
|
+
return _checkbox[key];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
});
|
|
27
51
|
var _input = require("./input");
|
|
28
52
|
Object.keys(_input).forEach(function (key) {
|
|
29
53
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -36,6 +60,19 @@ Object.keys(_input).forEach(function (key) {
|
|
|
36
60
|
}
|
|
37
61
|
});
|
|
38
62
|
});
|
|
63
|
+
var _link = require("./link");
|
|
64
|
+
Object.keys(_link).forEach(function (key) {
|
|
65
|
+
if (key === "default" || key === "__esModule") return;
|
|
66
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
67
|
+
if (key in exports && exports[key] === _link[key]) return;
|
|
68
|
+
Object.defineProperty(exports, key, {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function () {
|
|
71
|
+
return _link[key];
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
var _overlay = require("./overlay");
|
|
39
76
|
var _select = require("./select");
|
|
40
77
|
Object.keys(_select).forEach(function (key) {
|
|
41
78
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -48,5 +85,16 @@ Object.keys(_select).forEach(function (key) {
|
|
|
48
85
|
}
|
|
49
86
|
});
|
|
50
87
|
});
|
|
51
|
-
var
|
|
88
|
+
var _switch = require("./switch");
|
|
89
|
+
Object.keys(_switch).forEach(function (key) {
|
|
90
|
+
if (key === "default" || key === "__esModule") return;
|
|
91
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
92
|
+
if (key in exports && exports[key] === _switch[key]) return;
|
|
93
|
+
Object.defineProperty(exports, key, {
|
|
94
|
+
enumerable: true,
|
|
95
|
+
get: function () {
|
|
96
|
+
return _switch[key];
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
});
|
|
52
100
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_avatar","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_button","_checkbox","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,26 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.createInput =
|
|
6
|
+
exports.createInput = createInput;
|
|
7
7
|
var _createInputField = require("./createInputField");
|
|
8
|
-
var _createInputIcon = require("./createInputIcon");
|
|
9
8
|
var _createInputRoot = require("./createInputRoot");
|
|
10
9
|
var _createInputSlot = require("./createInputSlot");
|
|
11
|
-
|
|
12
|
-
Root
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
Input.Slot.displayName = 'Input.Slot';
|
|
24
|
-
Input.Field.displayName = 'Input.Field';
|
|
25
|
-
return Input;
|
|
26
|
-
};
|
|
27
|
-
exports.createInput = createInput;
|
|
10
|
+
function createInput(BaseComponents) {
|
|
11
|
+
const Input = (0, _createInputRoot.createInputRoot)(BaseComponents.Root);
|
|
12
|
+
const Slot = (0, _createInputSlot.createInputSlot)(BaseComponents.Slot);
|
|
13
|
+
const Field = (0, _createInputField.createInputField)(BaseComponents.Field);
|
|
14
|
+
Input.displayName = 'InputPrimitive';
|
|
15
|
+
Slot.displayName = 'InputPrimitive.Slot';
|
|
16
|
+
Field.displayName = 'InputPrimitive.Field';
|
|
17
|
+
return Object.assign(Input, {
|
|
18
|
+
Slot,
|
|
19
|
+
Field
|
|
20
|
+
});
|
|
21
|
+
}
|
|
28
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_createInputField","require","
|
|
1
|
+
{"version":3,"names":["_createInputField","require","_createInputRoot","_createInputSlot","createInput","BaseComponents","Input","createInputRoot","Root","Slot","createInputSlot","Field","createInputField","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAWO,SAASG,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACF,cAAc,CAACG,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAG,IAAAC,gCAAe,EAACL,cAAc,CAACI,IAAI,CAAC;EACjD,MAAME,KAAK,GAAG,IAAAC,kCAAgB,EAACP,cAAc,CAACM,KAAK,CAAC;EAEpDL,KAAK,CAACO,WAAW,GAAG,gBAAgB;EACpCJ,IAAI,CAACI,WAAW,GAAG,qBAAqB;EACxCF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACT,KAAK,EAAE;IAC1BG,IAAI;IACJE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LinkProvider = LinkProvider;
|
|
7
|
+
exports.useLinkConfig = useLinkConfig;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const LinkConfigContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
11
|
+
function LinkProvider({
|
|
12
|
+
navigate,
|
|
13
|
+
shouldNavigate,
|
|
14
|
+
children
|
|
15
|
+
}) {
|
|
16
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkConfigContext.Provider, {
|
|
17
|
+
value: {
|
|
18
|
+
navigate,
|
|
19
|
+
shouldNavigate
|
|
20
|
+
},
|
|
21
|
+
children: children
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
LinkProvider.displayName = 'LinkProvider';
|
|
25
|
+
function useLinkConfig() {
|
|
26
|
+
return (0, _react.useContext)(LinkConfigContext);
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=LinkProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_jsxRuntime","LinkConfigContext","createContext","undefined","LinkProvider","navigate","shouldNavigate","children","jsx","Provider","value","displayName","useLinkConfig","useContext"],"sourceRoot":"../../../src","sources":["link/LinkProvider.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAkE,IAAAC,WAAA,GAAAD,OAAA;AA+BlE,MAAME,iBAAiB,gBAAG,IAAAC,oBAAa,EAAyBC,SAAS,CAAC;AAEnE,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,cAAc;EACdC;AACoC,CAAC,EAAE;EACvC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACP,iBAAiB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,QAAQ;MAAEC;IAAe,CAAE;IAAAC,QAAA,EAC7DA;EAAQ,CACiB,CAAC;AAEjC;AAEAH,YAAY,CAACO,WAAW,GAAG,cAAc;AAElC,SAASC,aAAaA,CAAA,EAA2B;EACtD,OAAO,IAAAC,iBAAU,EAACZ,iBAAiB,CAAC;AACtC","ignoreList":[]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createLink = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _focus = require("@react-native-aria/focus");
|
|
10
|
+
var _interactions = require("@react-native-aria/interactions");
|
|
11
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
12
|
+
var _useLink = require("./useLink");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const createLink = ({
|
|
16
|
+
Root
|
|
17
|
+
}) => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
18
|
+
children,
|
|
19
|
+
isHovered: isHoveredProp,
|
|
20
|
+
isPressed: isPressedProp,
|
|
21
|
+
isFocused: isFocusedProp,
|
|
22
|
+
isFocusVisible: isFocusVisibleProp,
|
|
23
|
+
href,
|
|
24
|
+
onPress,
|
|
25
|
+
action,
|
|
26
|
+
webProps,
|
|
27
|
+
...props
|
|
28
|
+
}, ref) => {
|
|
29
|
+
const {
|
|
30
|
+
isFocused,
|
|
31
|
+
focusProps
|
|
32
|
+
} = (0, _focus.useFocus)();
|
|
33
|
+
const {
|
|
34
|
+
isFocusVisible,
|
|
35
|
+
focusProps: focusRingProps
|
|
36
|
+
} = (0, _focus.useFocusRing)();
|
|
37
|
+
const {
|
|
38
|
+
pressProps,
|
|
39
|
+
isPressed
|
|
40
|
+
} = (0, _interactions.usePress)({});
|
|
41
|
+
const {
|
|
42
|
+
isHovered,
|
|
43
|
+
hoverProps
|
|
44
|
+
} = (0, _interactions.useHover)();
|
|
45
|
+
const {
|
|
46
|
+
linkProps
|
|
47
|
+
} = (0, _useLink.useLink)({
|
|
48
|
+
href,
|
|
49
|
+
onPress,
|
|
50
|
+
action,
|
|
51
|
+
webProps
|
|
52
|
+
});
|
|
53
|
+
const interactionAttrs = (0, _dataAttributes.dataAttributes)({
|
|
54
|
+
hover: isHoveredProp || isHovered,
|
|
55
|
+
focus: isFocusedProp || isFocused,
|
|
56
|
+
active: isPressedProp || isPressed,
|
|
57
|
+
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
58
|
+
});
|
|
59
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
|
|
60
|
+
ref: ref,
|
|
61
|
+
...interactionAttrs,
|
|
62
|
+
...linkProps,
|
|
63
|
+
...props,
|
|
64
|
+
onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
|
|
65
|
+
onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
|
|
66
|
+
onHoverIn: (0, _utils.composeEventHandlers)(props?.onHoverIn, hoverProps.onHoverIn),
|
|
67
|
+
onHoverOut: (0, _utils.composeEventHandlers)(props?.onHoverOut, hoverProps.onHoverOut),
|
|
68
|
+
onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
|
|
69
|
+
onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
|
|
70
|
+
children: children
|
|
71
|
+
});
|
|
72
|
+
});
|
|
73
|
+
exports.createLink = createLink;
|
|
74
|
+
//# sourceMappingURL=createLink.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_useLink","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createLink","Root","forwardRef","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","href","onPress","action","webProps","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","usePress","hoverProps","useHover","linkProps","useLink","interactionAttrs","dataAttributes","hover","focus","active","focusVisible","jsx","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["link/createLink.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "LinkProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _LinkProvider.LinkProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "createLink", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _createLink.createLink;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "useLink", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _useLink.useLink;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
var _createLink = require("./createLink");
|
|
25
|
+
var _LinkProvider = require("./LinkProvider");
|
|
26
|
+
var _useLink = require("./useLink");
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_createLink","require","_LinkProvider","_useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["link/types.ts"],"mappings":"","ignoreList":[]}
|