@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.
Files changed (50) hide show
  1. package/dist/module/components/index.js +1 -0
  2. package/dist/module/components/index.js.map +1 -1
  3. package/dist/module/components/menu/components/menu-checkbox-item.js +5 -5
  4. package/dist/module/components/menu/components/menu-checkbox-item.js.map +1 -1
  5. package/dist/module/components/menu/components/menu-item.js +3 -1
  6. package/dist/module/components/menu/components/menu-item.js.map +1 -1
  7. package/dist/module/components/menu/components/menu-radio-group.js +2 -2
  8. package/dist/module/components/menu/components/menu-radio-group.js.map +1 -1
  9. package/dist/module/components/menu/components/menu-radio-item.js +2 -2
  10. package/dist/module/components/menu/components/menu-radio-item.js.map +1 -1
  11. package/dist/module/components/spinner/index.js +4 -0
  12. package/dist/module/components/spinner/index.js.map +1 -0
  13. package/dist/module/components/spinner/spinner.js +21 -0
  14. package/dist/module/components/spinner/spinner.js.map +1 -0
  15. package/dist/module/components/spinner/types.js +4 -0
  16. package/dist/module/components/spinner/types.js.map +1 -0
  17. package/dist/module/components/spinner/variants/default.js +13 -0
  18. package/dist/module/components/spinner/variants/default.js.map +1 -0
  19. package/dist/module/components/spinner/variants/index.js +7 -0
  20. package/dist/module/components/spinner/variants/index.js.map +1 -0
  21. package/dist/typescript/src/components/index.d.ts +1 -0
  22. package/dist/typescript/src/components/index.d.ts.map +1 -1
  23. package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts +2 -3
  24. package/dist/typescript/src/components/menu/components/menu-checkbox-item.d.ts.map +1 -1
  25. package/dist/typescript/src/components/menu/components/menu-item.d.ts.map +1 -1
  26. package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts +1 -1
  27. package/dist/typescript/src/components/menu/components/menu-radio-group.d.ts.map +1 -1
  28. package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts +0 -1
  29. package/dist/typescript/src/components/menu/components/menu-radio-item.d.ts.map +1 -1
  30. package/dist/typescript/src/components/spinner/index.d.ts +3 -0
  31. package/dist/typescript/src/components/spinner/index.d.ts.map +1 -0
  32. package/dist/typescript/src/components/spinner/spinner.d.ts +11 -0
  33. package/dist/typescript/src/components/spinner/spinner.d.ts.map +1 -0
  34. package/dist/typescript/src/components/spinner/types.d.ts +3 -0
  35. package/dist/typescript/src/components/spinner/types.d.ts.map +1 -0
  36. package/dist/typescript/src/components/spinner/variants/default.d.ts +3 -0
  37. package/dist/typescript/src/components/spinner/variants/default.d.ts.map +1 -0
  38. package/dist/typescript/src/components/spinner/variants/index.d.ts +4 -0
  39. package/dist/typescript/src/components/spinner/variants/index.d.ts.map +1 -0
  40. package/package.json +1 -1
  41. package/src/components/index.ts +1 -0
  42. package/src/components/menu/components/menu-checkbox-item.tsx +7 -8
  43. package/src/components/menu/components/menu-item.tsx +3 -1
  44. package/src/components/menu/components/menu-radio-group.tsx +3 -3
  45. package/src/components/menu/components/menu-radio-item.tsx +2 -3
  46. package/src/components/spinner/index.ts +2 -0
  47. package/src/components/spinner/spinner.tsx +28 -0
  48. package/src/components/spinner/types.ts +3 -0
  49. package/src/components/spinner/variants/default.tsx +11 -0
  50. 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.onCheckedChange(!props.checked);
