@korsolutions/ui 0.0.58 → 0.0.59
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/dist/module/components/icon/icon.js +3 -3
- package/dist/module/components/icon/icon.js.map +1 -1
- package/dist/module/components/menu/components/menu-checkbox-item.js +51 -0
- package/dist/module/components/menu/components/menu-checkbox-item.js.map +1 -0
- package/dist/module/components/menu/components/menu-content.js +1 -1
- package/dist/module/components/menu/components/menu-content.js.map +1 -1
- package/dist/module/components/menu/components/menu-group.js +18 -0
- package/dist/module/components/menu/components/menu-group.js.map +1 -0
- package/dist/module/components/menu/components/menu-item.js +14 -6
- package/dist/module/components/menu/components/menu-item.js.map +1 -1
- package/dist/module/components/menu/components/menu-label.js +17 -0
- package/dist/module/components/menu/components/menu-label.js.map +1 -0
- package/dist/module/components/menu/components/menu-overlay.js +1 -1
- package/dist/module/components/menu/components/menu-overlay.js.map +1 -1
- package/dist/module/components/menu/components/menu-radio-group.js +24 -0
- package/dist/module/components/menu/components/menu-radio-group.js.map +1 -0
- package/dist/module/components/menu/components/menu-radio-item.js +54 -0
- package/dist/module/components/menu/components/menu-radio-item.js.map +1 -0
- package/dist/module/components/menu/components/menu-separator.js +17 -0
- package/dist/module/components/menu/components/menu-separator.js.map +1 -0
- package/dist/module/components/menu/components/menu-shortcut.js +17 -0
- package/dist/module/components/menu/components/menu-shortcut.js.map +1 -0
- package/dist/module/components/menu/context.js +8 -0
- package/dist/module/components/menu/context.js.map +1 -1
- package/dist/module/components/menu/index.js +15 -1
- package/dist/module/components/menu/index.js.map +1 -1
- package/dist/module/components/menu/use-organized-children.js +39 -0
- package/dist/module/components/menu/use-organized-children.js.map +1 -0
- package/dist/module/components/menu/variants/default.js +82 -6
- package/dist/module/components/menu/variants/default.js.map +1 -1
- package/dist/module/components/portal/portal.js.map +1 -1
- package/dist/module/themes/provider.js.map +1 -1
- package/dist/module/utils/element-utils.js +11 -0
- package/dist/module/utils/element-utils.js.map +1 -0
- package/dist/typescript/src/components/icon/icon.d.ts +2 -2
- package/dist/typescript/src/components/icon/icon.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts +13 -0
- package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-content.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-group.d.ts +9 -0
- package/dist/typescript/src/components/menu/components/menu-group.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-item.d.ts +3 -3
- package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-label.d.ts +9 -0
- package/dist/typescript/src/components/menu/components/menu-label.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-overlay.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts +10 -0
- package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts +12 -0
- package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-separator.d.ts +8 -0
- package/dist/typescript/src/components/menu/components/menu-separator.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/components/menu-shortcut.d.ts +9 -0
- package/dist/typescript/src/components/menu/components/menu-shortcut.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/context.d.ts +7 -1
- package/dist/typescript/src/components/menu/context.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/index.d.ts +21 -0
- package/dist/typescript/src/components/menu/index.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/types.d.ts +17 -2
- package/dist/typescript/src/components/menu/types.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/use-organized-children.d.ts +3 -0
- package/dist/typescript/src/components/menu/use-organized-children.d.ts.map +1 -0
- package/dist/typescript/src/components/menu/variants/default.d.ts.map +1 -1
- package/dist/typescript/src/components/portal/portal.d.ts +2 -2
- package/dist/typescript/src/components/portal/portal.d.ts.map +1 -1
- package/dist/typescript/src/themes/provider.d.ts +2 -2
- package/dist/typescript/src/themes/provider.d.ts.map +1 -1
- package/dist/typescript/src/types/element.types.d.ts +2 -0
- package/dist/typescript/src/types/element.types.d.ts.map +1 -1
- package/dist/typescript/src/utils/element-utils.d.ts +3 -0
- package/dist/typescript/src/utils/element-utils.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/icon/icon.tsx +9 -3
- package/src/components/menu/components/menu-checkbox-item.tsx +74 -0
- package/src/components/menu/components/menu-content.tsx +2 -1
- package/src/components/menu/components/menu-group.tsx +25 -0
- package/src/components/menu/components/menu-item.tsx +25 -9
- package/src/components/menu/components/menu-label.tsx +21 -0
- package/src/components/menu/components/menu-overlay.tsx +11 -2
- package/src/components/menu/components/menu-radio-group.tsx +35 -0
- package/src/components/menu/components/menu-radio-item.tsx +80 -0
- package/src/components/menu/components/menu-separator.tsx +22 -0
- package/src/components/menu/components/menu-shortcut.tsx +21 -0
- package/src/components/menu/context.ts +18 -1
- package/src/components/menu/index.ts +21 -0
- package/src/components/menu/types.ts +25 -2
- package/src/components/menu/use-organized-children.tsx +38 -0
- package/src/components/menu/variants/default.tsx +82 -6
- package/src/components/portal/portal.tsx +23 -5
- package/src/themes/provider.tsx +2 -4
- package/src/types/element.types.ts +10 -1
- package/src/utils/element-utils.ts +12 -0
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { IconVariants } from "./variants/index.js";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
export
|
|
6
|
+
export const Icon = ({
|
|
7
7
|
render: Component,
|
|
8
8
|
...props
|
|
9
|
-
}) {
|
|
9
|
+
}) => {
|
|
10
10
|
const variantProps = IconVariants[props.variant ?? "default"]();
|
|
11
11
|
const composedProps = {
|
|
12
12
|
...variantProps,
|
|
@@ -17,5 +17,5 @@ export function Icon({
|
|
|
17
17
|
return /*#__PURE__*/_jsx(Component, {
|
|
18
18
|
...composedProps
|
|
19
19
|
});
|
|
20
|
-
}
|
|
20
|
+
};
|
|
21
21
|
//# sourceMappingURL=icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","IconVariants","jsx","_jsx","Icon","render","Component","props","variantProps","variant","composedProps","style","absoluteStrokeWidth"],"sourceRoot":"../../../../src","sources":["components/icon/icon.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["React","IconVariants","jsx","_jsx","Icon","render","Component","props","variantProps","variant","composedProps","style","absoluteStrokeWidth"],"sourceRoot":"../../../../src","sources":["components/icon/icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAKzB,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM1C,OAAO,MAAMC,IAAkD,GAAGA,CAAC;EACjEC,MAAM,EAAEC,SAAS;EACjB,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGP,YAAY,CAACM,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAC/D,MAAMC,aAAuB,GAAG;IAC9B,GAAGF,YAAY;IACf,GAAGD,KAAK;IACRI,KAAK,EAAE,CAACH,YAAY,CAACG,KAAK,EAAEJ,KAAK,CAACI,KAAK,CAAC;IACxCC,mBAAmB,EAAEL,KAAK,CAACK,mBAAmB,IAAI;EACpD,CAAC;EAED,oBAAOT,IAAA,CAACG,SAAS;IAAA,GAAKI;EAAa,CAAG,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { Pressable, Text } from "react-native";
|
|
5
|
+
import { useMenu } from "../context.js";
|
|
6
|
+
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (isHovered, disabled) => {
|
|
9
|
+
if (disabled) return "disabled";
|
|
10
|
+
if (isHovered) return "hovered";
|
|
11
|
+
return "default";
|
|
12
|
+
};
|
|
13
|
+
export function MenuCheckboxItem(props) {
|
|
14
|
+
const menu = useMenu();
|
|
15
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
16
|
+
const state = calculateState(isHovered, props.disabled);
|
|
17
|
+
const composedStyle = [menu.styles?.checkboxItem?.default, menu.styles?.checkboxItem?.[state], props.style];
|
|
18
|
+
const handlePress = () => {
|
|
19
|
+
if (props.disabled) return;
|
|
20
|
+
props.onCheckedChange(!props.checked);
|
|
21
|
+
if (props.closeOnPress) {
|
|
22
|
+
menu.setIsOpen(false);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
const organizedChildren = useOrganizedChildren(props.children);
|
|
26
|
+
if (props.render) {
|
|
27
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
28
|
+
children: props.render({
|
|
29
|
+
...props,
|
|
30
|
+
children: organizedChildren
|
|
31
|
+
})
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
35
|
+
onPress: handlePress,
|
|
36
|
+
onPointerEnter: () => setIsHovered(true),
|
|
37
|
+
onPointerLeave: () => setIsHovered(false),
|
|
38
|
+
disabled: props.disabled,
|
|
39
|
+
accessibilityRole: "checkbox",
|
|
40
|
+
accessibilityState: {
|
|
41
|
+
checked: props.checked,
|
|
42
|
+
disabled: props.disabled
|
|
43
|
+
},
|
|
44
|
+
style: composedStyle,
|
|
45
|
+
children: [organizedChildren, /*#__PURE__*/_jsx(Text, {
|
|
46
|
+
style: menu.styles?.checkboxIndicator,
|
|
47
|
+
children: props.checked ? "✓" : " "
|
|
48
|
+
})]
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=menu-checkbox-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","Text","useMenu","useOrganizedChildren","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","disabled","MenuCheckboxItem","props","menu","setIsHovered","state","composedStyle","styles","checkboxItem","default","style","handlePress","onCheckedChange","checked","closeOnPress","setIsOpen","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","checkboxIndicator"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-checkbox-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAYjE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,QAAkB,KACQ;EAC1B,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,gBAAgBA,CAACC,KAA4B,EAAE;EAC7D,MAAMC,IAAI,GAAGb,OAAO,CAAC,CAAC;EACtB,MAAM,CAACS,SAAS,EAAEK,YAAY,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMkB,KAAK,GAAGP,cAAc,CAACC,SAAS,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEvD,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,YAAY,EAAEC,OAAO,EAClCN,IAAI,CAACI,MAAM,EAAEC,YAAY,GAAGH,KAAK,CAAC,EAClCH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIT,KAAK,CAACF,QAAQ,EAAE;IACpBE,KAAK,CAACU,eAAe,CAAC,CAACV,KAAK,CAACW,OAAO,CAAC;IACrC,IAAIX,KAAK,CAACY,YAAY,EAAE;MACtBX,IAAI,CAACY,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAGzB,oBAAoB,CAACW,KAAK,CAACe,QAAQ,CAAC;EAE9D,IAAIf,KAAK,CAACgB,MAAM,EAAE;IAChB,oBACEvB,IAAA,CAAAF,SAAA;MAAAwB,QAAA,EACGf,KAAK,CAACgB,MAAM,CAAC;QACZ,GAAGhB,KAAK;QACRe,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEnB,KAAA,CAACT,SAAS;IACR+B,OAAO,EAAER,WAAY;IACrBS,cAAc,EAAEA,CAAA,KAAMhB,YAAY,CAAC,IAAI,CAAE;IACzCiB,cAAc,EAAEA,CAAA,KAAMjB,YAAY,CAAC,KAAK,CAAE;IAC1CJ,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzBsB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEV,OAAO,EAAEX,KAAK,CAACW,OAAO;MAAEb,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACzEU,KAAK,EAAEJ,aAAc;IAAAW,QAAA,GAEpBD,iBAAiB,eAClBrB,IAAA,CAACN,IAAI;MAACqB,KAAK,EAAEP,IAAI,CAACI,MAAM,EAAEiB,iBAAkB;MAAAP,QAAA,EACzCf,KAAK,CAACW,OAAO,GAAG,GAAG,GAAG;IAAG,CACtB,CAAC;EAAA,CACE,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { useRelativePosition } from "../../../hooks/use-relative-position.js";
|
|
4
3
|
import React from "react";
|
|
5
4
|
import { View } from "react-native";
|
|
5
|
+
import { useRelativePosition } from "../../../hooks/use-relative-position.js";
|
|
6
6
|
import { useMenu } from "../context.js";
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export function MenuContent(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","View","useRelativePosition","useMenu","jsx","_jsx","MenuContent","props","menu","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","composedStyle","styles","content","style","Component","render","onLayout","e","setContentLayout","nativeEvent","layout"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,mBAAmB,CAAC;IACxCQ,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEH,IAAI,CAACG,eAAe;IACrCC,aAAa,EAAEJ,IAAI,CAACI,aAAa;IACjCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG,CAACP,aAAa,EAAED,IAAI,CAACS,MAAM,EAAEC,OAAO,EAAEX,KAAK,CAACY,KAAK,CAAC;EAExE,MAAMC,SAAS,GAAGb,KAAK,CAACc,MAAM,IAAIpB,IAAI;EAEtC,oBACEI,IAAA,CAACe,SAAS;IAAA,GACJb,KAAK;IACTe,QAAQ,EAAGC,CAAC,IAAK;MACff,IAAI,CAACgB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IAC7C,CAAE;IACFP,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useMenu } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function MenuGroup(props) {
|
|
8
|
+
const menu = useMenu();
|
|
9
|
+
const composedStyle = [menu.styles?.group, props.style];
|
|
10
|
+
const Component = props.render ?? View;
|
|
11
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
12
|
+
...props,
|
|
13
|
+
role: "group",
|
|
14
|
+
style: composedStyle,
|
|
15
|
+
children: props.children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=menu-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuGroup","props","menu","composedStyle","styles","group","style","Component","render","role","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,OAAO;IACZH,KAAK,EAAEH,aAAc;IAAAO,QAAA,EAEpBT,KAAK,CAACS;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { Pressable } from "react-native";
|
|
5
5
|
import { useMenu } from "../context.js";
|
|
6
|
-
import {
|
|
6
|
+
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
|
+
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
7
8
|
const calculateState = isHovered => {
|
|
8
9
|
if (isHovered) {
|
|
9
10
|
return "hovered";
|
|
@@ -19,14 +20,21 @@ export function MenuItem(props) {
|
|
|
19
20
|
props.onPress?.();
|
|
20
21
|
menu.setIsOpen(prev => !prev);
|
|
21
22
|
};
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const organizedChildren = useOrganizedChildren(props.children);
|
|
24
|
+
if (props.render) {
|
|
25
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
26
|
+
children: props.render({
|
|
27
|
+
...props,
|
|
28
|
+
children: organizedChildren
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
25
33
|
onPress: handlePress,
|
|
26
34
|
onPointerEnter: () => setIsHovered(true),
|
|
27
35
|
onPointerLeave: () => setIsHovered(false),
|
|
28
36
|
style: composedStyle,
|
|
29
|
-
children:
|
|
37
|
+
children: organizedChildren
|
|
30
38
|
});
|
|
31
39
|
}
|
|
32
40
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useMenu","useOrganizedChildren","Fragment","_Fragment","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","setIsOpen","prev","organizedChildren","children","render","onPointerEnter","onPointerLeave"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAUjE,MAAMC,cAAc,GAAIC,SAAkB,IAAsB;EAC9D,IAAIA,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAMC,IAAI,GAAGV,OAAO,CAAC,CAAC;EACtB,MAAM,CAACO,SAAS,EAAEI,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,KAAK,GAAGN,cAAc,CAACC,SAAS,CAAC;EACvC,MAAMM,aAAa,GAAG,CACpBH,IAAI,CAACI,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAC1BN,IAAI,CAACI,MAAM,EAAEC,IAAI,GAAGH,KAAK,CAAC,EAC1BH,KAAK,CAACQ,KAAK,CACZ;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBT,KAAK,CAACU,OAAO,GAAG,CAAC;IACjBT,IAAI,CAACU,SAAS,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,CAAC;EAED,MAAMC,iBAAiB,GAAGrB,oBAAoB,CAACQ,KAAK,CAACc,QAAQ,CAAC;EAE9D,IAAId,KAAK,CAACe,MAAM,EAAE;IAChB,oBACEnB,IAAA,CAAAF,SAAA;MAAAoB,QAAA,EACGd,KAAK,CAACe,MAAM,CAAC;QACZ,GAAGf,KAAK;QACRc,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEjB,IAAA,CAACN,SAAS;IACRoB,OAAO,EAAED,WAAY;IACrBO,cAAc,EAAEA,CAAA,KAAMd,YAAY,CAAC,IAAI,CAAE;IACzCe,cAAc,EAAEA,CAAA,KAAMf,YAAY,CAAC,KAAK,CAAE;IAC1CM,KAAK,EAAEJ,aAAc;IAAAU,QAAA,EAEpBD;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useMenu } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function MenuLabel(props) {
|
|
8
|
+
const menu = useMenu();
|
|
9
|
+
const composedStyle = [menu.styles?.label, props.style];
|
|
10
|
+
const Component = props.render ?? Text;
|
|
11
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
12
|
+
...props,
|
|
13
|
+
style: composedStyle,
|
|
14
|
+
children: props.children
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=menu-label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useMenu","jsx","_jsx","MenuLabel","props","menu","composedStyle","styles","label","style","Component","render","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-label.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,SAASA,CAACC,KAAqB,EAAE;EAC/C,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,KAAK,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvD,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH,aAAc;IAAAM,QAAA,EACxCR,KAAK,CAACQ;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ import { useMenu } from "../context.js";
|
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
export function MenuOverlay(props) {
|
|
8
8
|
const menu = useMenu();
|
|
9
|
-
const composedStyle = [StyleSheet.absoluteFill, menu.styles?.overlay, props.style];
|
|
9
|
+
const composedStyle = StyleSheet.flatten([StyleSheet.absoluteFill, menu.styles?.overlay, props.style]);
|
|
10
10
|
const Component = props.render ?? Pressable;
|
|
11
11
|
return /*#__PURE__*/_jsx(Component, {
|
|
12
12
|
onPress: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","useMenu","jsx","_jsx","MenuOverlay","props","menu","composedStyle","absoluteFill","styles","overlay","style","Component","render","onPress","setIsOpen","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","useMenu","jsx","_jsx","MenuOverlay","props","menu","composedStyle","flatten","absoluteFill","styles","overlay","style","Component","render","onPress","setIsOpen","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAETC,UAAU,QAEL,cAAc;AACrB,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUrC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACvCR,UAAU,CAACS,YAAY,EACvBH,IAAI,CAACI,MAAM,EAAEC,OAAO,EACpBN,KAAK,CAACO,KAAK,CACZ,CAAC;EAEF,MAAMC,SAAS,GAAGR,KAAK,CAACS,MAAM,IAAIf,SAAS;EAC3C,oBACEI,IAAA,CAACU,SAAS;IACRE,OAAO,EAAEA,CAAA,KAAM;MACbT,IAAI,CAACU,SAAS,CAAC,KAAK,CAAC;IACvB,CAAE;IACFJ,KAAK,EAAEL,aAAc;IAAAU,QAAA,EAEpBZ,KAAK,CAACY;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { MenuRadioGroupContext, useMenu } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function MenuRadioGroup(props) {
|
|
8
|
+
const menu = useMenu();
|
|
9
|
+
const composedStyle = [menu.styles?.radioGroup, props.style];
|
|
10
|
+
const contextValue = useMemo(() => ({
|
|
11
|
+
value: props.value,
|
|
12
|
+
onValueChange: props.onValueChange
|
|
13
|
+
}), [props.value, props.onValueChange]);
|
|
14
|
+
return /*#__PURE__*/_jsx(MenuRadioGroupContext.Provider, {
|
|
15
|
+
value: contextValue,
|
|
16
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
17
|
+
accessibilityRole: "radiogroup",
|
|
18
|
+
role: "radiogroup",
|
|
19
|
+
style: composedStyle,
|
|
20
|
+
children: props.children
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=menu-radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","MenuRadioGroupContext","useMenu","jsx","_jsx","MenuRadioGroup","props","menu","composedStyle","styles","radioGroup","style","contextValue","value","onValueChange","Provider","children","accessibilityRole","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-radio-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,qBAAqB,EAAEC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5D,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,UAAU,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE5D,MAAMC,YAAY,GAAGb,OAAO,CAC1B,OAAO;IACLc,KAAK,EAAEP,KAAK,CAACO,KAAK;IAClBC,aAAa,EAAER,KAAK,CAACQ;EACvB,CAAC,CAAC,EACF,CAACR,KAAK,CAACO,KAAK,EAAEP,KAAK,CAACQ,aAAa,CACnC,CAAC;EAED,oBACEV,IAAA,CAACH,qBAAqB,CAACc,QAAQ;IAACF,KAAK,EAAED,YAAa;IAAAI,QAAA,eAClDZ,IAAA,CAACJ,IAAI;MACHiB,iBAAiB,EAAC,YAAY;MAC9BC,IAAI,EAAC,YAAY;MACjBP,KAAK,EAAEH,aAAc;MAAAQ,QAAA,EAEpBV,KAAK,CAACU;IAAQ,CACX;EAAC,CACuB,CAAC;AAErC","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { Pressable, View } from "react-native";
|
|
5
|
+
import { useMenu, useMenuRadioGroup } from "../context.js";
|
|
6
|
+
import { useOrganizedChildren } from "../use-organized-children.js";
|
|
7
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const calculateState = (isHovered, isSelected, disabled) => {
|
|
9
|
+
if (disabled) return "disabled";
|
|
10
|
+
if (isSelected) return "selected";
|
|
11
|
+
if (isHovered) return "hovered";
|
|
12
|
+
return "default";
|
|
13
|
+
};
|
|
14
|
+
export function MenuRadioItem(props) {
|
|
15
|
+
const menu = useMenu();
|
|
16
|
+
const radioGroup = useMenuRadioGroup();
|
|
17
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
18
|
+
const isSelected = radioGroup.value === props.value;
|
|
19
|
+
const state = calculateState(isHovered, isSelected, props.disabled);
|
|
20
|
+
const composedStyle = [menu.styles?.radioItem?.default, menu.styles?.radioItem?.[state], props.style];
|
|
21
|
+
const indicatorStyle = [menu.styles?.radioIndicator?.default, isSelected ? menu.styles?.radioIndicator?.selected : undefined];
|
|
22
|
+
const handlePress = () => {
|
|
23
|
+
if (props.disabled) return;
|
|
24
|
+
radioGroup.onValueChange(props.value);
|
|
25
|
+
if (props.closeOnPress) {
|
|
26
|
+
menu.setIsOpen(false);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const organizedChildren = useOrganizedChildren(props.children);
|
|
30
|
+
if (props.render) {
|
|
31
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
32
|
+
children: props.render({
|
|
33
|
+
...props,
|
|
34
|
+
children: organizedChildren
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
return /*#__PURE__*/_jsxs(Pressable, {
|
|
39
|
+
onPress: handlePress,
|
|
40
|
+
onPointerEnter: () => setIsHovered(true),
|
|
41
|
+
onPointerLeave: () => setIsHovered(false),
|
|
42
|
+
disabled: props.disabled,
|
|
43
|
+
accessibilityRole: "radio",
|
|
44
|
+
accessibilityState: {
|
|
45
|
+
checked: isSelected,
|
|
46
|
+
disabled: props.disabled
|
|
47
|
+
},
|
|
48
|
+
style: composedStyle,
|
|
49
|
+
children: [organizedChildren, /*#__PURE__*/_jsx(View, {
|
|
50
|
+
style: indicatorStyle
|
|
51
|
+
})]
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=menu-radio-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","useMenu","useMenuRadioGroup","useOrganizedChildren","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","indicatorStyle","radioIndicator","selected","undefined","handlePress","onValueChange","closeOnPress","setIsOpen","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","checked"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-radio-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,eAAY;AAEvD,SAASC,oBAAoB,QAAQ,8BAA2B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWjE,MAAMC,cAAc,GAAGA,CACrBC,SAAkB,EAClBC,UAAmB,EACnBC,QAAkB,KACK;EACvB,IAAIA,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAID,SAAS,EAAE,OAAO,SAAS;EAC/B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGf,OAAO,CAAC,CAAC;EACtB,MAAMgB,UAAU,GAAGf,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACS,SAAS,EAAEO,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,UAAU,GAAGK,UAAU,CAACE,KAAK,KAAKJ,KAAK,CAACI,KAAK;EACnD,MAAMC,KAAK,GAAGV,cAAc,CAACC,SAAS,EAAEC,UAAU,EAAEG,KAAK,CAACF,QAAQ,CAAC;EAEnE,MAAMQ,aAAa,GAAG,CACpBL,IAAI,CAACM,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAC/BR,IAAI,CAACM,MAAM,EAAEC,SAAS,GAAGH,KAAK,CAAC,EAC/BL,KAAK,CAACU,KAAK,CACZ;EAED,MAAMC,cAAc,GAAG,CACrBV,IAAI,CAACM,MAAM,EAAEK,cAAc,EAAEH,OAAO,EACpCZ,UAAU,GAAGI,IAAI,CAACM,MAAM,EAAEK,cAAc,EAAEC,QAAQ,GAAGC,SAAS,CAC/D;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIf,KAAK,CAACF,QAAQ,EAAE;IACpBI,UAAU,CAACc,aAAa,CAAChB,KAAK,CAACI,KAAK,CAAC;IACrC,IAAIJ,KAAK,CAACiB,YAAY,EAAE;MACtBhB,IAAI,CAACiB,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,CAAC;EAED,MAAMC,iBAAiB,GAAG/B,oBAAoB,CAACY,KAAK,CAACoB,QAAQ,CAAC;EAE9D,IAAIpB,KAAK,CAACqB,MAAM,EAAE;IAChB,oBACE7B,IAAA,CAAAF,SAAA;MAAA8B,QAAA,EACGpB,KAAK,CAACqB,MAAM,CAAC;QACZ,GAAGrB,KAAK;QACRoB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEzB,KAAA,CAACV,SAAS;IACRsC,OAAO,EAAEP,WAAY;IACrBQ,cAAc,EAAEA,CAAA,KAAMpB,YAAY,CAAC,IAAI,CAAE;IACzCqB,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,KAAK,CAAE;IAC1CL,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzB2B,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAEC,OAAO,EAAE9B,UAAU;MAAEC,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACtEY,KAAK,EAAEJ,aAAc;IAAAc,QAAA,GAEpBD,iBAAiB,eAClB3B,IAAA,CAACP,IAAI;MAACyB,KAAK,EAAEC;IAAe,CAAE,CAAC;EAAA,CACtB,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useMenu } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function MenuSeparator(props) {
|
|
8
|
+
const menu = useMenu();
|
|
9
|
+
const composedStyle = [menu.styles?.separator, props.style];
|
|
10
|
+
const Component = props.render ?? View;
|
|
11
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
12
|
+
...props,
|
|
13
|
+
role: "separator",
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=menu-separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useMenu","jsx","_jsx","MenuSeparator","props","menu","composedStyle","styles","separator","style","Component","render","role"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-separator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOrC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE3D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GACJN,KAAK;IACTQ,IAAI,EAAC,WAAW;IAChBH,KAAK,EAAEH;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useMenu } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function MenuShortcut(props) {
|
|
8
|
+
const menu = useMenu();
|
|
9
|
+
const composedStyle = [menu.styles?.shortcut, props.style];
|
|
10
|
+
const Component = props.render ?? Text;
|
|
11
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
12
|
+
...props,
|
|
13
|
+
style: composedStyle,
|
|
14
|
+
children: props.children
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=menu-shortcut.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useMenu","jsx","_jsx","MenuShortcut","props","menu","composedStyle","styles","shortcut","style","Component","render","children"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-shortcut.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwC,cAAc;AACnE,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EACtB,MAAMM,aAAa,GAAG,CAACD,IAAI,CAACE,MAAM,EAAEC,QAAQ,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1D,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIZ,IAAI;EACtC,oBACEG,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH,aAAc;IAAAM,QAAA,EACxCR,KAAK,CAACQ;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -9,4 +9,12 @@ export const useMenu = () => {
|
|
|
9
9
|
}
|
|
10
10
|
return context;
|
|
11
11
|
};
|
|
12
|
+
export const MenuRadioGroupContext = /*#__PURE__*/createContext(undefined);
|
|
13
|
+
export const useMenuRadioGroup = () => {
|
|
14
|
+
const context = useContext(MenuRadioGroupContext);
|
|
15
|
+
if (!context) {
|
|
16
|
+
throw new Error("useMenuRadioGroup must be used within a Menu.RadioGroup");
|
|
17
|
+
}
|
|
18
|
+
return context;
|
|
19
|
+
};
|
|
12
20
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useContext","MenuContext","undefined","useMenu","context","Error"],"sourceRoot":"../../../../src","sources":["components/menu/context.ts"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["createContext","useContext","MenuContext","undefined","useMenu","context","Error","MenuRadioGroupContext","useMenuRadioGroup"],"sourceRoot":"../../../../src","sources":["components/menu/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AAgBhE,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAA0BG,SAAS,CAAC;AAE5E,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,WAAW,CAAC;EACvC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EACA,OAAOD,OAAO;AAChB,CAAC;AAOD,OAAO,MAAME,qBAAqB,gBAAGP,aAAa,CAEhDG,SAAS,CAAC;AAEZ,OAAO,MAAMK,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMH,OAAO,GAAGJ,UAAU,CAACM,qBAAqB,CAAC;EACjD,IAAI,CAACF,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,yDAAyD,CAAC;EAC5E;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { MenuCheckboxItem } from "./components/menu-checkbox-item.js";
|
|
3
4
|
import { MenuContent } from "./components/menu-content.js";
|
|
5
|
+
import { MenuGroup } from "./components/menu-group.js";
|
|
4
6
|
import { MenuItem } from "./components/menu-item.js";
|
|
7
|
+
import { MenuLabel } from "./components/menu-label.js";
|
|
5
8
|
import { MenuOverlay } from "./components/menu-overlay.js";
|
|
6
9
|
import { MenuPortal } from "./components/menu-portal.js";
|
|
10
|
+
import { MenuRadioGroup } from "./components/menu-radio-group.js";
|
|
11
|
+
import { MenuRadioItem } from "./components/menu-radio-item.js";
|
|
7
12
|
import { MenuRoot } from "./components/menu-root.js";
|
|
13
|
+
import { MenuSeparator } from "./components/menu-separator.js";
|
|
14
|
+
import { MenuShortcut } from "./components/menu-shortcut.js";
|
|
8
15
|
import { MenuTrigger } from "./components/menu-trigger.js";
|
|
9
16
|
export const Menu = {
|
|
10
17
|
Root: MenuRoot,
|
|
@@ -12,6 +19,13 @@ export const Menu = {
|
|
|
12
19
|
Portal: MenuPortal,
|
|
13
20
|
Overlay: MenuOverlay,
|
|
14
21
|
Content: MenuContent,
|
|
15
|
-
Item: MenuItem
|
|
22
|
+
Item: MenuItem,
|
|
23
|
+
Group: MenuGroup,
|
|
24
|
+
Label: MenuLabel,
|
|
25
|
+
Separator: MenuSeparator,
|
|
26
|
+
CheckboxItem: MenuCheckboxItem,
|
|
27
|
+
RadioGroup: MenuRadioGroup,
|
|
28
|
+
RadioItem: MenuRadioItem,
|
|
29
|
+
Shortcut: MenuShortcut
|
|
16
30
|
};
|
|
17
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["MenuContent","MenuItem","MenuOverlay","MenuPortal","MenuRoot","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,8BAA2B;AACvD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,
|
|
1
|
+
{"version":3,"names":["MenuCheckboxItem","MenuContent","MenuGroup","MenuItem","MenuLabel","MenuOverlay","MenuPortal","MenuRadioGroup","MenuRadioItem","MenuRoot","MenuSeparator","MenuShortcut","MenuTrigger","Menu","Root","Trigger","Portal","Overlay","Content","Item","Group","Label","Separator","CheckboxItem","RadioGroup","RadioItem","Shortcut"],"sourceRoot":"../../../../src","sources":["components/menu/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oCAAiC;AAClE,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,SAAS,QAAQ,4BAAyB;AACnD,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,UAAU,QAAQ,6BAA0B;AACrD,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,aAAa,QAAQ,iCAA8B;AAC5D,SAASC,QAAQ,QAAQ,2BAAwB;AACjD,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEL,QAAQ;EACdM,OAAO,EAAEH,WAAW;EACpBI,MAAM,EAAEV,UAAU;EAClBW,OAAO,EAAEZ,WAAW;EACpBa,OAAO,EAAEjB,WAAW;EACpBkB,IAAI,EAAEhB,QAAQ;EACdiB,KAAK,EAAElB,SAAS;EAChBmB,KAAK,EAAEjB,SAAS;EAChBkB,SAAS,EAAEZ,aAAa;EACxBa,YAAY,EAAEvB,gBAAgB;EAC9BwB,UAAU,EAAEjB,cAAc;EAC1BkB,SAAS,EAAEjB,aAAa;EACxBkB,QAAQ,EAAEf;AACZ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { getElementProp } from "../../utils/element-utils.js";
|
|
6
|
+
import { Icon } from "../icon/index.js";
|
|
7
|
+
import { useMenu } from "./context.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export function useOrganizedChildren(children) {
|
|
10
|
+
const menu = useMenu();
|
|
11
|
+
const organizedChildren = useMemo(() => {
|
|
12
|
+
if (typeof children === "string") {
|
|
13
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
14
|
+
style: menu.styles?.itemText,
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
if (Array.isArray(children)) {
|
|
19
|
+
return children.map((child, index) => {
|
|
20
|
+
if (typeof child === "string") {
|
|
21
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
22
|
+
style: menu.styles?.itemText,
|
|
23
|
+
children: child
|
|
24
|
+
}, index);
|
|
25
|
+
} else if (/*#__PURE__*/React.isValidElement(child) && child.type === Icon) {
|
|
26
|
+
return /*#__PURE__*/React.cloneElement(child, {
|
|
27
|
+
key: child.key,
|
|
28
|
+
...menu.styles?.itemIcon,
|
|
29
|
+
style: [menu.styles?.itemIcon?.style, getElementProp(child, "style")]
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
return child;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
return children;
|
|
36
|
+
}, [children, menu.styles?.itemIcon]);
|
|
37
|
+
return organizedChildren;
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=use-organized-children.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","Text","getElementProp","Icon","useMenu","jsx","_jsx","useOrganizedChildren","children","menu","organizedChildren","style","styles","itemText","Array","isArray","map","child","index","isValidElement","type","cloneElement","key","itemIcon"],"sourceRoot":"../../../../src","sources":["components/menu/use-organized-children.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,8BAA2B;AAC1D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,SAASC,oBAAoBA,CAACC,QAAyB,EAAE;EAC9D,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,iBAAiB,GAAGV,OAAO,CAAC,MAAM;IACtC,IAAI,OAAOQ,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBAAOF,IAAA,CAACL,IAAI;QAACU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;QAAAL,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAC9D;IACA,IAAIM,KAAK,CAACC,OAAO,CAACP,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;QACpC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;UAC7B,oBACEX,IAAA,CAACL,IAAI;YAAaU,KAAK,EAAEF,IAAI,CAACG,MAAM,EAAEC,QAAS;YAAAL,QAAA,EAC5CS;UAAK,GADGC,KAEL,CAAC;QAEX,CAAC,MAAM,IAAI,aAAAnB,KAAK,CAACoB,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKjB,IAAI,EAAE;UAC7D,oBAAOJ,KAAK,CAACsB,YAAY,CAACJ,KAAK,EAA6B;YAC1DK,GAAG,EAAEL,KAAK,CAACK,GAAG;YACd,GAAGb,IAAI,CAACG,MAAM,EAAEW,QAAQ;YACxBZ,KAAK,EAAE,CACLF,IAAI,CAACG,MAAM,EAAEW,QAAQ,EAAEZ,KAAK,EAC5BT,cAAc,CAACe,KAAK,EAAE,OAAO,CAAC;UAElC,CAAC,CAAC;QACJ;QACA,OAAOA,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOT,QAAQ;EACjB,CAAC,EAAE,CAACA,QAAQ,EAAEC,IAAI,CAACG,MAAM,EAAEW,QAAQ,CAAC,CAAC;EACrC,OAAOb,iBAAiB;AAC1B","ignoreList":[]}
|
|
@@ -8,9 +8,7 @@ export const useMenuVariantDefault = () => {
|
|
|
8
8
|
fontFamily,
|
|
9
9
|
fontSize
|
|
10
10
|
}) => ({
|
|
11
|
-
overlay: {
|
|
12
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)"
|
|
13
|
-
},
|
|
11
|
+
overlay: {},
|
|
14
12
|
content: {
|
|
15
13
|
overflow: "hidden",
|
|
16
14
|
backgroundColor: colors.surface,
|
|
@@ -28,15 +26,93 @@ export const useMenuVariantDefault = () => {
|
|
|
28
26
|
},
|
|
29
27
|
item: {
|
|
30
28
|
default: {
|
|
29
|
+
flexDirection: "row",
|
|
30
|
+
alignItems: "center",
|
|
31
31
|
paddingVertical: 12,
|
|
32
32
|
paddingHorizontal: 16,
|
|
33
|
-
|
|
34
|
-
fontSize: fontSize,
|
|
35
|
-
color: colors.foreground
|
|
33
|
+
gap: 8
|
|
36
34
|
},
|
|
37
35
|
hovered: {
|
|
38
36
|
backgroundColor: colors.muted
|
|
39
37
|
}
|
|
38
|
+
},
|
|
39
|
+
itemText: {
|
|
40
|
+
fontFamily: fontFamily,
|
|
41
|
+
fontSize: fontSize,
|
|
42
|
+
color: colors.foreground
|
|
43
|
+
},
|
|
44
|
+
itemIcon: {
|
|
45
|
+
color: colors.foreground,
|
|
46
|
+
size: fontSize * 1.25
|
|
47
|
+
},
|
|
48
|
+
label: {
|
|
49
|
+
paddingVertical: 8,
|
|
50
|
+
paddingHorizontal: 16,
|
|
51
|
+
fontFamily: fontFamily,
|
|
52
|
+
fontSize: fontSize * 0.75,
|
|
53
|
+
fontWeight: "600",
|
|
54
|
+
color: colors.mutedForeground
|
|
55
|
+
},
|
|
56
|
+
separator: {
|
|
57
|
+
height: 1,
|
|
58
|
+
backgroundColor: colors.border,
|
|
59
|
+
marginVertical: 4,
|
|
60
|
+
marginHorizontal: 8
|
|
61
|
+
},
|
|
62
|
+
checkboxItem: {
|
|
63
|
+
default: {
|
|
64
|
+
flexDirection: "row",
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
paddingVertical: 12,
|
|
67
|
+
paddingHorizontal: 16,
|
|
68
|
+
gap: 8
|
|
69
|
+
},
|
|
70
|
+
hovered: {
|
|
71
|
+
backgroundColor: colors.muted
|
|
72
|
+
},
|
|
73
|
+
disabled: {
|
|
74
|
+
opacity: 0.5
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
checkboxIndicator: {
|
|
78
|
+
fontSize: fontSize * 0.75,
|
|
79
|
+
fontWeight: "bold",
|
|
80
|
+
color: colors.foreground,
|
|
81
|
+
width: fontSize,
|
|
82
|
+
textAlign: "center",
|
|
83
|
+
marginLeft: "auto"
|
|
84
|
+
},
|
|
85
|
+
radioItem: {
|
|
86
|
+
default: {
|
|
87
|
+
flexDirection: "row",
|
|
88
|
+
alignItems: "center",
|
|
89
|
+
paddingVertical: 12,
|
|
90
|
+
paddingHorizontal: 16,
|
|
91
|
+
gap: 8
|
|
92
|
+
},
|
|
93
|
+
hovered: {
|
|
94
|
+
backgroundColor: colors.muted
|
|
95
|
+
},
|
|
96
|
+
disabled: {
|
|
97
|
+
opacity: 0.5
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
radioIndicator: {
|
|
101
|
+
default: {
|
|
102
|
+
width: 8,
|
|
103
|
+
height: 8,
|
|
104
|
+
borderRadius: 4,
|
|
105
|
+
backgroundColor: "transparent",
|
|
106
|
+
marginLeft: "auto"
|
|
107
|
+
},
|
|
108
|
+
selected: {
|
|
109
|
+
backgroundColor: colors.foreground
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
shortcut: {
|
|
113
|
+
fontSize: fontSize * 0.75,
|
|
114
|
+
fontFamily: fontFamily,
|
|
115
|
+
color: colors.mutedForeground
|
|
40
116
|
}
|
|
41
117
|
}));
|
|
42
118
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useMenuVariantDefault","colors","radius","fontFamily","fontSize","overlay","content","overflow","backgroundColor","surface","borderRadius","borderWidth","borderColor","border","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","item","default","flexDirection","alignItems","paddingVertical","paddingHorizontal","gap","hovered","muted","itemText","color","foreground","itemIcon","size","label","fontWeight","mutedForeground","separator","marginVertical","marginHorizontal","checkboxItem","disabled","opacity","checkboxIndicator","textAlign","marginLeft","radioItem","radioIndicator","selected","shortcut"],"sourceRoot":"../../../../../src","sources":["components/menu/variants/default.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useSyncExternalStore","Platform","View","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","PortalHost","container","portalMap","size","Container","select","default","props","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,oBAAoB,QAAQ,OAAO;AACvD,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,
|
|
1
|
+
{"version":3,"names":["useEffect","useSyncExternalStore","Platform","View","DEFAULT_PORTAL_HOST","jsx","_jsx","Fragment","_Fragment","store","map","Map","set","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","updatePortal","hostName","name","children","next","portal","get","removePortal","PortalHost","container","portalMap","size","Container","select","default","props","style","position","top","left","right","bottom","elevation","zIndex","pointerEvents","Array","from","values","Portal"],"sourceRoot":"../../../../src","sources":["components/portal/portal.tsx"],"mappings":"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","ignoreList":[]}
|