@cdx-ui/primitives 0.0.1-alpha.2 → 0.0.1-alpha.20
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,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useAvatarContext } from './context';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
function getInitials(name) {
|
|
7
|
+
const words = name.trim().split(/\s+/);
|
|
8
|
+
let result = '';
|
|
9
|
+
for (const word of words) {
|
|
10
|
+
if (word.length > 0) {
|
|
11
|
+
result += word.charAt(0);
|
|
12
|
+
}
|
|
13
|
+
if (result.length >= 2) break;
|
|
14
|
+
}
|
|
15
|
+
return result.toUpperCase();
|
|
16
|
+
}
|
|
17
|
+
export const createAvatarText = BaseText => /*#__PURE__*/forwardRef(({
|
|
18
|
+
children,
|
|
19
|
+
style,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
22
|
+
const {
|
|
23
|
+
imageLoaded,
|
|
24
|
+
imageError
|
|
25
|
+
} = useAvatarContext();
|
|
26
|
+
const visible = !imageLoaded || imageError;
|
|
27
|
+
const text = typeof children === 'string' ? getInitials(children) : children;
|
|
28
|
+
return /*#__PURE__*/_jsx(BaseText, {
|
|
29
|
+
ref: ref,
|
|
30
|
+
style: [style, !visible && {
|
|
31
|
+
opacity: 0
|
|
32
|
+
}],
|
|
33
|
+
...props,
|
|
34
|
+
children: text
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=createAvatarText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useAvatarContext","jsx","_jsx","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","children","style","props","ref","imageLoaded","imageError","visible","text","opacity"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEA,OAAO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnEf,UAAU,CAA4B,CAAC;EAAEgB,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGpB,gBAAgB,CAAC,CAAC;EACtD,MAAMqB,OAAO,GAAG,CAACF,WAAW,IAAIC,UAAU;EAE1C,MAAME,IAAI,GAAG,OAAOP,QAAQ,KAAK,QAAQ,GAAGZ,WAAW,CAACY,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACEb,IAAA,CAACY,QAAQ;IAACI,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACK,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMN,KAAK;IAAAF,QAAA,EACvEO;EAAI,CACG,CAAC;AAEf,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createAvatarBadge } from './createAvatarBadge';
|
|
4
|
+
import { createAvatarIcon } from './createAvatarIcon';
|
|
5
|
+
import { createAvatarText } from './createAvatarText';
|
|
6
|
+
import { createAvatarImage } from './createAvatarImage';
|
|
7
|
+
import { createAvatarRoot } from './createAvatarRoot';
|
|
8
|
+
export function createAvatar(BaseComponents) {
|
|
9
|
+
const Avatar = createAvatarRoot(BaseComponents.Root);
|
|
10
|
+
const AvatarImage = createAvatarImage(BaseComponents.Image);
|
|
11
|
+
const Text = createAvatarText(BaseComponents.Text);
|
|
12
|
+
const AvatarIcon = createAvatarIcon(BaseComponents.Icon);
|
|
13
|
+
const Badge = createAvatarBadge(BaseComponents.Badge);
|
|
14
|
+
Avatar.displayName = 'AvatarPrimitive';
|
|
15
|
+
AvatarImage.displayName = 'AvatarPrimitive.Image';
|
|
16
|
+
Text.displayName = 'AvatarPrimitive.Text';
|
|
17
|
+
AvatarIcon.displayName = 'AvatarPrimitive.Icon';
|
|
18
|
+
Badge.displayName = 'AvatarPrimitive.Badge';
|
|
19
|
+
return Object.assign(Avatar, {
|
|
20
|
+
Image: AvatarImage,
|
|
21
|
+
Text,
|
|
22
|
+
Icon: AvatarIcon,
|
|
23
|
+
Badge
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createAvatarBadge","createAvatarIcon","createAvatarText","createAvatarImage","createAvatarRoot","createAvatar","BaseComponents","Avatar","Root","AvatarImage","Image","Text","AvatarIcon","Icon","Badge","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["avatar/index.ts"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AAYrD,OAAO,SAASC,YAAYA,CAAiCC,cAM5D,EAAE;EACD,MAAMC,MAAM,GAAGH,gBAAgB,CAACE,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,WAAW,GAAGN,iBAAiB,CAACG,cAAc,CAACI,KAAK,CAAC;EAC3D,MAAMC,IAAI,GAAGT,gBAAgB,CAACI,cAAc,CAACK,IAAI,CAAC;EAClD,MAAMC,UAAU,GAAGX,gBAAgB,CAACK,cAAc,CAACO,IAAI,CAAC;EACxD,MAAMC,KAAK,GAAGd,iBAAiB,CAACM,cAAc,CAACQ,KAAK,CAAC;EAErDP,MAAM,CAACQ,WAAW,GAAG,iBAAiB;EACtCN,WAAW,CAACM,WAAW,GAAG,uBAAuB;EACjDJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,UAAU,CAACG,WAAW,GAAG,sBAAsB;EAC/CD,KAAK,CAACC,WAAW,GAAG,uBAAuB;EAE3C,OAAOC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;IAC3BG,KAAK,EAAED,WAAW;IAClBE,IAAI;IACJE,IAAI,EAAED,UAAU;IAChBE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["avatar/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -39,7 +39,7 @@ export const createButtonRoot = BaseButton => /*#__PURE__*/forwardRef(({
|
|
|
39
39
|
hover: isHoveredProp || isHovered,
|
|
40
40
|
focus: isFocusedProp || isFocused,
|
|
41
41
|
active: isActiveProp || isActive,
|
|
42
|
-
disabled: isDisabled,
|
|
42
|
+
disabled: !!isDisabled,
|
|
43
43
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
44
44
|
};
|
|
45
45
|
}, [isHovered, isHoveredProp, isFocused, isFocusedProp, isActive, isActiveProp, isDisabled, isFocusVisible, isFocusVisibleProp]);
|
|
@@ -52,7 +52,7 @@ export const createButtonRoot = BaseButton => /*#__PURE__*/forwardRef(({
|
|
|
52
52
|
hover: isHoveredProp || isHovered,
|
|
53
53
|
focus: isFocusedProp || isFocused,
|
|
54
54
|
active: isActiveProp || isActive,
|
|
55
|
-
disabled: isDisabled,
|
|
55
|
+
disabled: !!isDisabled,
|
|
56
56
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
57
57
|
}),
|
|
58
58
|
disabled: isDisabled,
|
|
@@ -67,7 +67,7 @@ export const createButtonRoot = BaseButton => /*#__PURE__*/forwardRef(({
|
|
|
67
67
|
hover: isHoveredProp || isHovered,
|
|
68
68
|
focus: isFocusedProp || isFocused,
|
|
69
69
|
active: isActiveProp || isActive,
|
|
70
|
-
disabled: isDisabled,
|
|
70
|
+
disabled: !!isDisabled,
|
|
71
71
|
focusVisible: isFocusVisibleProp || isFocusVisible
|
|
72
72
|
}) : children
|
|
73
73
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","ButtonProvider","jsx","_jsx","createButtonRoot","BaseButton","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","focusRingProps","pressProps","pressableProps","isPressed","hoverProps","contextValue","hover","focus","active","disabled","focusVisible","value","role","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":";;AACA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,QAAQ,EAAEC,YAAY,QAAQ,0BAA0B;AACjE,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","dataAttributes","ButtonProvider","jsx","_jsx","createButtonRoot","BaseButton","children","isDisabled","isHovered","isHoveredProp","isActive","isActiveProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","props","ref","focusProps","focusRingProps","pressProps","pressableProps","isPressed","hoverProps","contextValue","hover","focus","active","disabled","focusVisible","value","role","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["button/createButtonRoot.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,27 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createButtonRoot } from './createButtonRoot';
|
|
4
3
|
import { createButtonGroup } from './createButtonGroup';
|
|
5
4
|
import { createButtonIcon } from './createButtonIcon';
|
|
5
|
+
import { createButtonRoot } from './createButtonRoot';
|
|
6
6
|
import { createButtonSpinner } from './createButtonSpinner';
|
|
7
7
|
import { createButtonText } from './createButtonText';
|
|
8
|
-
export function createButton({
|
|
9
|
-
Root
|
|
10
|
-
Text
|
|
11
|
-
Group
|
|
12
|
-
Spinner
|
|
13
|
-
Icon
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
Button
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return Button;
|
|
8
|
+
export function createButton(BaseComponents) {
|
|
9
|
+
const Button = createButtonRoot(BaseComponents.Root);
|
|
10
|
+
const Text = createButtonText(BaseComponents.Text);
|
|
11
|
+
const Group = createButtonGroup(BaseComponents.Group);
|
|
12
|
+
const Spinner = createButtonSpinner(BaseComponents.Spinner);
|
|
13
|
+
const Icon = createButtonIcon(BaseComponents.Icon);
|
|
14
|
+
Button.displayName = 'ButtonPrimitive';
|
|
15
|
+
Text.displayName = 'ButtonPrimitive.Text';
|
|
16
|
+
Group.displayName = 'ButtonPrimitive.Group';
|
|
17
|
+
Spinner.displayName = 'ButtonPrimitive.Spinner';
|
|
18
|
+
Icon.displayName = 'ButtonPrimitive.Icon';
|
|
19
|
+
return Object.assign(Button, {
|
|
20
|
+
Text,
|
|
21
|
+
Group,
|
|
22
|
+
Spinner,
|
|
23
|
+
Icon
|
|
24
|
+
});
|
|
26
25
|
}
|
|
27
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["createButtonGroup","createButtonIcon","createButtonRoot","createButtonSpinner","createButtonText","createButton","BaseComponents","Button","Root","Text","Group","Spinner","Icon","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;AACA,SAASA,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,gBAAgB,QAAQ,oBAAoB;AAKrD,OAAO,SAASC,YAAYA,CAQ1BC,cAMD,EAAE;EACD,MAAMC,MAAM,GAAGL,gBAAgB,CAACI,cAAc,CAACE,IAAI,CAAC;EACpD,MAAMC,IAAI,GAAGL,gBAAgB,CAACE,cAAc,CAACG,IAAI,CAAC;EAClD,MAAMC,KAAK,GAAGV,iBAAiB,CAACM,cAAc,CAACI,KAAK,CAAC;EACrD,MAAMC,OAAO,GAAGR,mBAAmB,CAACG,cAAc,CAACK,OAAO,CAAC;EAC3D,MAAMC,IAAI,GAAGX,gBAAgB,CAACK,cAAc,CAACM,IAAI,CAAC;EAElDL,MAAM,CAACM,WAAW,GAAG,iBAAiB;EACtCJ,IAAI,CAACI,WAAW,GAAG,sBAAsB;EACzCH,KAAK,CAACG,WAAW,GAAG,uBAAuB;EAC3CF,OAAO,CAACE,WAAW,GAAG,yBAAyB;EAC/CD,IAAI,CAACC,WAAW,GAAG,sBAAsB;EAEzC,OAAOC,MAAM,CAACC,MAAM,CAACR,MAAM,EAAE;IAC3BE,IAAI;IACJC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,CAAC;AASJ","ignoreList":[]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { createContext } from '@cdx-ui/utils';
|
|
5
|
+
export const [CheckboxProvider, useCheckboxContext] = createContext('CheckboxContext');
|
|
6
|
+
export const CheckboxGroupContext = /*#__PURE__*/React.createContext(null);
|
|
7
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","CheckboxProvider","useCheckboxContext","CheckboxGroupContext"],"sourceRoot":"../../../src","sources":["checkbox/context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjDF,aAAa,CAAwB,iBAAiB,CAAC;AAUzD,OAAO,MAAMG,oBAAoB,gBAAGJ,KAAK,CAACC,aAAa,CAE7C,IAAI,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { useCheckboxGroup } from '@react-native-aria/checkbox';
|
|
6
|
+
import { useCheckboxGroupState } from '@react-stately/checkbox';
|
|
7
|
+
import { CheckboxGroupContext } from './context';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export const createCheckboxGroup = BaseCheckboxGroup => /*#__PURE__*/forwardRef(({
|
|
10
|
+
children,
|
|
11
|
+
...props
|
|
12
|
+
}, ref) => {
|
|
13
|
+
const state = useCheckboxGroupState({
|
|
14
|
+
...props,
|
|
15
|
+
validationState: props.isInvalid ? 'invalid' : 'valid'
|
|
16
|
+
});
|
|
17
|
+
const {
|
|
18
|
+
groupProps
|
|
19
|
+
} = useCheckboxGroup({
|
|
20
|
+
...props,
|
|
21
|
+
'aria-label': props['aria-label']
|
|
22
|
+
}, state);
|
|
23
|
+
const formControlContext = useFormControlContext();
|
|
24
|
+
return /*#__PURE__*/_jsx(CheckboxGroupContext.Provider, {
|
|
25
|
+
value: {
|
|
26
|
+
state: {
|
|
27
|
+
...formControlContext,
|
|
28
|
+
...state
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
children: /*#__PURE__*/_jsx(BaseCheckboxGroup, {
|
|
32
|
+
...groupProps,
|
|
33
|
+
...props,
|
|
34
|
+
ref: ref,
|
|
35
|
+
children: children
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=createCheckboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useFormControlContext","useCheckboxGroup","useCheckboxGroupState","CheckboxGroupContext","jsx","_jsx","createCheckboxGroup","BaseCheckboxGroup","children","props","ref","state","validationState","isInvalid","groupProps","formControlContext","Provider","value"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,oBAAoB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjD,OAAO,MAAMC,mBAAmB,GAAQC,iBAAyC,iBAC/ER,UAAU,CAAC,CAAC;EAAES,QAAQ;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAkB,KAAK;EAC9E,MAAMC,KAAK,GAAGT,qBAAqB,CAAC;IAClC,GAAGO,KAAK;IACRG,eAAe,EAAEH,KAAK,CAACI,SAAS,GAAG,SAAS,GAAG;EACjD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAW,CAAC,GAAGb,gBAAgB,CACrC;IACE,GAAGQ,KAAK;IACR,YAAY,EAAEA,KAAK,CAAC,YAAY;EAClC,CAAC,EACDE,KACF,CAAC;EAED,MAAMI,kBAAkB,GAAGf,qBAAqB,CAAC,CAAC;EAElD,oBACEK,IAAA,CAACF,oBAAoB,CAACa,QAAQ;IAACC,KAAK,EAAE;MAAEN,KAAK,EAAE;QAAE,GAAGI,kBAAkB;QAAE,GAAGJ;MAAM;IAAE,CAAE;IAAAH,QAAA,eACnFH,IAAA,CAACE,iBAAiB;MAAA,GAAKO,UAAU;MAAA,GAAML,KAAK;MAAEC,GAAG,EAAEA,GAAI;MAAAF,QAAA,EACpDA;IAAQ,CACQ;EAAC,CACS,CAAC;AAEpC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useCheckboxContext } from './context';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export const createCheckboxIcon = BaseCheckboxIcon => /*#__PURE__*/forwardRef(({
|
|
7
|
+
children,
|
|
8
|
+
forceMount = false,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => {
|
|
11
|
+
const {
|
|
12
|
+
isChecked,
|
|
13
|
+
isIndeterminate
|
|
14
|
+
} = useCheckboxContext();
|
|
15
|
+
if (forceMount || isChecked || isIndeterminate) {
|
|
16
|
+
return /*#__PURE__*/_jsx(BaseCheckboxIcon, {
|
|
17
|
+
...props,
|
|
18
|
+
ref: ref,
|
|
19
|
+
children: children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return null;
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=createCheckboxIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useCheckboxContext","jsx","_jsx","createCheckboxIcon","BaseCheckboxIcon","children","forceMount","props","ref","isChecked","isIndeterminate"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIcon.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/C,OAAO,MAAMC,kBAAkB,GAAQC,gBAAwC,iBAC7EL,UAAU,CAA8B,CAAC;EAAEM,QAAQ;EAAEC,UAAU,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3F,MAAM;IAAEC,SAAS;IAAEC;EAAgB,CAAC,GAAGV,kBAAkB,CAAC,CAAC;EAE3D,IAAIM,UAAU,IAAIG,SAAS,IAAIC,eAAe,EAAE;IAC9C,oBACER,IAAA,CAACE,gBAAgB;MAAA,GAAMG,KAAK;MAAQC,GAAG,EAAEA,GAAI;MAAAH,QAAA,EAC1CA;IAAQ,CACO,CAAC;EAEvB;EAEA,OAAO,IAAI;AACb,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
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 createCheckboxIndicator = BaseCheckboxIndicator => /*#__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(BaseCheckboxIndicator, {
|
|
24
|
+
className: className,
|
|
25
|
+
...dataAttributes({
|
|
26
|
+
hover: isHovered,
|
|
27
|
+
checked: isChecked,
|
|
28
|
+
disabled: isDisabled,
|
|
29
|
+
focusVisible: isFocusVisible,
|
|
30
|
+
invalid: isInvalid,
|
|
31
|
+
readOnly: isReadOnly,
|
|
32
|
+
active: isPressed,
|
|
33
|
+
focused: isFocused,
|
|
34
|
+
indeterminate: isIndeterminate,
|
|
35
|
+
slot: 'checkbox-indicator'
|
|
36
|
+
}),
|
|
37
|
+
...props,
|
|
38
|
+
ref: ref,
|
|
39
|
+
children: children
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=createCheckboxIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useCheckboxContext","jsx","_jsx","createCheckboxIndicator","BaseCheckboxIndicator","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocused","isIndeterminate","isFocusVisible","hover","checked","disabled","focusVisible","invalid","readOnly","active","focused","indeterminate","slot"],"sourceRoot":"../../../src","sources":["checkbox/createCheckboxIndicator.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,uBAAuB,GAAQC,qBAA6C,iBACvFN,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,qBAAqB;IACpBE,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,MAAM,EAAEV,SAAS;MACjBW,OAAO,EAAEV,SAAS;MAClBW,aAAa,EAAEV,eAAe;MAC9BW,IAAI,EAAE;IACR,CAAC,CAAC;IAAA,GACGpB,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACY,CAAC;AAE5B,CACF,CAAC","ignoreList":[]}
|
|
@@ -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":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAE5C,SAASC,eAAe,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,OAAO,MAAMC,kBAAkB,GAAQC,YAAoC,iBACzEV,UAAU,CACR,CACE;EACEW,SAAS;EACTC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACW,CAAC,EACjBC,GAAkB,KACf;EACH,MAAM;IACJC,SAAS,EAAEC,aAAa;IACxBC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,UAAU,EAAEC,cAAc;IAC1BC,SAAS,EAAEC,aAAa;IACxBC,SAAS,EAAEC,aAAa;IACxBC,eAAe,EAAEC,mBAAmB;IACpCC;EACF,CAAC,GAAGlB,KAAK;EAET,MAAM;IACJmB,aAAa;IACbX,SAAS;IACTE,UAAU;IACVM,eAAe;IACfI,mBAAmB;IACnBhB,SAAS;IACTE,UAAU;IACVJ,SAAS;IACTmB,UAAU;IACVC;EACF,CAAC,GAAGlC,eAAe,CAACY,KAAK,EAAEC,GAAG,CAAC;EAE/B,MAAM;IAAEsB,UAAU;IAAET;EAAU,CAAC,GAAG9B,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAEwC,UAAU;IAAEZ;EAAU,CAAC,GAAG3B,QAAQ,CAAC;IACzCqB,UAAU,EAAEA,UAAU,IAAIC;EAC5B,CAAC,CAAC;EAEF,oBACEjB,IAAA,CAACE,YAAY;IACXiC,QAAQ,EAAEnB,UAAU,IAAIC,cAAe;IAAA,GACnCiB,UAAU;IAAA,GACTL,aAAa;IAAA,GACdC,mBAAmB;IACvBnB,GAAG,EAAEqB,SAAU;IACfI,IAAI,EAAC,UAAU;IACfjC,SAAS,EAAEV,oBAAoB,CAACU,SAAS,EAAE+B,UAAU,CAAC/B,SAAS,CAAE;IACjEC,UAAU,EAAEX,oBAAoB,CAACW,UAAU,EAAE8B,UAAU,CAAC9B,UAAU,CAAE;IACpEC,SAAS,EAAEZ,oBAAoB,CAACY,SAAS,EAAE0B,UAAU,CAAC1B,SAAS,CAAE;IACjEC,UAAU,EAAEb,oBAAoB,CAACa,UAAU,EAAEyB,UAAU,CAACzB,UAAU,CAAE;IACpEC,OAAO,EAAEd,oBAAoB,CAACA,oBAAoB,CAACc,OAAO,EAAE0B,UAAU,CAAC1B,OAAO,CAAC,CAAE;IACjFC,MAAM,EAAEf,oBAAoB,CAACA,oBAAoB,CAACe,MAAM,EAAEyB,UAAU,CAACzB,MAAM,CAAC,CAAE;IAAA,GAC1EZ,cAAc,CAAC;MACjByC,OAAO,EAAEvB,SAAS,IAAIC,aAAa;MACnCoB,QAAQ,EAAEnB,UAAU,IAAIC,cAAc;MACtCqB,KAAK,EAAE1B,SAAS,IAAIC,aAAa;MACjC0B,OAAO,EAAErB,SAAS,IAAIC,aAAa;MACnCqB,QAAQ,EAAEpB,UAAU,IAAIC,cAAc;MACtCoB,MAAM,EAAEnB,SAAS;MACjBoB,KAAK,EAAElB,SAAS;MAChBmB,aAAa,EAAEjB,eAAe,IAAIC,mBAAmB;MACrDiB,YAAY,EAAEhB;IAChB,CAAC,CAAC;IAAAnB,QAAA,eAEFT,IAAA,CAACH,gBAAgB;MACfgD,KAAK,EAAE;QACL/B,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCL,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCK,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,UAAU,EAAEA,UAAU,IAAIC,cAAc;QACxCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,SAAS,EAAEA,SAAS,IAAIC,aAAa;QACrCC,eAAe,EAAEA,eAAe,IAAIC,mBAAmB;QACvDC;MACF,CAAE;MAAAnB,QAAA,EAEDA;IAAQ,CACO;EAAC,CACP,CAAC;AAEnB,CACF,CAAC","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":[]}
|