22
- if (props.closeOnPress) {
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.checked,
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.checked
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","onCheckedChange","checked","closeOnPress","setIsOpen","textStyles","itemText","iconStyles","itemIcon","organizedChildren","children","render","onPress","onPointerEnter","onPointerLeave","accessibilityRole","accessibilityState","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;AAYpE,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,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;MAAEd,OAAO,EAAEX,KAAK,CAACW,OAAO;MAAEb,QAAQ,EAAEE,KAAK,CAACF;IAAS,CAAE;IACzEU,KAAK,EAAEJ,aAAc;IAAAe,QAAA,GAEpBD,iBAAiB,eAClBzB,IAAA,CAACJ,sBAAsB;MAACqC,UAAU,EAAE1B,KAAK,CAACW;IAAQ,CAAE,CAAC;EAAA,CAC5C,CAAC;AAEhB","ignoreList":[]}
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
- menu.setIsOpen(prev => !prev);
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","setIsOpen","prev","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;IACjBT,IAAI,CAACU,SAAS,CAAEC,IAAI,IAAK,CAACA,IAAI,CAAC;EACjC,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":[]}
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.onValueChange
13
- }), [props.value, props.onValueChange]);
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,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":[]}
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
- if (props.closeOnPress) {
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","closeOnPress","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;AAWpE,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;IACrC,IAAIJ,KAAK,CAACa,YAAY,EAAE;MACtBZ,IAAI,CAACa,SAAS,CAAC,KAAK,CAAC;IACvB;EACF,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":[]}
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,4 @@
1
+ "use strict";
2
+
3
+ export { Spinner } from "./spinner.js";
4
+ //# sourceMappingURL=index.js.map
@@ -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,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -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,7 @@
1
+ "use strict";
2
+
3
+ import { useSpinnerVariantDefault } from "./default.js";
4
+ export const SpinnerVariants = {
5
+ default: useSpinnerVariantDefault
6
+ };
7
+ //# sourceMappingURL=index.js.map
@@ -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":[]}
@@ -22,6 +22,7 @@ export * from "./progress";
22
22
  export * from "./scroll-bar";
23
23
  export * from "./select";
24
24
  export * from "./separator";
25
+ export * from "./spinner";
25
26
  export * from "./tabs";
26
27
  export * from "./textarea";
27
28
  export * from "./toast";
@@ -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
- checked: boolean;
6
- onCheckedChange: (checked: boolean) => void;
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,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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
+ {"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,qBA6C5C"}
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
- onValueChange: (value: string) => void;
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,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAuBxD"}
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"}
@@ -4,7 +4,6 @@ export interface MenuRadioItemProps {
4
4
  children: React.ReactNode;
5
5
  value: string;
6
6
  disabled?: boolean;
7
- closeOnPress?: boolean;
8
7
  render?: (props: MenuRadioItemProps) => React.ReactNode;
9
8
  style?: StyleProp<ViewStyle>;
10
9
  }
@@ -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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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"}
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,3 @@
1
+ export { Spinner, type SpinnerProps } from "./spinner";
2
+ export type { SpinnerStyles } from "./types";
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,3 @@
1
+ import type { ActivityIndicatorProps } from "react-native";
2
+ export type SpinnerStyles = ActivityIndicatorProps;
3
+ //# sourceMappingURL=types.d.ts.map
@@ -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,3 @@
1
+ import type { SpinnerStyles } from "../types";
2
+ export declare const useSpinnerVariantDefault: () => SpinnerStyles;
3
+ //# sourceMappingURL=default.d.ts.map
@@ -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,4 @@
1
+ export declare const SpinnerVariants: {
2
+ default: () => import("..").SpinnerStyles;
3
+ };
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@korsolutions/ui",
3
- "version": "0.0.75",
3
+ "version": "0.0.77",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -22,6 +22,7 @@ export * from "./progress";
22
22
  export * from "./scroll-bar";
23
23
  export * from "./select";
24
24
  export * from "./separator";
25
+ export * from "./spinner";
25
26
  export * from "./tabs";
26
27
  export * from "./textarea";
27
28
  export * from "./toast";
@@ -7,10 +7,9 @@ import { MenuSelectionIndicator } from "./menu-selection-indicator";
7
7
 
8
8
  export interface MenuCheckboxItemProps {
9
9
  children: React.ReactNode;
10
- checked: boolean;
11
- onCheckedChange: (checked: boolean) => void;
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.onCheckedChange(!props.checked);
41
- if (props.closeOnPress) {
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.checked, disabled: props.disabled }}
72
+ accessibilityState={{ checked: props.value, disabled: props.disabled }}
74
73
  style={composedStyle}
75
74
  >
76
75
  {organizedChildren}
77
- <MenuSelectionIndicator isSelected={props.checked} />
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
- menu.setIsOpen((prev) => !prev);
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
- onValueChange: (value: string) => void;
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.onValueChange,
19
+ onValueChange: props.onChange,
20
20
  }),
21
- [props.value, props.onValueChange],
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
- if (props.closeOnPress) {
43
+ requestAnimationFrame(() => {
45
44
  menu.setIsOpen(false);
46
- }
45
+ });
47
46
  };
48
47
 
49
48
  const textStyles = menu.styles?.itemText;
@@ -0,0 +1,2 @@
1
+ export { Spinner, type SpinnerProps } from "./spinner";
2
+ export type { SpinnerStyles } from "./types";
@@ -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,3 @@
1
+ import type { ActivityIndicatorProps } from "react-native";
2
+
3
+ export type SpinnerStyles = ActivityIndicatorProps;
@@ -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
+ };
@@ -0,0 +1,5 @@
1
+ import { useSpinnerVariantDefault } from "./default";
2
+
3
+ export const SpinnerVariants = {
4
+ default: useSpinnerVariantDefault,
5
+ };