@korsolutions/ui 0.0.75 → 0.0.77
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/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/menu/components/menu-checkbox-item.js +5 -5
- package/dist/module/components/menu/components/menu-checkbox-item.js.map +1 -1
- package/dist/module/components/menu/components/menu-item.js +3 -1
- package/dist/module/components/menu/components/menu-item.js.map +1 -1
- package/dist/module/components/menu/components/menu-radio-group.js +2 -2
- package/dist/module/components/menu/components/menu-radio-group.js.map +1 -1
- package/dist/module/components/menu/components/menu-radio-item.js +2 -2
- package/dist/module/components/menu/components/menu-radio-item.js.map +1 -1
- package/dist/module/components/spinner/index.js +4 -0
- package/dist/module/components/spinner/index.js.map +1 -0
- package/dist/module/components/spinner/spinner.js +21 -0
- package/dist/module/components/spinner/spinner.js.map +1 -0
- package/dist/module/components/spinner/types.js +4 -0
- package/dist/module/components/spinner/types.js.map +1 -0
- package/dist/module/components/spinner/variants/default.js +13 -0
- package/dist/module/components/spinner/variants/default.js.map +1 -0
- package/dist/module/components/spinner/variants/index.js +7 -0
- package/dist/module/components/spinner/variants/index.js.map +1 -0
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts +2 -3
- package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts +1 -1
- package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts.map +1 -1
- package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts +0 -1
- package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -1
- package/dist/typescript/src/components/spinner/index.d.ts +3 -0
- package/dist/typescript/src/components/spinner/index.d.ts.map +1 -0
- package/dist/typescript/src/components/spinner/spinner.d.ts +11 -0
- package/dist/typescript/src/components/spinner/spinner.d.ts.map +1 -0
- package/dist/typescript/src/components/spinner/types.d.ts +3 -0
- package/dist/typescript/src/components/spinner/types.d.ts.map +1 -0
- package/dist/typescript/src/components/spinner/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/spinner/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/spinner/variants/index.d.ts +4 -0
- package/dist/typescript/src/components/spinner/variants/index.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/menu/components/menu-checkbox-item.tsx +7 -8
- package/src/components/menu/components/menu-item.tsx +3 -1
- package/src/components/menu/components/menu-radio-group.tsx +3 -3
- package/src/components/menu/components/menu-radio-item.tsx +2 -3
- package/src/components/spinner/index.ts +2 -0
- package/src/components/spinner/spinner.tsx +28 -0
- package/src/components/spinner/types.ts +3 -0
- package/src/components/spinner/variants/default.tsx +11 -0
- package/src/components/spinner/variants/index.ts +5 -0
|
@@ -24,6 +24,7 @@ export * from "./progress/index.js";
|
|
|
24
24
|
export * from "./scroll-bar/index.js";
|
|
25
25
|
export * from "./select/index.js";
|
|
26
26
|
export * from "./separator/index.js";
|
|
27
|
+
export * from "./spinner/index.js";
|
|
27
28
|
export * from "./tabs/index.js";
|
|
28
29
|
export * from "./textarea/index.js";
|
|
29
30
|
export * from "./toast/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -18,10 +18,10 @@ export function MenuCheckboxItem(props) {
|
|
|
18
18
|
const composedStyle = [menu.styles?.checkboxItem?.default, menu.styles?.checkboxItem?.[state], props.style];
|
|
19
19
|
const handlePress = () => {
|
|
20
20
|
if (props.disabled) return;
|
|
21
|
-
props.
|
|
22
|
-
|
|
21
|
+
props.onChange(!props.value);
|
|
22
|
+
requestAnimationFrame(() => {
|
|
23
23
|
menu.setIsOpen(false);
|
|
24
|
-
}
|
|
24
|
+
});
|
|
25
25
|
};
|
|
26
26
|
const textStyles = menu.styles?.itemText;
|
|
27
27
|
const iconStyles = menu.styles?.itemIcon;
|
|
@@ -41,12 +41,12 @@ export function MenuCheckboxItem(props) {
|
|
|
41
41
|
disabled: props.disabled,
|
|
42
42
|
accessibilityRole: "checkbox",
|
|
43
43
|
accessibilityState: {
|
|
44
|
-
checked: props.
|
|
44
|
+
checked: props.value,
|
|
45
45
|
disabled: props.disabled
|
|
46
46
|
},
|
|
47
47
|
style: composedStyle,
|
|
48
48
|
children: [organizedChildren, /*#__PURE__*/_jsx(MenuSelectionIndicator, {
|
|
49
|
-
isSelected: props.
|
|
49
|
+
isSelected: props.value
|
|
50
50
|
})]
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","disabled","MenuCheckboxItem","props","menu","setIsHovered","state","composedStyle","styles","checkboxItem","default","style","handlePress","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","disabled","MenuCheckboxItem","props","menu","setIsHovered","state","composedStyle","styles","checkboxItem","default","style","handlePress","onChange","value","requestAnimationFrame","setIsOpen","textStyles","itemText","iconStyles","itemIcon","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","checked","isSelected"],"sourceRoot":"../../../../../src","sources":["components/menu/components/menu-checkbox-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAwC,cAAc;AACxE,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,QAAQ,eAAY;AAEpC,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWpE,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,QAAQ,CAAC,CAACV,KAAK,CAACW,KAAK,CAAC;IAC5BC,qBAAqB,CAAC,MAAM;MAC1BX,IAAI,CAACY,SAAS,CAAC,KAAK,CAAC;IACvB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,UAAU,GAAGb,IAAI,CAACI,MAAM,EAAEU,QAAQ;EACxC,MAAMC,UAAU,GAAGf,IAAI,CAACI,MAAM,EAAEY,QAAQ;EAExC,MAAMC,iBAAiB,GAAG/B,oBAAoB,CAC5Ca,KAAK,CAACmB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIhB,KAAK,CAACoB,MAAM,EAAE;IAChB,oBACE3B,IAAA,CAAAF,SAAA;MAAA4B,QAAA,EACGnB,KAAK,CAACoB,MAAM,CAAC;QACZ,GAAGpB,KAAK;QACRmB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACEvB,KAAA,CAACT,SAAS;IACRmC,OAAO,EAAEZ,WAAY;IACrBa,cAAc,EAAEA,CAAA,KAAMpB,YAAY,CAAC,IAAI,CAAE;IACzCqB,cAAc,EAAEA,CAAA,KAAMrB,YAAY,CAAC,KAAK,CAAE;IAC1CJ,QAAQ,EAAEE,KAAK,CAACF,QAAS;IACzB0B,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEC,OAAO,EAAE1B,KAAK,CAACW,KAAK;MAAEb,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACvEU,KAAK,EAAEJ,aAAc;IAAAe,QAAA,GAEpBD,iBAAiB,eAClBzB,IAAA,CAACJ,sBAAsB;MAACsC,UAAU,EAAE3B,KAAK,CAACW;IAAM,CAAE,CAAC;EAAA,CAC1C,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -18,7 +18,9 @@ export function MenuItem(props) {
|
|
|
18
18
|
const composedStyle = [menu.styles?.item?.default, menu.styles?.item?.[state], props.style];
|
|
19
19
|
const handlePress = () => {
|
|
20
20
|
props.onPress?.();
|
|
21
|
-
|
|
21
|
+
requestAnimationFrame(() => {
|
|
22
|
+
menu.setIsOpen(false);
|
|
23
|
+
});
|
|
22
24
|
};
|
|
23
25
|
const textStyles = menu.styles?.itemText;
|
|
24
26
|
const iconStyles = menu.styles?.itemIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","Fragment","_Fragment","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","Fragment","_Fragment","jsx","_jsx","calculateState","isHovered","MenuItem","props","menu","setIsHovered","state","composedStyle","styles","item","default","style","handlePress","onPress","requestAnimationFrame","setIsOpen","textStyles","itemText","iconStyles","itemIcon","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,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,QAAQ,eAAY;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAWrC,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,GAAGT,OAAO,CAAC,CAAC;EACtB,MAAM,CAACM,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;IACjBC,qBAAqB,CAAC,MAAM;MAC1BV,IAAI,CAACW,SAAS,CAAC,KAAK,CAAC;IACvB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,UAAU,GAAGZ,IAAI,CAACI,MAAM,EAAES,QAAQ;EACxC,MAAMC,UAAU,GAAGd,IAAI,CAACI,MAAM,EAAEW,QAAQ;EAExC,MAAMC,iBAAiB,GAAG1B,oBAAoB,CAC5CS,KAAK,CAACkB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIf,KAAK,CAACmB,MAAM,EAAE;IAChB,oBACEvB,IAAA,CAAAF,SAAA;MAAAwB,QAAA,EACGlB,KAAK,CAACmB,MAAM,CAAC;QACZ,GAAGnB,KAAK;QACRkB,QAAQ,EAAED;MACZ,CAAC;IAAC,CACF,CAAC;EAEP;EAEA,oBACErB,IAAA,CAACN,SAAS;IACRoB,OAAO,EAAED,WAAY;IACrBW,cAAc,EAAEA,CAAA,KAAMlB,YAAY,CAAC,IAAI,CAAE;IACzCmB,cAAc,EAAEA,CAAA,KAAMnB,YAAY,CAAC,KAAK,CAAE;IAC1CM,KAAK,EAAEJ,aAAc;IAAAc,QAAA,EAEpBD;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -9,8 +9,8 @@ export function MenuRadioGroup(props) {
|
|
|
9
9
|
const composedStyle = [menu.styles?.radioGroup, props.style];
|
|
10
10
|
const contextValue = useMemo(() => ({
|
|
11
11
|
value: props.value,
|
|
12
|
-
onValueChange: props.
|
|
13
|
-
}), [props.value, props.
|
|
12
|
+
onValueChange: props.onChange
|
|
13
|
+
}), [props.value, props.onChange]);
|
|
14
14
|
return /*#__PURE__*/_jsx(MenuRadioGroupContext.Provider, {
|
|
15
15
|
value: contextValue,
|
|
16
16
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","MenuRadioGroupContext","useMenu","jsx","_jsx","MenuRadioGroup","props","menu","composedStyle","styles","radioGroup","style","contextValue","value","onValueChange","onChange","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,CAACS;EACvB,CAAC,CAAC,EACF,CAACT,KAAK,CAACO,KAAK,EAAEP,KAAK,CAACS,QAAQ,CAC9B,CAAC;EAED,oBACEX,IAAA,CAACH,qBAAqB,CAACe,QAAQ;IAACH,KAAK,EAAED,YAAa;IAAAK,QAAA,eAClDb,IAAA,CAACJ,IAAI;MACHkB,iBAAiB,EAAC,YAAY;MAC9BC,IAAI,EAAC,YAAY;MACjBR,KAAK,EAAEH,aAAc;MAAAS,QAAA,EAEpBX,KAAK,CAACW;IAAQ,CACX;EAAC,CACuB,CAAC;AAErC","ignoreList":[]}
|
|
@@ -22,9 +22,9 @@ export function MenuRadioItem(props) {
|
|
|
22
22
|
const handlePress = () => {
|
|
23
23
|
if (props.disabled) return;
|
|
24
24
|
radioGroup.onValueChange(props.value);
|
|
25
|
-
|
|
25
|
+
requestAnimationFrame(() => {
|
|
26
26
|
menu.setIsOpen(false);
|
|
27
|
-
}
|
|
27
|
+
});
|
|
28
28
|
};
|
|
29
29
|
const textStyles = menu.styles?.itemText;
|
|
30
30
|
const iconStyles = menu.styles?.itemIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","useMenuRadioGroup","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","handlePress","onValueChange","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","useOrganizedChildren","useMenu","useMenuRadioGroup","MenuSelectionIndicator","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","calculateState","isHovered","isSelected","disabled","MenuRadioItem","props","menu","radioGroup","setIsHovered","value","state","composedStyle","styles","radioItem","default","style","handlePress","onValueChange","requestAnimationFrame","setIsOpen","textStyles","itemText","iconStyles","itemIcon","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,QAAwC,cAAc;AACxE,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,eAAY;AAEvD,SAASC,sBAAsB,QAAQ,+BAA4B;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpE,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,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIX,KAAK,CAACF,QAAQ,EAAE;IACpBI,UAAU,CAACU,aAAa,CAACZ,KAAK,CAACI,KAAK,CAAC;IACrCS,qBAAqB,CAAC,MAAM;MAC1BZ,IAAI,CAACa,SAAS,CAAC,KAAK,CAAC;IACvB,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,UAAU,GAAGd,IAAI,CAACM,MAAM,EAAES,QAAQ;EACxC,MAAMC,UAAU,GAAGhB,IAAI,CAACM,MAAM,EAAEW,QAAQ;EAExC,MAAMC,iBAAiB,GAAGlC,oBAAoB,CAC5Ce,KAAK,CAACoB,QAAQ,EACdL,UAAU,EACVE,UACF,CAAC;EAED,IAAIjB,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,EAAEX,WAAY;IACrBY,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,CAACJ,sBAAsB;MAACS,UAAU,EAAEA;IAAW,CAAE,CAAC;EAAA,CACzC,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Spinner"],"sourceRoot":"../../../../src","sources":["components/spinner/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAA2B,cAAW","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ActivityIndicator } from "react-native";
|
|
5
|
+
import { SpinnerVariants } from "./variants/index.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function Spinner(props) {
|
|
8
|
+
const {
|
|
9
|
+
size,
|
|
10
|
+
variant = "default",
|
|
11
|
+
color,
|
|
12
|
+
style
|
|
13
|
+
} = props;
|
|
14
|
+
const styles = SpinnerVariants[variant]();
|
|
15
|
+
return /*#__PURE__*/_jsx(ActivityIndicator, {
|
|
16
|
+
size: size ?? styles.size,
|
|
17
|
+
color: color ?? styles.color,
|
|
18
|
+
style: [styles, style]
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","ActivityIndicator","SpinnerVariants","jsx","_jsx","Spinner","props","size","variant","color","style","styles"],"sourceRoot":"../../../../src","sources":["components/spinner/spinner.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,iBAAiB,QAIZ,cAAc;AACrB,SAASC,eAAe,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,OAAO,SAASC,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,IAAI;IAAEC,OAAO,GAAG,SAAS;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EACzD,MAAMK,MAAM,GAAGT,eAAe,CAACM,OAAO,CAAC,CAAC,CAAC;EAEzC,oBACEJ,IAAA,CAACH,iBAAiB;IAChBM,IAAI,EAAEA,IAAI,IAAII,MAAM,CAACJ,IAAK;IAC1BE,KAAK,EAAEA,KAAK,IAAIE,MAAM,CAACF,KAAM;IAC7BC,KAAK,EAAE,CAACC,MAAM,EAAED,KAAK;EAAE,CACxB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/spinner/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export const useSpinnerVariantDefault = () => {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
fontSize
|
|
8
|
+
}) => ({
|
|
9
|
+
color: colors.primary,
|
|
10
|
+
size: fontSize * 1.5
|
|
11
|
+
}));
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSpinnerVariantDefault","colors","fontSize","color","primary","size"],"sourceRoot":"../../../../../src","sources":["components/spinner/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAqB;EAC3D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC;EAAS,CAAC,MAAqB;IACxCC,KAAK,EAAEF,MAAM,CAACG,OAAO;IACrBC,IAAI,EAAEH,QAAQ,GAAG;EACnB,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useSpinnerVariantDefault","SpinnerVariants","default"],"sourceRoot":"../../../../../src","sources":["components/spinner/variants/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,cAAW;AAEpD,OAAO,MAAMC,eAAe,GAAG;EAC7BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -2,10 +2,9 @@ import React from "react";
|
|
|
2
2
|
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
3
|
export interface MenuCheckboxItemProps {
|
|
4
4
|
children: React.ReactNode;
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
value: boolean;
|
|
6
|
+
onChange: (value: boolean) => void;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
-
closeOnPress?: boolean;
|
|
9
8
|
render?: (props: MenuCheckboxItemProps) => React.ReactNode;
|
|
10
9
|
style?: StyleProp<ViewStyle>;
|
|
11
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-checkbox-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-checkbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,
|
|
1
|
+
{"version":3,"file":"menu-checkbox-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-checkbox-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAWD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAqD5D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzE,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AASD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBA+C5C"}
|
|
@@ -3,7 +3,7 @@ import { type StyleProp, type ViewStyle } from "react-native";
|
|
|
3
3
|
export interface MenuRadioGroupProps {
|
|
4
4
|
children?: React.ReactNode;
|
|
5
5
|
value: string;
|
|
6
|
-
|
|
6
|
+
onChange: (value: string) => void;
|
|
7
7
|
style?: StyleProp<ViewStyle>;
|
|
8
8
|
}
|
|
9
9
|
export declare function MenuRadioGroup(props: MenuRadioGroupProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,
|
|
1
|
+
{"version":3,"file":"menu-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuBxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-radio-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"menu-radio-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/menu/components/menu-radio-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAaD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAuDtD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import { SpinnerVariants } from "./variants";
|
|
4
|
+
export interface SpinnerProps {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: ColorValue;
|
|
7
|
+
variant?: keyof typeof SpinnerVariants;
|
|
8
|
+
style?: StyleProp<ViewStyle>;
|
|
9
|
+
}
|
|
10
|
+
export declare function Spinner(props: SpinnerProps): React.JSX.Element;
|
|
11
|
+
//# sourceMappingURL=spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAW1C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/spinner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/spinner/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,wBAAwB,QAAO,aAO3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/spinner/variants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
|
package/package.json
CHANGED
package/src/components/index.ts
CHANGED
|
@@ -7,10 +7,9 @@ import { MenuSelectionIndicator } from "./menu-selection-indicator";
|
|
|
7
7
|
|
|
8
8
|
export interface MenuCheckboxItemProps {
|
|
9
9
|
children: React.ReactNode;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
value: boolean;
|
|
11
|
+
onChange: (value: boolean) => void;
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
closeOnPress?: boolean;
|
|
14
13
|
render?: (props: MenuCheckboxItemProps) => React.ReactNode;
|
|
15
14
|
style?: StyleProp<ViewStyle>;
|
|
16
15
|
}
|
|
@@ -37,10 +36,10 @@ export function MenuCheckboxItem(props: MenuCheckboxItemProps) {
|
|
|
37
36
|
|
|
38
37
|
const handlePress = () => {
|
|
39
38
|
if (props.disabled) return;
|
|
40
|
-
props.
|
|
41
|
-
|
|
39
|
+
props.onChange(!props.value);
|
|
40
|
+
requestAnimationFrame(() => {
|
|
42
41
|
menu.setIsOpen(false);
|
|
43
|
-
}
|
|
42
|
+
});
|
|
44
43
|
};
|
|
45
44
|
|
|
46
45
|
const textStyles = menu.styles?.itemText;
|
|
@@ -70,11 +69,11 @@ export function MenuCheckboxItem(props: MenuCheckboxItemProps) {
|
|
|
70
69
|
onPointerLeave={() => setIsHovered(false)}
|
|
71
70
|
disabled={props.disabled}
|
|
72
71
|
accessibilityRole="checkbox"
|
|
73
|
-
accessibilityState={{ checked: props.
|
|
72
|
+
accessibilityState={{ checked: props.value, disabled: props.disabled }}
|
|
74
73
|
style={composedStyle}
|
|
75
74
|
>
|
|
76
75
|
{organizedChildren}
|
|
77
|
-
<MenuSelectionIndicator isSelected={props.
|
|
76
|
+
<MenuSelectionIndicator isSelected={props.value} />
|
|
78
77
|
</Pressable>
|
|
79
78
|
);
|
|
80
79
|
}
|
|
@@ -31,7 +31,9 @@ export function MenuItem(props: MenuItemProps) {
|
|
|
31
31
|
|
|
32
32
|
const handlePress = () => {
|
|
33
33
|
props.onPress?.();
|
|
34
|
-
|
|
34
|
+
requestAnimationFrame(() => {
|
|
35
|
+
menu.setIsOpen(false);
|
|
36
|
+
});
|
|
35
37
|
};
|
|
36
38
|
|
|
37
39
|
const textStyles = menu.styles?.itemText;
|
|
@@ -5,7 +5,7 @@ import { MenuRadioGroupContext, useMenu } from "../context";
|
|
|
5
5
|
export interface MenuRadioGroupProps {
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
value: string;
|
|
8
|
-
|
|
8
|
+
onChange: (value: string) => void;
|
|
9
9
|
style?: StyleProp<ViewStyle>;
|
|
10
10
|
}
|
|
11
11
|
|
|
@@ -16,9 +16,9 @@ export function MenuRadioGroup(props: MenuRadioGroupProps) {
|
|
|
16
16
|
const contextValue = useMemo(
|
|
17
17
|
() => ({
|
|
18
18
|
value: props.value,
|
|
19
|
-
onValueChange: props.
|
|
19
|
+
onValueChange: props.onChange,
|
|
20
20
|
}),
|
|
21
|
-
[props.value, props.
|
|
21
|
+
[props.value, props.onChange],
|
|
22
22
|
);
|
|
23
23
|
|
|
24
24
|
return (
|
|
@@ -9,7 +9,6 @@ export interface MenuRadioItemProps {
|
|
|
9
9
|
children: React.ReactNode;
|
|
10
10
|
value: string;
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
closeOnPress?: boolean;
|
|
13
12
|
render?: (props: MenuRadioItemProps) => React.ReactNode;
|
|
14
13
|
style?: StyleProp<ViewStyle>;
|
|
15
14
|
}
|
|
@@ -41,9 +40,9 @@ export function MenuRadioItem(props: MenuRadioItemProps) {
|
|
|
41
40
|
const handlePress = () => {
|
|
42
41
|
if (props.disabled) return;
|
|
43
42
|
radioGroup.onValueChange(props.value);
|
|
44
|
-
|
|
43
|
+
requestAnimationFrame(() => {
|
|
45
44
|
menu.setIsOpen(false);
|
|
46
|
-
}
|
|
45
|
+
});
|
|
47
46
|
};
|
|
48
47
|
|
|
49
48
|
const textStyles = menu.styles?.itemText;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import {
|
|
3
|
+
ActivityIndicator,
|
|
4
|
+
type ColorValue,
|
|
5
|
+
type StyleProp,
|
|
6
|
+
type ViewStyle,
|
|
7
|
+
} from "react-native";
|
|
8
|
+
import { SpinnerVariants } from "./variants";
|
|
9
|
+
|
|
10
|
+
export interface SpinnerProps {
|
|
11
|
+
size?: number;
|
|
12
|
+
color?: ColorValue;
|
|
13
|
+
variant?: keyof typeof SpinnerVariants;
|
|
14
|
+
style?: StyleProp<ViewStyle>;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export function Spinner(props: SpinnerProps) {
|
|
18
|
+
const { size, variant = "default", color, style } = props;
|
|
19
|
+
const styles = SpinnerVariants[variant]();
|
|
20
|
+
|
|
21
|
+
return (
|
|
22
|
+
<ActivityIndicator
|
|
23
|
+
size={size ?? styles.size}
|
|
24
|
+
color={color ?? styles.color}
|
|
25
|
+
style={[styles, style]}
|
|
26
|
+
/>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles";
|
|
2
|
+
import type { SpinnerStyles } from "../types";
|
|
3
|
+
|
|
4
|
+
export const useSpinnerVariantDefault = (): SpinnerStyles => {
|
|
5
|
+
return useThemedStyles(
|
|
6
|
+
({ colors, fontSize }): SpinnerStyles => ({
|
|
7
|
+
color: colors.primary,
|
|
8
|
+
size: fontSize * 1.5,
|
|
9
|
+
}),
|
|
10
|
+
);
|
|
11
|
+
};
|