@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
|
@@ -43,7 +43,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
43
43
|
hover: isHoveredProp || isHovered,
|
|
44
44
|
focus: isFocusedProp || isFocused,
|
|
45
45
|
active: isActiveProp || isActive,
|
|
46
|
-
disabled: isDisabled,
|
|
46
|
+
disabled: !!isDisabled,
|
|
47
47
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
48
48
|
};
|
|
49
49
|
}, [isHovered, isHoveredProp, isFocused, isFocusedProp, isActive, isActiveProp, isDisabled, isFocusVisible, isFocusVisibleProp]);
|
|
@@ -56,7 +56,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
56
56
|
hover: isHoveredProp || isHovered,
|
|
57
57
|
focus: isFocusedProp || isFocused,
|
|
58
58
|
active: isActiveProp || isActive,
|
|
59
|
-
disabled: isDisabled,
|
|
59
|
+
disabled: !!isDisabled,
|
|
60
60
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
61
61
|
}),
|
|
62
62
|
disabled: isDisabled,
|
|
@@ -71,7 +71,7 @@ const createButtonRoot = BaseButton => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
71
71
|
hover: isHoveredProp || isHovered,
|
|
72
72
|
focus: isFocusedProp || isFocused,
|
|
73
73
|
active: isActiveProp || isActive,
|
|
74
|
-
disabled: isDisabled,
|
|
74
|
+
disabled: !!isDisabled,
|
|
75
75
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
76
76
|
}) : children
|
|
77
77
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createButtonRoot","BaseButton","forwardRef","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","hoverProps","useHover","contextValue","useMemo","hover","focus","active","disabled","focusVisible","jsx","ButtonProvider","value","role","dataAttributes","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_focus","_interactions","_dataAttributes","_context","_jsxRuntime","createButtonRoot","BaseButton","forwardRef","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","hoverProps","useHover","contextValue","useMemo","hover","focus","active","disabled","focusVisible","jsx","ButtonProvider","value","role","dataAttributes","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,28 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createButton = createButton;
|
|
7
|
-
var _createButtonRoot = require("./createButtonRoot");
|
|
8
7
|
var _createButtonGroup = require("./createButtonGroup");
|
|
9
8
|
var _createButtonIcon = require("./createButtonIcon");
|
|
9
|
+
var _createButtonRoot = require("./createButtonRoot");
|
|
10
10
|
var _createButtonSpinner = require("./createButtonSpinner");
|
|
11
11
|
var _createButtonText = require("./createButtonText");
|
|
12
|
-
function createButton({
|
|
13
|
-
Root
|
|
14
|
-
Text,
|
|
15
|
-
Group,
|
|
16
|
-
Spinner,
|
|
17
|
-
Icon
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return Button;
|
|
12
|
+
function createButton(BaseComponents) {
|
|
13
|
+
const Button = (0, _createButtonRoot.createButtonRoot)(BaseComponents.Root);
|
|
14
|
+
const Text = (0, _createButtonText.createButtonText)(BaseComponents.Text);
|
|
15
|
+
const Group = (0, _createButtonGroup.createButtonGroup)(BaseComponents.Group);
|
|
16
|
+
const Spinner = (0, _createButtonSpinner.createButtonSpinner)(BaseComponents.Spinner);
|
|
17
|
+
const Icon = (0, _createButtonIcon.createButtonIcon)(BaseComponents.Icon);
|
|
18
|
+
Button.displayName = 'ButtonPrimitive';
|
|
19
|
+
Text.displayName = 'ButtonPrimitive.Text';
|
|
20
|
+
Group.displayName = 'ButtonPrimitive.Group';
|
|
21
|
+
Spinner.displayName = 'ButtonPrimitive.Spinner';
|
|
22
|
+
Icon.displayName = 'ButtonPrimitive.Icon';
|
|
23
|
+
return Object.assign(Button, {
|
|
24
|
+
Text,
|
|
25
|
+
Group,
|
|
26
|
+
Spinner,
|
|
27
|
+
Icon
|
|
28
|
+
});
|
|
30
29
|
}
|
|
31
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_createButtonGroup","require","_createButtonIcon","_createButtonRoot","_createButtonSpinner","_createButtonText","createButton","BaseComponents","Button","createButtonRoot","Root","Text","createButtonText","Group","createButtonGroup","Spinner","createButtonSpinner","Icon","createButtonIcon","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAKO,SAASK,YAAYA,CAQ1BC,cAMD,EAAE;EACD,MAAMC,MAAM,GAAG,IAAAC,kCAAgB,EAACF,cAAc,CAACG,IAAI,CAAC;EACpD,MAAMC,IAAI,GAAG,IAAAC,kCAAgB,EAACL,cAAc,CAACI,IAAI,CAAC;EAClD,MAAME,KAAK,GAAG,IAAAC,oCAAiB,EAACP,cAAc,CAACM,KAAK,CAAC;EACrD,MAAME,OAAO,GAAG,IAAAC,wCAAmB,EAACT,cAAc,CAACQ,OAAO,CAAC;EAC3D,MAAME,IAAI,GAAG,IAAAC,kCAAgB,EAACX,cAAc,CAACU,IAAI,CAAC;EAElDT,MAAM,CAACW,WAAW,GAAG,iBAAiB;EACtCR,IAAI,CAACQ,WAAW,GAAG,sBAAsB;EACzCN,KAAK,CAACM,WAAW,GAAG,uBAAuB;EAC3CJ,OAAO,CAACI,WAAW,GAAG,yBAAyB;EAC/CF,IAAI,CAACE,WAAW,GAAG,sBAAsB;EAEzC,OAAOC,MAAM,CAACC,MAAM,CAACb,MAAM,EAAE;IAC3BG,IAAI;IACJE,KAAK;IACLE,OAAO;IACPE;EACF,CAAC,CAAC;AASJ","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useCheckboxContext = exports.CheckboxProvider = exports.CheckboxGroupContext = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
const [CheckboxProvider, useCheckboxContext] = (0, _utils.createContext)('CheckboxContext');
|
|
11
|
+
exports.useCheckboxContext = useCheckboxContext;
|
|
12
|
+
exports.CheckboxProvider = CheckboxProvider;
|
|
13
|
+
const CheckboxGroupContext = exports.CheckboxGroupContext = /*#__PURE__*/_react.default.createContext(null);
|
|
14
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_utils","e","__esModule","default","CheckboxProvider","useCheckboxContext","createContext","exports","CheckboxGroupContext","React"],"sourceRoot":"../../../src","sources":["checkbox/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA8C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvC,MAAM,CAACG,gBAAgB,EAAEC,kBAAkB,CAAC,GACjD,IAAAC,oBAAa,EAAwB,iBAAiB,CAAC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAAAE,OAAA,CAAAH,gBAAA,GAAAA,gBAAA;AAUnD,MAAMI,oBAAoB,GAAAD,OAAA,CAAAC,oBAAA,gBAAGC,cAAK,CAACH,aAAa,CAE7C,IAAI,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxGroup = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _utils = require("@cdx-ui/utils");
|
|
9
|
+
var _checkbox = require("@react-native-aria/checkbox");
|
|
10
|
+
var _checkbox2 = require("@react-stately/checkbox");
|
|
11
|
+
var _context = require("./context");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
const createCheckboxGroup = BaseCheckboxGroup => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
14
|
+
children,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const state = (0, _checkbox2.useCheckboxGroupState)({
|
|
18
|
+
...props,
|
|
19
|
+
validationState: props.isInvalid ? 'invalid' : 'valid'
|
|
20
|
+
});
|
|
21
|
+
const {
|
|
22
|
+
groupProps
|
|
23
|
+
} = (0, _checkbox.useCheckboxGroup)({
|
|
24
|
+
...props,
|
|
25
|
+
'aria-label': props['aria-label']
|
|
26
|
+
}, state);
|
|
27
|
+
const formControlContext = (0, _utils.useFormControlContext)();
|
|
28
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxGroupContext.Provider, {
|
|
29
|
+
value: {
|
|
30
|
+
state: {
|
|
31
|
+
...formControlContext,
|
|
32
|
+
...state
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxGroup, {
|
|
36
|
+
...groupProps,
|
|
37
|
+
...props,
|
|
38
|
+
ref: ref,
|
|
39
|
+
children: children
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
exports.createCheckboxGroup = createCheckboxGroup;
|
|
44
|
+
//# sourceMappingURL=createCheckboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_utils","_checkbox","_checkbox2","_context","_jsxRuntime","createCheckboxGroup","BaseCheckboxGroup","forwardRef","children","props","ref","state","useCheckboxGroupState","validationState","isInvalid","groupProps","useCheckboxGroup","formControlContext","useFormControlContext","jsx","CheckboxGroupContext","Provider","value","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAG1C,MAAMM,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EAAC,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAkB,KAAK;EAC9E,MAAMC,KAAK,GAAG,IAAAC,gCAAqB,EAAC;IAClC,GAAGH,KAAK;IACRI,eAAe,EAAEJ,KAAK,CAACK,SAAS,GAAG,SAAS,GAAG;EACjD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,0BAAgB,EACrC;IACE,GAAGP,KAAK;IACR,YAAY,EAAEA,KAAK,CAAC,YAAY;EAClC,CAAC,EACDE,KACF,CAAC;EAED,MAAMM,kBAAkB,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EAElD,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAChB,QAAA,CAAAiB,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEX,KAAK,EAAE;QAAE,GAAGM,kBAAkB;QAAE,GAAGN;MAAM;IAAE,CAAE;IAAAH,QAAA,eACnF,IAAAJ,WAAA,CAAAe,GAAA,EAACb,iBAAiB;MAAA,GAAKS,UAAU;MAAA,GAAMN,KAAK;MAAEC,GAAG,EAAEA,GAAI;MAAAF,QAAA,EACpDA;IAAQ,CACQ;EAAC,CACS,CAAC;AAEpC,CAAC,CAAC;AAACe,OAAA,CAAAlB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxIcon = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _context = require("./context");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
const createCheckboxIcon = BaseCheckboxIcon => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
11
|
+
children,
|
|
12
|
+
forceMount = false,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const {
|
|
16
|
+
isChecked
|
|
17
|
+
} = (0, _context.useCheckboxContext)();
|
|
18
|
+
if (forceMount || isChecked) {
|
|
19
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxIcon, {
|
|
20
|
+
...props,
|
|
21
|
+
ref: ref,
|
|
22
|
+
children: children
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
return null;
|
|
26
|
+
});
|
|
27
|
+
exports.createCheckboxIcon = createCheckboxIcon;
|
|
28
|
+
//# sourceMappingURL=createCheckboxIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_context","_jsxRuntime","createCheckboxIcon","BaseCheckboxIcon","forwardRef","children","forceMount","props","ref","isChecked","useCheckboxContext","jsx","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAGxC,MAAMG,kBAAkB,GAAQC,gBAAwC,iBAC7E,IAAAC,iBAAU,EAA8B,CAAC;EAAEC,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAE1C,IAAIJ,UAAU,IAAIG,SAAS,EAAE;IAC3B,oBACE,IAAAR,WAAA,CAAAU,GAAA,EAACR,gBAAgB;MAAA,GAAMI,KAAK;MAAQC,GAAG,EAAEA,GAAI;MAAAH,QAAA,EAC1CA;IAAQ,CACO,CAAC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC,CAAC;AAACO,OAAA,CAAAV,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxIndicator = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createCheckboxIndicator = BaseCheckboxIndicator => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly,
|
|
22
|
+
isPressed,
|
|
23
|
+
isFocused,
|
|
24
|
+
isIndeterminate,
|
|
25
|
+
isFocusVisible
|
|
26
|
+
} = (0, _context.useCheckboxContext)();
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxIndicator, {
|
|
28
|
+
className: className,
|
|
29
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
30
|
+
hover: isHovered,
|
|
31
|
+
checked: isChecked,
|
|
32
|
+
disabled: isDisabled,
|
|
33
|
+
focusVisible: isFocusVisible,
|
|
34
|
+
invalid: isInvalid,
|
|
35
|
+
readOnly: isReadOnly,
|
|
36
|
+
active: isPressed,
|
|
37
|
+
focused: isFocused,
|
|
38
|
+
indeterminate: isIndeterminate,
|
|
39
|
+
slot: 'checkbox-indicator'
|
|
40
|
+
}),
|
|
41
|
+
...props,
|
|
42
|
+
ref: ref,
|
|
43
|
+
children: children
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
exports.createCheckboxIndicator = createCheckboxIndicator;
|
|
47
|
+
//# sourceMappingURL=createCheckboxIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createCheckboxIndicator","BaseCheckboxIndicator","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","useCheckboxContext","jsx","dataAttributes","hover","checked","disabled","focusVisible","invalid","readOnly","active","focused","indeterminate","slot","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAGxC,MAAMI,uBAAuB,GAAQC,qBAA6C,iBACvF,IAAAC,iBAAU,EACR,CAAC;EAAEC,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,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAExB,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAAChB,qBAAqB;IACpBG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAc,8BAAc,EAAC;MACjBC,KAAK,EAAEV,SAAS;MAChBW,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,YAAY,EAAEP,cAAc;MAC5BQ,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,MAAM,EAAEb,SAAS;MACjBc,OAAO,EAAEb,SAAS;MAClBc,aAAa,EAAEb,eAAe;MAC9Bc,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGvB,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACY,CAAC;AAE5B,CACF,CAAC;AAAC0B,OAAA,CAAA7B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createCheckboxLabel = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
9
|
+
var _context = require("./context");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const createCheckboxLabel = BaseCheckboxLabel => /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
isChecked,
|
|
18
|
+
isDisabled,
|
|
19
|
+
isHovered,
|
|
20
|
+
isInvalid,
|
|
21
|
+
isReadOnly,
|
|
22
|
+
isPressed,
|
|
23
|
+
isFocused,
|
|
24
|
+
isIndeterminate,
|
|
25
|
+
isFocusVisible
|
|
26
|
+
} = (0, _context.useCheckboxContext)();
|
|
27
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseCheckboxLabel, {
|
|
28
|
+
className: className,
|
|
29
|
+
...(0, _dataAttributes.dataAttributes)({
|
|
30
|
+
hover: isHovered,
|
|
31
|
+
checked: isChecked,
|
|
32
|
+
disabled: isDisabled,
|
|
33
|
+
focusVisible: isFocusVisible,
|
|
34
|
+
invalid: isInvalid,
|
|
35
|
+
readOnly: isReadOnly,
|
|
36
|
+
pressed: isPressed,
|
|
37
|
+
focused: isFocused,
|
|
38
|
+
indeterminate: isIndeterminate
|
|
39
|
+
}),
|
|
40
|
+
...props,
|
|
41
|
+
ref: ref,
|
|
42
|
+
children: children
|
|
43
|
+
});
|
|
44
|
+
});
|
|
45
|
+
exports.createCheckboxLabel = createCheckboxLabel;
|
|
46
|
+
//# sourceMappingURL=createCheckboxLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_dataAttributes","_context","_jsxRuntime","createCheckboxLabel","BaseCheckboxLabel","forwardRef","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","useCheckboxContext","jsx","dataAttributes","hover","checked","disabled","focusVisible","invalid","readOnly","pressed","focused","indeterminate","exports"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxLabel.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAGxC,MAAMI,mBAAmB,GAAQC,iBAAyC,iBAC/E,IAAAC,iBAAU,EACR,CAAC;EAAEC,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,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAExB,oBACE,IAAAjB,WAAA,CAAAkB,GAAA,EAAChB,iBAAiB;IAChBG,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAc,8BAAc,EAAC;MACjBC,KAAK,EAAEV,SAAS;MAChBW,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,YAAY,EAAEP,cAAc;MAC5BQ,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEb,UAAU;MACpBc,OAAO,EAAEb,SAAS;MAClBc,OAAO,EAAEb,SAAS;MAClBc,aAAa,EAAEb;IACjB,CAAC,CAAC;IAAA,GACGT,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AAACyB,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -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":[]}
|