@cdx-ui/primitives 0.0.1-alpha.1 → 0.0.1-alpha.11
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/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 +28 -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 +25 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/input/index.js +16 -18
- package/lib/commonjs/input/index.js.map +1 -1
- package/lib/commonjs/select/context.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/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 +23 -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 +3 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/input/index.js +15 -16
- package/lib/module/input/index.js.map +1 -1
- package/lib/module/select/context.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/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 +4 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/input/index.d.ts +3 -2
- package/lib/typescript/input/index.d.ts.map +1 -1
- package/lib/typescript/select/context.d.ts +2 -1
- package/lib/typescript/select/context.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 -9
- 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 +4 -1
- package/src/input/index.tsx +18 -25
- package/src/select/context.tsx +2 -1
- 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
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useCheckboxContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const createCheckboxLabel = BaseCheckboxLabel => /*#__PURE__*/forwardRef(({
|
|
8
|
+
children,
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
isChecked,
|
|
14
|
+
isDisabled,
|
|
15
|
+
isHovered,
|
|
16
|
+
isInvalid,
|
|
17
|
+
isReadOnly,
|
|
18
|
+
isPressed,
|
|
19
|
+
isFocused,
|
|
20
|
+
isIndeterminate,
|
|
21
|
+
isFocusVisible
|
|
22
|
+
} = useCheckboxContext();
|
|
23
|
+
return /*#__PURE__*/_jsx(BaseCheckboxLabel, {
|
|
24
|
+
className: className,
|
|
25
|
+
...dataAttributes({
|
|
26
|
+
hover: isHovered,
|
|
27
|
+
checked: isChecked,
|
|
28
|
+
disabled: isDisabled,
|
|
29
|
+
focusVisible: isFocusVisible,
|
|
30
|
+
invalid: isInvalid,
|
|
31
|
+
readOnly: isReadOnly,
|
|
32
|
+
pressed: isPressed,
|
|
33
|
+
focused: isFocused,
|
|
34
|
+
indeterminate: isIndeterminate
|
|
35
|
+
}),
|
|
36
|
+
...props,
|
|
37
|
+
ref: ref,
|
|
38
|
+
children: children
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=createCheckboxLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useCheckboxContext","jsx","_jsx","createCheckboxLabel","BaseCheckboxLabel","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","hover","checked","disabled","focusVisible","invalid","readOnly","pressed","focused","indeterminate"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,mBAAmB,GAAQC,iBAAyC,iBAC/EN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IACJC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,eAAe;IACfC;EACF,CAAC,GAAGjB,kBAAkB,CAAC,CAAC;EAExB,oBACEE,IAAA,CAACE,iBAAiB;IAChBE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBmB,KAAK,EAAEP,SAAS;MAChBQ,OAAO,EAAEV,SAAS;MAClBW,QAAQ,EAAEV,UAAU;MACpBW,YAAY,EAAEJ,cAAc;MAC5BK,OAAO,EAAEV,SAAS;MAClBW,QAAQ,EAAEV,UAAU;MACpBW,OAAO,EAAEV,SAAS;MAClBW,OAAO,EAAEV,SAAS;MAClBW,aAAa,EAAEV;IACjB,CAAC,CAAC;IAAA,GACGT,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
5
|
+
import { useFocus } from '@react-native-aria/focus';
|
|
6
|
+
import { usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { CheckboxProvider } from './context';
|
|
9
|
+
import { useCheckboxRoot } from './useCheckboxRoot';
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/forwardRef(({
|
|
12
|
+
onPressIn,
|
|
13
|
+
onPressOut,
|
|
14
|
+
onHoverIn,
|
|
15
|
+
onHoverOut,
|
|
16
|
+
onFocus,
|
|
17
|
+
onBlur,
|
|
18
|
+
children,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
isHovered: isHoveredProp,
|
|
23
|
+
isChecked: isCheckedProp,
|
|
24
|
+
isDisabled: isDisabledProp,
|
|
25
|
+
isInvalid: isInvalidProp,
|
|
26
|
+
isReadOnly: isReadOnlyProp,
|
|
27
|
+
isPressed: isPressedProp,
|
|
28
|
+
isFocused: isFocusedProp,
|
|
29
|
+
isIndeterminate: isIndeterminateProp,
|
|
30
|
+
isFocusVisible
|
|
31
|
+
} = props;
|
|
32
|
+
const {
|
|
33
|
+
combinedProps,
|
|
34
|
+
isInvalid,
|
|
35
|
+
isReadOnly,
|
|
36
|
+
isIndeterminate,
|
|
37
|
+
groupItemInputProps,
|
|
38
|
+
isChecked,
|
|
39
|
+
isDisabled,
|
|
40
|
+
isHovered,
|
|
41
|
+
hoverProps,
|
|
42
|
+
mergedRef
|
|
43
|
+
} = useCheckboxRoot(props, ref);
|
|
44
|
+
const {
|
|
45
|
+
focusProps,
|
|
46
|
+
isFocused
|
|
47
|
+
} = useFocus();
|
|
48
|
+
const {
|
|
49
|
+
pressProps,
|
|
50
|
+
isPressed
|
|
51
|
+
} = usePress({
|
|
52
|
+
isDisabled: isDisabled || isDisabledProp
|
|
53
|
+
});
|
|
54
|
+
return /*#__PURE__*/_jsx(BaseCheckbox, {
|
|
55
|
+
disabled: isDisabled || isDisabledProp,
|
|
56
|
+
...pressProps,
|
|
57
|
+
...combinedProps,
|
|
58
|
+
...groupItemInputProps,
|
|
59
|
+
ref: mergedRef,
|
|
60
|
+
role: "checkbox",
|
|
61
|
+
onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
|
|
62
|
+
onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
|
|
63
|
+
onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
|
|
64
|
+
onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
|
|
65
|
+
onFocus: composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus)),
|
|
66
|
+
onBlur: composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur)),
|
|
67
|
+
...dataAttributes({
|
|
68
|
+
checked: isChecked || isCheckedProp,
|
|
69
|
+
disabled: isDisabled || isDisabledProp,
|
|
70
|
+
hover: isHovered || isHoveredProp,
|
|
71
|
+
invalid: isInvalid || isInvalidProp,
|
|
72
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
73
|
+
active: isPressed,
|
|
74
|
+
focus: isFocused,
|
|
75
|
+
indeterminate: isIndeterminate || isIndeterminateProp,
|
|
76
|
+
focusVisible: isFocusVisible
|
|
77
|
+
}),
|
|
78
|
+
children: /*#__PURE__*/_jsx(CheckboxProvider, {
|
|
79
|
+
value: {
|
|
80
|
+
isChecked: isChecked || isCheckedProp,
|
|
81
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
82
|
+
isHovered: isHovered || isHoveredProp,
|
|
83
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
84
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
85
|
+
isPressed: isPressed || isPressedProp,
|
|
86
|
+
isFocused: isFocused || isFocusedProp,
|
|
87
|
+
isIndeterminate: isIndeterminate || isIndeterminateProp,
|
|
88
|
+
isFocusVisible
|
|
89
|
+
},
|
|
90
|
+
children: children
|
|
91
|
+
})
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=createCheckboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","composeEventHandlers","useFocus","usePress","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","createCheckboxRoot","BaseCheckbox","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","focusProps","pressProps","disabled","role","checked","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { VisuallyHidden } from '@react-aria/visually-hidden';
|
|
5
|
+
import { useFocusRing } from '@react-native-aria/focus';
|
|
6
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
7
|
+
import { CheckboxProvider } from './context';
|
|
8
|
+
import { useCheckboxRoot } from './useCheckboxRoot';
|
|
9
|
+
|
|
10
|
+
// TODO: Label is taking focus on keyboard navigation
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
export const createCheckboxRoot = BaseCheckbox => /*#__PURE__*/forwardRef(({
|
|
13
|
+
children,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isHovered: isHoveredProp,
|
|
18
|
+
isFocusVisible: isFocusVisibleProp,
|
|
19
|
+
isChecked: isCheckedProp,
|
|
20
|
+
isDisabled: isDisabledProp,
|
|
21
|
+
isInvalid: isInvalidProp,
|
|
22
|
+
isReadOnly: isReadOnlyProp,
|
|
23
|
+
isIndeterminate: isIndeterminateProp,
|
|
24
|
+
isFocused,
|
|
25
|
+
isPressed
|
|
26
|
+
} = props;
|
|
27
|
+
const {
|
|
28
|
+
combinedProps,
|
|
29
|
+
isInvalid,
|
|
30
|
+
isReadOnly,
|
|
31
|
+
isIndeterminate,
|
|
32
|
+
groupItemInputProps,
|
|
33
|
+
isChecked,
|
|
34
|
+
isDisabled,
|
|
35
|
+
isHovered,
|
|
36
|
+
mergedRef,
|
|
37
|
+
inputRef
|
|
38
|
+
} = useCheckboxRoot(props, ref, {
|
|
39
|
+
useInputRefForAria: true
|
|
40
|
+
});
|
|
41
|
+
const {
|
|
42
|
+
focusProps,
|
|
43
|
+
isFocusVisible
|
|
44
|
+
} = useFocusRing();
|
|
45
|
+
return /*#__PURE__*/_jsx(BaseCheckbox, {
|
|
46
|
+
...combinedProps,
|
|
47
|
+
ref: mergedRef,
|
|
48
|
+
role: "label"
|
|
49
|
+
// eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
|
|
50
|
+
,
|
|
51
|
+
accessibilityRole: "label",
|
|
52
|
+
...dataAttributes({
|
|
53
|
+
checked: isChecked || isCheckedProp,
|
|
54
|
+
disabled: isDisabled || isDisabledProp,
|
|
55
|
+
hover: isHovered || isHoveredProp,
|
|
56
|
+
invalid: isInvalid || isInvalidProp,
|
|
57
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
58
|
+
active: isPressed,
|
|
59
|
+
focus: isFocused,
|
|
60
|
+
indeterminate: isIndeterminate || isIndeterminateProp,
|
|
61
|
+
focusVisible: isFocusVisible
|
|
62
|
+
}),
|
|
63
|
+
children: /*#__PURE__*/_jsxs(CheckboxProvider, {
|
|
64
|
+
value: {
|
|
65
|
+
isChecked: isChecked || isCheckedProp,
|
|
66
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
67
|
+
isFocusVisible: isFocusVisible || isFocusVisibleProp,
|
|
68
|
+
isHovered: isHovered || isHoveredProp,
|
|
69
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
70
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
71
|
+
isIndeterminate: isIndeterminate || isIndeterminateProp,
|
|
72
|
+
isPressed,
|
|
73
|
+
isFocused
|
|
74
|
+
},
|
|
75
|
+
children: [/*#__PURE__*/_jsx(VisuallyHidden, {
|
|
76
|
+
children: /*#__PURE__*/_jsx("input", {
|
|
77
|
+
...groupItemInputProps,
|
|
78
|
+
...focusProps,
|
|
79
|
+
ref: inputRef
|
|
80
|
+
})
|
|
81
|
+
}), children]
|
|
82
|
+
})
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
//# sourceMappingURL=createCheckboxRoot.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","VisuallyHidden","useFocusRing","dataAttributes","CheckboxProvider","useCheckboxRoot","jsx","_jsx","jsxs","_jsxs","createCheckboxRoot","BaseCheckbox","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useInputRefForAria","focusProps","role","accessibilityRole","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxRoot.web.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,OAAO,MAAMC,kBAAkB,GAAQC,YAAoC,iBACzEX,UAAU,CAAC,CAAC;EAAEY,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,GAAG7B,eAAe,CAACQ,KAAK,EAAEC,GAAG,EAAE;IAAEqB,kBAAkB,EAAE;EAAK,CAAC,CAAC;EAE7D,MAAM;IAAEC,UAAU;IAAEnB;EAAe,CAAC,GAAGf,YAAY,CAAC,CAAC;EAErD,oBACEK,IAAA,CAACI,YAAY;IAAA,GACNoB,aAAa;IAClBjB,GAAG,EAAEmB,SAAU;IACfI,IAAI,EAAC;IACL;IAAA;IACAC,iBAAiB,EAAC,OAAO;IAAA,GACrBnC,cAAc,CAAC;MACjBoC,OAAO,EAAEpB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCmB,KAAK,EAAE1B,SAAS,IAAIC,aAAa;MACjC0B,OAAO,EAAEnB,SAAS,IAAIC,aAAa;MACnCmB,QAAQ,EAAElB,UAAU,IAAIC,cAAc;MACtCkB,MAAM,EAAEd,SAAS;MACjBe,KAAK,EAAEhB,SAAS;MAChBiB,aAAa,EAAEnB,eAAe,IAAIC,mBAAmB;MACrDmB,YAAY,EAAE9B;IAChB,CAAC,CAAC;IAAAL,QAAA,eAEFH,KAAA,CAACL,gBAAgB;MACf4C,KAAK,EAAE;QACL7B,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,gBAEFL,IAAA,CAACN,cAAc;QAAAW,QAAA,eACbL,IAAA;UAAA,GAAWyB,mBAAmB;UAAA,GAAMI,UAAU;UAAEtB,GAAG,EAAEoB;QAAS,CAAE;MAAC,CACnD,CAAC,EAChBtB,QAAQ;IAAA,CACO;EAAC,CACP,CAAC;AAEnB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createCheckboxGroup } from './createCheckboxGroup';
|
|
4
|
+
import { createCheckboxIcon } from './createCheckboxIcon';
|
|
5
|
+
import { createCheckboxIndicator } from './createCheckboxIndicator';
|
|
6
|
+
import { createCheckboxLabel } from './createCheckboxLabel';
|
|
7
|
+
import { createCheckboxRoot } from './createCheckboxRoot';
|
|
8
|
+
export function createCheckbox(BaseComponents) {
|
|
9
|
+
const Checkbox = createCheckboxRoot(BaseComponents.Root);
|
|
10
|
+
const Indicator = createCheckboxIndicator(BaseComponents.Indicator);
|
|
11
|
+
const Icon = createCheckboxIcon(BaseComponents.Icon);
|
|
12
|
+
const Label = createCheckboxLabel(BaseComponents.Label);
|
|
13
|
+
const Group = createCheckboxGroup(BaseComponents.Group);
|
|
14
|
+
Checkbox.displayName = 'CheckboxPrimitive';
|
|
15
|
+
Indicator.displayName = 'CheckboxPrimitive.Indicator';
|
|
16
|
+
Icon.displayName = 'CheckboxPrimitive.Icon';
|
|
17
|
+
Label.displayName = 'CheckboxPrimitive.Label';
|
|
18
|
+
Group.displayName = 'CheckboxPrimitive.Group';
|
|
19
|
+
return Object.assign(Checkbox, {
|
|
20
|
+
Indicator,
|
|
21
|
+
Icon,
|
|
22
|
+
Label,
|
|
23
|
+
Group
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createCheckboxGroup","createCheckboxIcon","createCheckboxIndicator","createCheckboxLabel","createCheckboxRoot","createCheckbox","BaseComponents","Checkbox","Root","Indicator","Icon","Label","Group","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["checkbox/index.ts"],"mappings":";;AACA,SAASA,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AAYzD,OAAO,SAASC,cAAcA,CAAsCC,cAMnE,EAAE;EACD,MAAMC,QAAQ,GAAGH,kBAAkB,CAACE,cAAc,CAACE,IAAI,CAAC;EACxD,MAAMC,SAAS,GAAGP,uBAAuB,CAACI,cAAc,CAACG,SAAS,CAAC;EACnE,MAAMC,IAAI,GAAGT,kBAAkB,CAACK,cAAc,CAACI,IAAI,CAAC;EACpD,MAAMC,KAAK,GAAGR,mBAAmB,CAACG,cAAc,CAACK,KAAK,CAAC;EACvD,MAAMC,KAAK,GAAGZ,mBAAmB,CAACM,cAAc,CAACM,KAAK,CAAC;EAEvDL,QAAQ,CAACM,WAAW,GAAG,mBAAmB;EAC1CJ,SAAS,CAACI,WAAW,GAAG,6BAA6B;EACrDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAC7CD,KAAK,CAACC,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACR,QAAQ,EAAE;IAC7BE,SAAS;IACTC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["checkbox/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useContext, useRef } from 'react';
|
|
4
|
+
import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { useCheckbox } from '@react-native-aria/checkbox';
|
|
6
|
+
import { useHover } from '@react-native-aria/interactions';
|
|
7
|
+
import { useToggleState } from '@react-stately/toggle';
|
|
8
|
+
import { CheckboxGroupContext } from './context';
|
|
9
|
+
export function useCheckboxRoot(props, ref, {
|
|
10
|
+
useInputRefForAria = false
|
|
11
|
+
} = {}) {
|
|
12
|
+
const formControlContext = useFormControlContext();
|
|
13
|
+
const {
|
|
14
|
+
isInvalid,
|
|
15
|
+
isReadOnly,
|
|
16
|
+
isIndeterminate,
|
|
17
|
+
...combinedProps
|
|
18
|
+
} = {
|
|
19
|
+
...formControlContext,
|
|
20
|
+
...props
|
|
21
|
+
};
|
|
22
|
+
const checkboxGroupContext = useContext(CheckboxGroupContext);
|
|
23
|
+
const state = useToggleState({
|
|
24
|
+
...combinedProps,
|
|
25
|
+
defaultSelected: props.defaultIsChecked,
|
|
26
|
+
isSelected: props.isChecked
|
|
27
|
+
});
|
|
28
|
+
const rootRef = useRef(null);
|
|
29
|
+
const inputRef = useRef(null);
|
|
30
|
+
const mergedRootRef = mergeRefs(ref, rootRef);
|
|
31
|
+
const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
|
|
32
|
+
const groupToggleState = useToggleState(checkboxGroupContext ? {
|
|
33
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
34
|
+
isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
|
|
35
|
+
onChange(isSelected) {
|
|
36
|
+
if (isSelected) {
|
|
37
|
+
checkboxGroupContext.state.addValue(combinedProps.value);
|
|
38
|
+
} else {
|
|
39
|
+
checkboxGroupContext.state.removeValue(combinedProps.value);
|
|
40
|
+
}
|
|
41
|
+
combinedProps.onChange?.(isSelected);
|
|
42
|
+
}
|
|
43
|
+
} : {
|
|
44
|
+
isSelected: false
|
|
45
|
+
});
|
|
46
|
+
const {
|
|
47
|
+
inputProps: groupItemInputProps
|
|
48
|
+
} = useCheckbox({
|
|
49
|
+
...combinedProps,
|
|
50
|
+
'aria-label': ariaLabel,
|
|
51
|
+
...(checkboxGroupContext && {
|
|
52
|
+
isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
|
|
53
|
+
isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
|
|
54
|
+
})
|
|
55
|
+
}, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
|
|
56
|
+
const {
|
|
57
|
+
checked: isChecked,
|
|
58
|
+
disabled: isDisabled
|
|
59
|
+
} = groupItemInputProps;
|
|
60
|
+
const {
|
|
61
|
+
hoverProps,
|
|
62
|
+
isHovered
|
|
63
|
+
} = useHover({}, rootRef);
|
|
64
|
+
return {
|
|
65
|
+
combinedProps,
|
|
66
|
+
isInvalid,
|
|
67
|
+
isReadOnly,
|
|
68
|
+
isIndeterminate,
|
|
69
|
+
groupItemInputProps,
|
|
70
|
+
isChecked,
|
|
71
|
+
isDisabled,
|
|
72
|
+
isHovered,
|
|
73
|
+
hoverProps,
|
|
74
|
+
mergedRef: mergedRootRef,
|
|
75
|
+
inputRef
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=useCheckboxRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useContext","useRef","mergeRefs","useFormControlContext","useCheckbox","useHover","useToggleState","CheckboxGroupContext","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","state","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","inputRef","mergedRootRef","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","isDisabled","checked","disabled","hoverProps","isHovered","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAASC,SAAS,EAAEC,qBAAqB,QAAQ,eAAe;AAChE,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,oBAAoB,QAAQ,WAAW;AAOhD,OAAO,SAASC,eAAeA,CAC7BC,KAAqB,EACrBC,GAAwB,EACxB;EAAEC,kBAAkB,GAAG;AAA8B,CAAC,GAAG,CAAC,CAAC,EAC3D;EACA,MAAMC,kBAAkB,GAAGT,qBAAqB,CAAC,CAAC;EAElD,MAAM;IAAEU,SAAS;IAAEC,UAAU;IAAEC,eAAe;IAAE,GAAGC;EAAc,CAAC,GAAG;IACnE,GAAGJ,kBAAkB;IACrB,GAAGH;EACL,CAAC;EAED,MAAMQ,oBAAoB,GAAGjB,UAAU,CAACO,oBAAoB,CAAC;EAE7D,MAAMW,KAAK,GAAGZ,cAAc,CAAC;IAC3B,GAAGU,aAAa;IAChBG,eAAe,EAAEV,KAAK,CAACW,gBAAgB;IACvCC,UAAU,EAAEZ,KAAK,CAACa;EACpB,CAAC,CAAC;EAEF,MAAMC,OAAO,GAAGtB,MAAM,CAAC,IAAI,CAAC;EAC5B,MAAMuB,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,aAAa,GAAGvB,SAAS,CAACQ,GAAG,EAASa,OAAc,CAAC;EAC3D,MAAMG,SAAS,GAAGV,aAAa,CAAC,YAAY,CAAC,IAAIA,aAAa,CAACW,KAAK,IAAI,UAAU;EAElF,MAAMC,gBAAgB,GAAGtB,cAAc,CACrCW,oBAAoB,GAChB;IACEH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;IAC/DO,UAAU,EAAEJ,oBAAoB,CAACC,KAAK,CAACG,UAAU,CAACL,aAAa,CAACW,KAAK,CAAC;IACtEE,QAAQA,CAACR,UAAmB,EAAE;MAC5B,IAAIA,UAAU,EAAE;QACdJ,oBAAoB,CAACC,KAAK,CAACY,QAAQ,CAACd,aAAa,CAACW,KAAK,CAAC;MAC1D,CAAC,MAAM;QACLV,oBAAoB,CAACC,KAAK,CAACa,WAAW,CAACf,aAAa,CAACW,KAAK,CAAC;MAC7D;MACAX,aAAa,CAACa,QAAQ,GAAGR,UAAU,CAAC;IACtC;EACF,CAAC,GACD;IAAEA,UAAU,EAAE;EAAM,CAC1B,CAAC;EAED,MAAM;IAAEW,UAAU,EAAEC;EAAoB,CAAC,GAAG7B,WAAW,CACrD;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEU,SAAS;IACvB,IAAIT,oBAAoB,IAAI;MAC1BH,UAAU,EAAEA,UAAU,IAAIG,oBAAoB,CAACC,KAAK,CAACJ,UAAU;MAC/DoB,UAAU,EAAElB,aAAa,CAACkB,UAAU,IAAIjB,oBAAoB,CAACC,KAAK,CAACgB;IACrE,CAAC;EACH,CAAC,EACDjB,oBAAoB,GAAGW,gBAAgB,GAAGV,KAAK,EAC9CP,kBAAkB,GAAGa,QAAQ,GAAGD,OACnC,CAAC;EAED,MAAM;IAAEY,OAAO,EAAEb,SAAS;IAAEc,QAAQ,EAAEF;EAAW,CAAC,GAAGD,mBAAmB;EAExE,MAAM;IAAEI,UAAU;IAAEC;EAAU,CAAC,GAAGjC,QAAQ,CAAC,CAAC,CAAC,EAAEkB,OAAO,CAAC;EAEvD,OAAO;IACLP,aAAa;IACbH,SAAS;IACTC,UAAU;IACVC,eAAe;IACfkB,mBAAmB;IACnBX,SAAS;IACTY,UAAU;IACVI,SAAS;IACTD,UAAU;IACVE,SAAS,EAAEd,aAAa;IACxBD;EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
export * from './button';
|
|
4
|
+
export * from './checkbox';
|
|
4
5
|
export * from './input';
|
|
5
|
-
export * from './select';
|
|
6
6
|
export { OverlayInsetsProvider } from './overlay';
|
|
7
|
+
export * from './select';
|
|
8
|
+
export * from './switch';
|
|
7
9
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,
|
|
1
|
+
{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}
|
|
@@ -4,20 +4,19 @@ import { createInputField } from './createInputField';
|
|
|
4
4
|
import { createInputIcon } from './createInputIcon';
|
|
5
5
|
import { createInputRoot } from './createInputRoot';
|
|
6
6
|
import { createInputSlot } from './createInputSlot';
|
|
7
|
-
export
|
|
8
|
-
Root
|
|
9
|
-
Icon
|
|
10
|
-
Slot
|
|
11
|
-
Field
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
Input
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
7
|
+
export function createInput(BaseComponents) {
|
|
8
|
+
const Input = createInputRoot(BaseComponents.Root);
|
|
9
|
+
const Icon = createInputIcon(BaseComponents.Icon);
|
|
10
|
+
const Slot = createInputSlot(BaseComponents.Slot);
|
|
11
|
+
const Field = createInputField(BaseComponents.Field);
|
|
12
|
+
Input.displayName = 'InputPrimitive';
|
|
13
|
+
Icon.displayName = 'InputPrimitive.Icon';
|
|
14
|
+
Slot.displayName = 'InputPrimitive.Slot';
|
|
15
|
+
Field.displayName = 'InputPrimitive.Field';
|
|
16
|
+
return Object.assign(Input, {
|
|
17
|
+
Icon,
|
|
18
|
+
Slot,
|
|
19
|
+
Field
|
|
20
|
+
});
|
|
21
|
+
}
|
|
23
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createInputField","createInputIcon","createInputRoot","createInputSlot","createInput","Root","Icon","Slot","Field","
|
|
1
|
+
{"version":3,"names":["createInputField","createInputIcon","createInputRoot","createInputSlot","createInput","BaseComponents","Input","Root","Icon","Slot","Field","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAOzBC,cAKD,EAAE;EACD,MAAMC,KAAK,GAAGJ,eAAe,CAACG,cAAc,CAACE,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAGP,eAAe,CAACI,cAAc,CAACG,IAAI,CAAC;EACjD,MAAMC,IAAI,GAAGN,eAAe,CAACE,cAAc,CAACI,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAGV,gBAAgB,CAACK,cAAc,CAACK,KAAK,CAAC;EAEpDJ,KAAK,CAACK,WAAW,GAAG,gBAAgB;EACpCH,IAAI,CAACG,WAAW,GAAG,qBAAqB;EACxCF,IAAI,CAACE,WAAW,GAAG,qBAAqB;EACxCD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACP,KAAK,EAAE;IAC1BE,IAAI;IACJC,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","defaultContextValue","open","items","setOpen","value","undefined","onValueChange","disabled","required","invalid","readOnly","native","triggerRef","current","contentId","triggerId","activeValue","setActiveValue","accessibilityLabel","SelectContext","useSelectContext","SelectTriggerContext","hover","focus","active","focusVisible","useSelectTriggerContext","SelectItemContext","highlighted","checked","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","defaultContextValue","open","items","setOpen","value","undefined","onValueChange","disabled","required","invalid","readOnly","native","triggerRef","current","contentId","triggerId","activeValue","setActiveValue","accessibilityLabel","SelectContext","useSelectContext","SelectTriggerContext","hover","focus","active","focusVisible","useSelectTriggerContext","SelectItemContext","highlighted","checked","useSelectItemContext"],"sourceRoot":"../../../src","sources":["select/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAIjD,MAAMC,mBAAuC,GAAG;EAC9CC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;EACjBC,KAAK,EAAEC,SAAS;EAChBC,aAAa,EAAEA,CAAA,KAAM,CAAC,CAAC;EACvBC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,MAAM,EAAE,KAAK;EACbC,UAAU,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC;EAC7BC,SAAS,EAAE,EAAE;EACbC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAEX,SAAS;EACtBY,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAC;EAAE;EAC1BC,kBAAkB,EAAEb;AACtB,CAAC;AAED,OAAO,MAAMc,aAAa,gBAAGrB,aAAa,CAAqBE,mBAAmB,CAAC;AAEnF,OAAO,MAAMoB,gBAAgB,GAAGA,CAAA,KAAMrB,UAAU,CAACoB,aAAa,CAAC;;AAE/D;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,oBAAoB,gBAAGvB,aAAa,CAAmB;EAClEwB,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbjB,QAAQ,EAAE,KAAK;EACfkB,YAAY,EAAE;AAChB,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM3B,UAAU,CAACsB,oBAAoB,CAAC;;AAE7E;AACA;AACA;AACA;AACA,OAAO,MAAMM,iBAAiB,gBAAG7B,aAAa,CAA6B;EACzEwB,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,KAAK;EACbjB,QAAQ,EAAE,KAAK;EACfkB,YAAY,EAAE,KAAK;EACnBG,WAAW,EAAE,KAAK;EAClBC,OAAO,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM/B,UAAU,CAAC4B,iBAAiB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { useFocusRing } from '@react-native-aria/focus';
|
|
5
|
+
import { useHover } from '@react-native-aria/interactions';
|
|
6
|
+
import { useToggleState } from '@react-stately/toggle';
|
|
7
|
+
import { useFormControlContext, mergeRefs } from '@cdx-ui/utils';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export const createSwitchRoot = BaseSwitch => /*#__PURE__*/forwardRef(({
|
|
10
|
+
disabled,
|
|
11
|
+
isDisabled,
|
|
12
|
+
isChecked,
|
|
13
|
+
isInvalid,
|
|
14
|
+
defaultValue,
|
|
15
|
+
value,
|
|
16
|
+
onValueChange,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const formControlContext = useFormControlContext();
|
|
20
|
+
const combinedProps = {
|
|
21
|
+
...formControlContext,
|
|
22
|
+
...props
|
|
23
|
+
};
|
|
24
|
+
const controlledValue = value ?? isChecked;
|
|
25
|
+
const state = useToggleState({
|
|
26
|
+
defaultSelected: defaultValue ?? false,
|
|
27
|
+
isSelected: controlledValue,
|
|
28
|
+
onChange: onValueChange
|
|
29
|
+
});
|
|
30
|
+
const checked = controlledValue ?? state.isSelected;
|
|
31
|
+
const _ref = React.useRef(null);
|
|
32
|
+
const {
|
|
33
|
+
isHovered
|
|
34
|
+
} = useHover({}, _ref);
|
|
35
|
+
const {
|
|
36
|
+
isFocusVisible,
|
|
37
|
+
focusProps
|
|
38
|
+
} = useFocusRing();
|
|
39
|
+
const mergedRef = mergeRefs(ref, _ref);
|
|
40
|
+
const isDisabledResolved = disabled || isDisabled || combinedProps.isDisabled;
|
|
41
|
+
const isInvalidResolved = isInvalid || combinedProps.isInvalid;
|
|
42
|
+
return /*#__PURE__*/_jsx(BaseSwitch, {
|
|
43
|
+
states: {
|
|
44
|
+
hover: isHovered,
|
|
45
|
+
disabled: isDisabledResolved,
|
|
46
|
+
invalid: isInvalidResolved,
|
|
47
|
+
checked,
|
|
48
|
+
focusVisible: isFocusVisible
|
|
49
|
+
},
|
|
50
|
+
dataSet: {
|
|
51
|
+
hover: isHovered ? 'true' : 'false',
|
|
52
|
+
disabled: isDisabledResolved ? 'true' : 'false',
|
|
53
|
+
invalid: isInvalidResolved ? 'true' : 'false',
|
|
54
|
+
checked: checked ? 'true' : 'false',
|
|
55
|
+
'focus-visible': isFocusVisible ? 'true' : 'false'
|
|
56
|
+
},
|
|
57
|
+
disabled: isDisabledResolved,
|
|
58
|
+
...focusProps,
|
|
59
|
+
onValueChange: val => {
|
|
60
|
+
state.setSelected(val);
|
|
61
|
+
},
|
|
62
|
+
value: checked,
|
|
63
|
+
...combinedProps,
|
|
64
|
+
ref: mergedRef
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
//# sourceMappingURL=createSwitchRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useFocusRing","useHover","useToggleState","useFormControlContext","mergeRefs","jsx","_jsx","createSwitchRoot","BaseSwitch","disabled","isDisabled","isChecked","isInvalid","defaultValue","value","onValueChange","props","ref","formControlContext","combinedProps","controlledValue","state","defaultSelected","isSelected","onChange","checked","_ref","useRef","isHovered","isFocusVisible","focusProps","mergedRef","isDisabledResolved","isInvalidResolved","states","hover","invalid","focusVisible","dataSet","val","setSelected"],"sourceRoot":"../../../src","sources":["switch/createSwitchRoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,qBAAqB,EAAEC,SAAS,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKjE,OAAO,MAAMC,gBAAgB,GAAoBC,UAAkC,iBACjFT,UAAU,CACR,CACE;EACEU,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,SAAS;EACTC,YAAY;EACZC,KAAK;EACLC,aAAa;EACb,GAAGC;AACS,CAAC,EACfC,GAA0B,KACvB;EACH,MAAMC,kBAAkB,GAAGf,qBAAqB,CAAC,CAAC;EAClD,MAAMgB,aAAa,GAAG;IAAE,GAAGD,kBAAkB;IAAE,GAAGF;EAAM,CAAC;EACzD,MAAMI,eAAe,GAAGN,KAAK,IAAIH,SAAS;EAC1C,MAAMU,KAAK,GAAGnB,cAAc,CAAC;IAC3BoB,eAAe,EAAET,YAAY,IAAI,KAAK;IACtCU,UAAU,EAAEH,eAAe;IAC3BI,QAAQ,EAAET;EACZ,CAAC,CAAC;EAEF,MAAMU,OAAO,GAAGL,eAAe,IAAIC,KAAK,CAACE,UAAU;EAEnD,MAAMG,IAAI,GAAG5B,KAAK,CAAC6B,MAAM,CAAC,IAAI,CAAC;EAC/B,MAAM;IAAEC;EAAU,CAAC,GAAG3B,QAAQ,CAAC,CAAC,CAAC,EAAEyB,IAAI,CAAC;EACxC,MAAM;IAAEG,cAAc;IAAEC;EAAW,CAAC,GAAG9B,YAAY,CAAC,CAAC;EAErD,MAAM+B,SAAS,GAAG3B,SAAS,CAACa,GAAG,EAAkBS,IAAI,CAAC;EAEtD,MAAMM,kBAAkB,GAAGvB,QAAQ,IAAIC,UAAU,IAAIS,aAAa,CAACT,UAAU;EAC7E,MAAMuB,iBAAiB,GAAGrB,SAAS,IAAIO,aAAa,CAACP,SAAS;EAE9D,oBACEN,IAAA,CAACE,UAAU;IACT0B,MAAM,EAAE;MACNC,KAAK,EAAEP,SAAS;MAChBnB,QAAQ,EAAEuB,kBAAkB;MAC5BI,OAAO,EAAEH,iBAAiB;MAC1BR,OAAO;MACPY,YAAY,EAAER;IAChB,CAAE;IACFS,OAAO,EAAE;MACPH,KAAK,EAAEP,SAAS,GAAG,MAAM,GAAG,OAAO;MACnCnB,QAAQ,EAAEuB,kBAAkB,GAAG,MAAM,GAAG,OAAO;MAC/CI,OAAO,EAAEH,iBAAiB,GAAG,MAAM,GAAG,OAAO;MAC7CR,OAAO,EAAEA,OAAO,GAAG,MAAM,GAAG,OAAO;MACnC,eAAe,EAAEI,cAAc,GAAG,MAAM,GAAG;IAC7C,CAAE;IACFpB,QAAQ,EAAEuB,kBAAmB;IAAA,GACzBF,UAAU;IACdf,aAAa,EAAGwB,GAAY,IAAK;MAC/BlB,KAAK,CAACmB,WAAW,CAACD,GAAG,CAAC;IACxB,CAAE;IACFzB,KAAK,EAAEW,OAAQ;IAAA,GACVN,aAAa;IAClBF,GAAG,EAAEc;EAA0B,CAChC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createSwitchRoot","createSwitch","Root","Switch","displayName"],"sourceRoot":"../../../src","sources":["switch/index.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AAKrD,OAAO,SAASC,YAAYA,CAAiB;EAC3CC;AAGF,CAAC,EAA8B;EAC7B,MAAMC,MAAM,GAAGH,gBAAgB,CAACE,IAAI,CAAC;EAErCC,MAAM,CAACC,WAAW,GAAG,QAAQ;EAC7B,OAAOD,MAAM;AACf","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["switch/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -15,10 +15,7 @@ export function dataAttributes(attrs) {
|
|
|
15
15
|
const dataSet = {};
|
|
16
16
|
for (const key in attrs) {
|
|
17
17
|
const value = attrs[key];
|
|
18
|
-
|
|
19
|
-
continue;
|
|
20
|
-
}
|
|
21
|
-
dataSet[key] = value;
|
|
18
|
+
dataSet[key] = value ?? false;
|
|
22
19
|
}
|
|
23
20
|
return {
|
|
24
21
|
dataSet
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dataAttributes","attrs","dataSet","key","value"
|
|
1
|
+
{"version":3,"names":["dataAttributes","attrs","dataSet","key","value"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,SAASA,cAAcA,CAACC,KAAyC,EAEtE;EACA,MAAMC,OAAyC,GAAG,CAAC,CAAC;EACpD,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IAExBD,OAAO,CAACC,GAAG,CAAC,GAAGC,KAAK,IAAI,KAAK;EAC/B;EACA,OAAO;IAAEF;EAAQ,CAAC;AACpB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/button/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/button/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,eAAO,MAAO,cAAc;;;IAAE,gBAAgB,wBAAoD,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import type { InteractionState } from '
|
|
2
|
+
import type { InteractionState } from '../types';
|
|
3
3
|
export declare const createButtonRoot: <T>(BaseButton: React.ComponentType<T>) => React.ForwardRefExoticComponent<Omit<import("./types").InterfaceButtonProps, "children"> & {
|
|
4
4
|
children?: ((state: InteractionState) => React.ReactNode) | React.ReactNode;
|
|
5
5
|
} & React.RefAttributes<T>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createButtonRoot.d.ts","sourceRoot":"","sources":["../../../src/button/createButtonRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"createButtonRoot.d.ts","sourceRoot":"","sources":["../../../src/button/createButtonRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAKjD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAG,YAAY,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;eAYpD,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS;2BA+EhF,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { IButtonComponentType } from './types';
|
|
3
3
|
export type { IButtonProps } from './types';
|
|
4
|
-
export declare function createButton<ButtonProps, TextProps, GroupProps, SpinnerProps, IconProps, ButtonRef = unknown, TextRef = unknown>(
|
|
4
|
+
export declare function createButton<ButtonProps, TextProps, GroupProps, SpinnerProps, IconProps, ButtonRef = unknown, TextRef = unknown>(BaseComponents: {
|
|
5
5
|
Root: React.ComponentType<ButtonProps>;
|
|
6
6
|
Text: React.ComponentType<TextProps>;
|
|
7
7
|
Group: React.ComponentType<GroupProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,GAAG,OAAO,EACnB,OAAO,GAAG,OAAO,EACjB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,YAAY,CAC1B,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,GAAG,OAAO,EACnB,OAAO,GAAG,OAAO,EACjB,cAAc,EAAE;IAChB,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CACtC,GAkBO,oBAAoB,CACxB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,OAAO,CACR,CACF"}
|
|
@@ -1,12 +1,5 @@
|
|
|
1
1
|
import type { PropsWithoutRef, ReactElement, ReactNode, RefAttributes } from 'react';
|
|
2
2
|
import type { PressableProps, ViewProps } from 'react-native';
|
|
3
|
-
export interface InteractionState {
|
|
4
|
-
hover: boolean;
|
|
5
|
-
focus: boolean;
|
|
6
|
-
active: boolean;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
focusVisible: boolean;
|
|
9
|
-
}
|
|
10
3
|
export interface InterfaceButtonProps extends PressableProps {
|
|
11
4
|
/**
|
|
12
5
|
* If true, the button will be in hovered state.
|