@korsolutions/ui 0.0.94 → 0.0.96

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 (46) hide show
  1. package/dist/module/components/combobox/components/combobox-content.js +2 -0
  2. package/dist/module/components/combobox/components/combobox-content.js.map +1 -1
  3. package/dist/module/components/combobox/components/combobox-option.js +6 -5
  4. package/dist/module/components/combobox/components/combobox-option.js.map +1 -1
  5. package/dist/module/components/combobox/components/combobox-overlay.js +9 -3
  6. package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -1
  7. package/dist/module/components/combobox/components/combobox-trigger.js +1 -3
  8. package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -1
  9. package/dist/module/components/focus/focus-prevent.js +10 -0
  10. package/dist/module/components/focus/focus-prevent.js.map +1 -0
  11. package/dist/module/components/full-screen-spinner/index.js +6 -0
  12. package/dist/module/components/full-screen-spinner/index.js.map +1 -0
  13. package/dist/module/components/full-screen-spinner/manager.js +91 -0
  14. package/dist/module/components/full-screen-spinner/manager.js.map +1 -0
  15. package/dist/module/components/index.js +1 -0
  16. package/dist/module/components/index.js.map +1 -1
  17. package/dist/module/index.js +2 -1
  18. package/dist/module/index.js.map +1 -1
  19. package/dist/module/utils/hsla-utils.js +10 -0
  20. package/dist/module/utils/hsla-utils.js.map +1 -1
  21. package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map +1 -1
  22. package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -1
  23. package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -1
  24. package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -1
  25. package/dist/typescript/src/components/focus/focus-prevent.d.ts +6 -0
  26. package/dist/typescript/src/components/focus/focus-prevent.d.ts.map +1 -0
  27. package/dist/typescript/src/components/full-screen-spinner/index.d.ts +7 -0
  28. package/dist/typescript/src/components/full-screen-spinner/index.d.ts.map +1 -0
  29. package/dist/typescript/src/components/full-screen-spinner/manager.d.ts +14 -0
  30. package/dist/typescript/src/components/full-screen-spinner/manager.d.ts.map +1 -0
  31. package/dist/typescript/src/components/index.d.ts +1 -0
  32. package/dist/typescript/src/components/index.d.ts.map +1 -1
  33. package/dist/typescript/src/index.d.ts.map +1 -1
  34. package/dist/typescript/src/utils/hsla-utils.d.ts +1 -0
  35. package/dist/typescript/src/utils/hsla-utils.d.ts.map +1 -1
  36. package/package.json +1 -1
  37. package/src/components/combobox/components/combobox-content.tsx +2 -0
  38. package/src/components/combobox/components/combobox-option.tsx +6 -5
  39. package/src/components/combobox/components/combobox-overlay.tsx +10 -3
  40. package/src/components/combobox/components/combobox-trigger.tsx +1 -3
  41. package/src/components/focus/focus-prevent.ts +8 -0
  42. package/src/components/full-screen-spinner/index.ts +5 -0
  43. package/src/components/full-screen-spinner/manager.tsx +98 -0
  44. package/src/components/index.ts +1 -0
  45. package/src/index.tsx +2 -0
  46. package/src/utils/hsla-utils.ts +11 -0
@@ -3,6 +3,7 @@
3
3
  import React from "react";
4
4
  import { ScrollView, StyleSheet } from "react-native";
5
5
  import { useRelativePosition } from "../../../hooks/use-relative-position.js";
6
+ import { focusPreventProps } from "../../focus/focus-prevent.js";
6
7
  import { useCombobox } from "../context.js";
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
8
9
  export function ComboboxContent(props) {
@@ -26,6 +27,7 @@ export function ComboboxContent(props) {
26
27
  },
27
28
  keyboardShouldPersistTaps: "handled",
28
29
  nestedScrollEnabled: true,
30
+ ...focusPreventProps,
29
31
  children: props.children
30
32
  });
31
33
  }
@@ -1 +1 @@
1
- {"version":3,"names":["React","ScrollView","StyleSheet","useRelativePosition","useCombobox","jsx","_jsx","ComboboxContent","props","combobox","composedStyles","flatten","styles","content","default","state","style","flatStyles","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","width","onLayout","e","setContentLayout","nativeEvent","layout","keyboardShouldPersistTaps","nestedScrollEnabled","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,UAAU,QAAwC,cAAc;AACrF,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,cAAc,GAAGR,UAAU,CAACS,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,UAAU,GAAGf,UAAU,CAACS,OAAO,CAACD,cAAc,CAAC;EAErD,MAAMQ,aAAa,GAAGf,mBAAmB,CAAC;IACxCgB,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEX,QAAQ,CAACW,eAAe;IACzCC,aAAa,EAAEZ,QAAQ,CAACY,aAAa;IACrCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACL,UAAU;IACTe,KAAK,EAAE,CAACE,aAAa,EAAED,UAAU,EAAE;MAAEQ,KAAK,EAAEhB,QAAQ,CAACW,eAAe,CAACK;IAAM,CAAC,CAAE;IAC9EC,QAAQ,EAAGC,CAAC,IAAK;MACflB,QAAQ,CAACmB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACjD,CAAE;IACFC,yBAAyB,EAAC,SAAS;IACnCC,mBAAmB;IAAAC,QAAA,EAElBzB,KAAK,CAACyB;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
1
+ {"version":3,"names":["React","ScrollView","StyleSheet","useRelativePosition","focusPreventProps","useCombobox","jsx","_jsx","ComboboxContent","props","combobox","composedStyles","flatten","styles","content","default","state","style","flatStyles","positionStyle","align","triggerPosition","contentLayout","alignOffset","preferredSide","sideOffset","width","onLayout","e","setContentLayout","nativeEvent","layout","keyboardShouldPersistTaps","nestedScrollEnabled","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,UAAU,QAAwC,cAAc;AACrF,SAASC,mBAAmB,QAAQ,yCAAsC;AAC1E,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAMM,cAAc,GAAGT,UAAU,CAACU,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,MAAMC,UAAU,GAAGhB,UAAU,CAACU,OAAO,CAACD,cAAc,CAAC;EAErD,MAAMQ,aAAa,GAAGhB,mBAAmB,CAAC;IACxCiB,KAAK,EAAE,OAAO;IACdC,eAAe,EAAEX,QAAQ,CAACW,eAAe;IACzCC,aAAa,EAAEZ,QAAQ,CAACY,aAAa;IACrCC,WAAW,EAAE,CAAC;IACdC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC,CAAC;EAEF,oBACElB,IAAA,CAACN,UAAU;IACTgB,KAAK,EAAE,CAACE,aAAa,EAAED,UAAU,EAAE;MAAEQ,KAAK,EAAEhB,QAAQ,CAACW,eAAe,CAACK;IAAM,CAAC,CAAE;IAC9EC,QAAQ,EAAGC,CAAC,IAAK;MACflB,QAAQ,CAACmB,gBAAgB,CAACD,CAAC,CAACE,WAAW,CAACC,MAAM,CAAC;IACjD,CAAE;IACFC,yBAAyB,EAAC,SAAS;IACnCC,mBAAmB;IAAA,GACf7B,iBAAiB;IAAA8B,QAAA,EAEpBzB,KAAK,CAACyB;EAAQ,CACL,CAAC;AAEjB","ignoreList":[]}
@@ -2,7 +2,6 @@
2
2
 
3
3
  import React, { useState } from "react";
4
4
  import { Pressable, StyleSheet } from "react-native";
5
- import { setInnerInputValue } from "../../../utils/input-utils.js";
6
5
  import { useCombobox } from "../context.js";
7
6
  import { jsx as _jsx } from "react/jsx-runtime";
8
7
  const calculateState = (comboboxState, hovered, selected) => {
@@ -21,11 +20,13 @@ export function ComboboxOption(props) {
21
20
  const optionStyles = combobox.styles?.option;
22
21
  const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
23
22
  const handlePress = () => {
24
- combobox.onChange(props.item);
25
- combobox.setIsOpen(false);
26
- if (!combobox.inputRef.current) return;
27
23
  const itemLabel = combobox.getItemLabel(props.item);
28
- setInnerInputValue(combobox.inputRef.current, itemLabel);
24
+ combobox.onChange(props.item);
25
+ combobox.onInputChange?.(itemLabel);
26
+ combobox.inputRef.current?.blur();
27
+ requestAnimationFrame(() => {
28
+ combobox.setIsOpen(false);
29
+ });
29
30
  };
30
31
  return /*#__PURE__*/_jsx(Pressable, {
31
32
  onPress: handlePress,
@@ -1 +1 @@
1
- {"version":3,"names":["React","useState","Pressable","StyleSheet","setInnerInputValue","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","onChange","setIsOpen","inputRef","current","itemLabel","getItemLabel","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,kBAAkB,QAAQ,+BAA4B;AAC/D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMe,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAE9B,MAAMY,SAAS,GAAGD,QAAQ,CAACE,YAAY,CAACL,KAAK,CAACM,IAAI,CAAC;EACnD,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,KAAK,IAAI,IAAI,GAAGL,QAAQ,CAACE,YAAY,CAACF,QAAQ,CAACK,KAAK,CAAC,GAAGC,SAAS;EAChG,MAAMC,UAAU,GAAGN,SAAS,KAAKG,aAAa;EAE9C,MAAMI,WAAW,GAAGhB,cAAc,CAACQ,QAAQ,CAACS,KAAK,EAAEX,SAAS,EAAES,UAAU,CAAC;EACzE,MAAMG,YAAY,GAAGV,QAAQ,CAACW,MAAM,EAAEC,MAAM;EAC5C,MAAMC,cAAc,GAAG1B,UAAU,CAAC2B,OAAO,CAAC,CAACJ,YAAY,EAAEK,OAAO,EAAEL,YAAY,GAAGF,WAAW,CAAC,CAAC,CAAC;EAE/F,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxBhB,QAAQ,CAACiB,QAAQ,CAACpB,KAAK,CAACM,IAAI,CAAC;IAC7BH,QAAQ,CAACkB,SAAS,CAAC,KAAK,CAAC;IACzB,IAAI,CAAClB,QAAQ,CAACmB,QAAQ,CAACC,OAAO,EAAE;IAChC,MAAMC,SAAS,GAAGrB,QAAQ,CAACsB,YAAY,CAACzB,KAAK,CAACM,IAAI,CAAC;IACnDf,kBAAkB,CAACY,QAAQ,CAACmB,QAAQ,CAACC,OAAO,EAAEC,SAAS,CAAC;EAC1D,CAAC;EAED,oBACE9B,IAAA,CAACL,SAAS;IACRqC,OAAO,EAAEP,WAAY;IACrBQ,cAAc,EAAEA,CAAA,KAAMzB,YAAY,CAAC,IAAI,CAAE;IACzC0B,cAAc,EAAEA,CAAA,KAAM1B,YAAY,CAAC,KAAK,CAAE;IAC1C2B,KAAK,EAAEb,cAAuC;IAAAc,QAAA,EAE7C9B,KAAK,CAAC8B;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["React","useState","Pressable","StyleSheet","useCombobox","jsx","_jsx","calculateState","comboboxState","hovered","selected","ComboboxOption","props","isHovered","setIsHovered","combobox","itemValue","getItemValue","item","selectedValue","value","undefined","isSelected","optionState","state","optionStyles","styles","option","composedStyles","flatten","default","handlePress","itemLabel","getItemLabel","onChange","onInputChange","inputRef","current","blur","requestAnimationFrame","setIsOpen","onPress","onPointerEnter","onPointerLeave","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-option.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,EAAEC,UAAU,QAAwC,cAAc;AAEpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzC,MAAMC,cAAc,GAAGA,CACrBC,aAA4B,EAC5BC,OAAgB,EAChBC,QAAiB,KACO;EACxB,IAAIF,aAAa,KAAK,UAAU,EAAE,OAAO,UAAU;EACnD,IAAIE,QAAQ,EAAE,OAAO,UAAU;EAC/B,IAAID,OAAO,EAAE,OAAO,SAAS;EAC7B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,cAAcA,CAAIC,KAA6B,EAAE;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMc,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAE9B,MAAMY,SAAS,GAAGD,QAAQ,CAACE,YAAY,CAACL,KAAK,CAACM,IAAI,CAAC;EACnD,MAAMC,aAAa,GAAGJ,QAAQ,CAACK,KAAK,IAAI,IAAI,GAAGL,QAAQ,CAACE,YAAY,CAACF,QAAQ,CAACK,KAAK,CAAC,GAAGC,SAAS;EAChG,MAAMC,UAAU,GAAGN,SAAS,KAAKG,aAAa;EAE9C,MAAMI,WAAW,GAAGhB,cAAc,CAACQ,QAAQ,CAACS,KAAK,EAAEX,SAAS,EAAES,UAAU,CAAC;EACzE,MAAMG,YAAY,GAAGV,QAAQ,CAACW,MAAM,EAAEC,MAAM;EAC5C,MAAMC,cAAc,GAAGzB,UAAU,CAAC0B,OAAO,CAAC,CAACJ,YAAY,EAAEK,OAAO,EAAEL,YAAY,GAAGF,WAAW,CAAC,CAAC,CAAC;EAE/F,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMC,SAAS,GAAGjB,QAAQ,CAACkB,YAAY,CAACrB,KAAK,CAACM,IAAI,CAAC;IACnDH,QAAQ,CAACmB,QAAQ,CAACtB,KAAK,CAACM,IAAI,CAAC;IAC7BH,QAAQ,CAACoB,aAAa,GAAGH,SAAS,CAAC;IACnCjB,QAAQ,CAACqB,QAAQ,CAACC,OAAO,EAAEC,IAAI,CAAC,CAAC;IACjCC,qBAAqB,CAAC,MAAM;MAC1BxB,QAAQ,CAACyB,SAAS,CAAC,KAAK,CAAC;IAC3B,CAAC,CAAC;EACJ,CAAC;EAED,oBACElC,IAAA,CAACJ,SAAS;IACRuC,OAAO,EAAEV,WAAY;IACrBW,cAAc,EAAEA,CAAA,KAAM5B,YAAY,CAAC,IAAI,CAAE;IACzC6B,cAAc,EAAEA,CAAA,KAAM7B,YAAY,CAAC,KAAK,CAAE;IAC1C8B,KAAK,EAAEhB,cAAuC;IAAAiB,QAAA,EAE7CjC,KAAK,CAACiC;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
@@ -2,17 +2,23 @@
2
2
 
3
3
  import React from "react";
4
4
  import { Pressable, StyleSheet } from "react-native";
5
+ import { focusPreventProps } from "../../focus/focus-prevent.js";
5
6
  import { useCombobox } from "../context.js";
6
7
  import { jsx as _jsx } from "react/jsx-runtime";
7
8
  export function ComboboxOverlay(props) {
8
9
  const combobox = useCombobox();
10
+ const onPress = () => {
11
+ combobox.inputRef.current?.blur();
12
+ requestAnimationFrame(() => {
13
+ combobox.setIsOpen(false);
14
+ });
15
+ };
9
16
  const composedStyles = StyleSheet.flatten([combobox.styles?.overlay?.default, combobox.styles?.overlay?.[combobox.state], props.style]);
10
17
  return /*#__PURE__*/_jsx(Pressable, {
11
- onPress: () => {
12
- combobox.setIsOpen(false);
13
- },
18
+ onPress: onPress,
14
19
  pointerEvents: "auto",
15
20
  style: [StyleSheet.absoluteFill, composedStyles],
21
+ ...focusPreventProps,
16
22
  children: props.children
17
23
  });
18
24
  }
@@ -1 +1 @@
1
- {"version":3,"names":["React","Pressable","StyleSheet","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","composedStyles","flatten","styles","overlay","default","state","style","onPress","setIsOpen","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,cAAc,GAAGP,UAAU,CAACQ,OAAO,CAAC,CACxCF,QAAQ,CAACG,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCL,QAAQ,CAACG,MAAM,EAAEC,OAAO,GAAGJ,QAAQ,CAACM,KAAK,CAAC,EAC1CP,KAAK,CAACQ,KAAK,CACZ,CAAC;EAEF,oBACEV,IAAA,CAACJ,SAAS;IACRe,OAAO,EAAEA,CAAA,KAAM;MACbR,QAAQ,CAACS,SAAS,CAAC,KAAK,CAAC;IAC3B,CAAE;IACFC,aAAa,EAAC,MAAM;IACpBH,KAAK,EAAE,CAACb,UAAU,CAACiB,YAAY,EAAEV,cAAc,CAAE;IAAAW,QAAA,EAEhDb,KAAK,CAACa;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
1
+ {"version":3,"names":["React","Pressable","StyleSheet","focusPreventProps","useCombobox","jsx","_jsx","ComboboxOverlay","props","combobox","onPress","inputRef","current","blur","requestAnimationFrame","setIsOpen","composedStyles","flatten","styles","overlay","default","state","style","pointerEvents","absoluteFill","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-overlay.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAkBC,UAAU,QAAwB,cAAc;AACpF,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,OAAO,GAAGA,CAAA,KAAM;IACpBD,QAAQ,CAACE,QAAQ,CAACC,OAAO,EAAEC,IAAI,CAAC,CAAC;IACjCC,qBAAqB,CAAC,MAAM;MAC1BL,QAAQ,CAACM,SAAS,CAAC,KAAK,CAAC;IAC3B,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,cAAc,GAAGd,UAAU,CAACe,OAAO,CAAC,CACxCR,QAAQ,CAACS,MAAM,EAAEC,OAAO,EAAEC,OAAO,EACjCX,QAAQ,CAACS,MAAM,EAAEC,OAAO,GAAGV,QAAQ,CAACY,KAAK,CAAC,EAC1Cb,KAAK,CAACc,KAAK,CACZ,CAAC;EAEF,oBACEhB,IAAA,CAACL,SAAS;IACRS,OAAO,EAAEA,OAAQ;IACjBa,aAAa,EAAC,MAAM;IACpBD,KAAK,EAAE,CAACpB,UAAU,CAACsB,YAAY,EAAER,cAAc,CAAE;IAAA,GAC7Cb,iBAAiB;IAAAsB,QAAA,EAEpBjB,KAAK,CAACiB;EAAQ,CACN,CAAC;AAEhB","ignoreList":[]}
@@ -16,10 +16,8 @@ export function ComboboxTrigger({
16
16
  }) {
17
17
  const combobox = useCombobox();
18
18
  const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
19
- const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
20
19
  const open = () => {
21
20
  if (combobox.isDisabled) return;
22
- combobox.onInputChange(selectedLabel);
23
21
  requestAnimationFrame(() => {
24
22
  measureLayoutPosition(combobox.inputRef.current, layout => {
25
23
  combobox.setTriggerPosition(layout);
@@ -50,7 +48,7 @@ export function ComboboxTrigger({
50
48
  return /*#__PURE__*/_jsx(TextInput, {
51
49
  ...composedProps,
52
50
  ref: combobox.inputRef,
53
- value: undefined,
51
+ value: combobox.inputValue,
54
52
  onChange: undefined,
55
53
  onChangeText: combobox.onInputChange,
56
54
  onFocus: onFocus,
@@ -1 +1 @@
1
- {"version":3,"names":["React","StyleSheet","TextInput","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","render","props","combobox","triggerState","selectedLabel","value","getItemLabel","open","onInputChange","requestAnimationFrame","inputRef","current","layout","setTriggerPosition","setIsOpen","onFocus","e","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","inputValue","onChange","ref","undefined","onChangeText"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBzC,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,MAAe,KAA2B;EACrF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,MAAM,EAAE,OAAO,SAAS;EAC5B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,eAAeA,CAAC;EAAEC,MAAM;EAAE,GAAGC;AAA4B,CAAC,EAAE;EAC1E,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGP,cAAc,CAACM,QAAQ,CAACL,UAAU,EAAEK,QAAQ,CAACJ,MAAM,CAAC;EACzE,MAAMM,aAAa,GAAGF,QAAQ,CAACG,KAAK,IAAI,IAAI,GAAGH,QAAQ,CAACI,YAAY,CAACJ,QAAQ,CAACG,KAAK,CAAC,GAAG,EAAE;EAEzF,MAAME,IAAI,GAAGA,CAAA,KAAM;IACjB,IAAIL,QAAQ,CAACL,UAAU,EAAE;IACzBK,QAAQ,CAACM,aAAa,CAACJ,aAAa,CAAC;IACrCK,qBAAqB,CAAC,MAAM;MAC1BjB,qBAAqB,CAACU,QAAQ,CAACQ,QAAQ,CAACC,OAAO,EAAGC,MAAM,IAAK;QAC3DV,QAAQ,CAACW,kBAAkB,CAACD,MAAM,CAAC;QACnCV,QAAQ,CAACY,SAAS,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,OAAkC,GAAIC,CAAC,IAAK;IAChDf,KAAK,CAACc,OAAO,GAAGC,CAAC,CAAC;IAClBT,IAAI,CAAC,CAAC;EACR,CAAC;EAED,MAAMU,aAAa,GAAGf,QAAQ,CAACgB,MAAM,EAAEC,OAAO;EAC9C,MAAMC,aAA6B,GAAG;IACpC,GAAGH,aAAa,EAAEI,OAAO;IACzB,GAAGJ,aAAa,GAAGd,YAAY,CAAC;IAChC,GAAGF,KAAK;IACRqB,KAAK,EAAEhC,UAAU,CAACiC,OAAO,CAAC,CACxBN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGd,YAAY,CAAC,EAAEmB,KAAK,CACrC;EACH,CAAC;EAED,MAAME,aAAa,GAAGlC,UAAU,CAACiC,OAAO,CAAC,CACvCN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGd,YAAY,CAAC,EAAEmB,KAAK,EACpCrB,KAAK,CAACqB,KAAK,CACZ,CAAC;EAEF,IAAItB,MAAM,EAAE;IACV,OAAOA,MAAM,CAAC;MACZU,QAAQ,EAAER,QAAQ,CAACQ,QAAQ;MAC3BH,IAAI;MACJF,KAAK,EAAEH,QAAQ,CAACuB,UAAU;MAC1BC,QAAQ,EAAExB,QAAQ,CAACM;IACrB,CAAC,CAAC;EACJ;EAEA,oBACEb,IAAA,CAACJ,SAAS;IAAA,GACJ6B,aAAa;IACjBO,GAAG,EAAEzB,QAAQ,CAACQ,QAAS;IACvBL,KAAK,EAAEuB,SAAU;IACjBF,QAAQ,EAAEE,SAAU;IACpBC,YAAY,EAAE3B,QAAQ,CAACM,aAAc;IACrCO,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEE;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
1
+ {"version":3,"names":["React","StyleSheet","TextInput","measureLayoutPosition","useCombobox","jsx","_jsx","calculateState","isDisabled","isOpen","ComboboxTrigger","render","props","combobox","triggerState","open","requestAnimationFrame","inputRef","current","layout","setTriggerPosition","setIsOpen","onFocus","e","triggerStyles","styles","trigger","composedProps","default","style","flatten","composedStyle","value","inputValue","onChange","onInputChange","ref","undefined","onChangeText"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-trigger.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,SAAS,QAA6B,cAAc;AAEzE,SAASC,qBAAqB,QAAQ,oCAAiC;AACvE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAgBzC,MAAMC,cAAc,GAAGA,CAACC,UAAmB,EAAEC,MAAe,KAA2B;EACrF,IAAID,UAAU,EAAE,OAAO,UAAU;EACjC,IAAIC,MAAM,EAAE,OAAO,SAAS;EAC5B,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASC,eAAeA,CAAC;EAAEC,MAAM;EAAE,GAAGC;AAA4B,CAAC,EAAE;EAC1E,MAAMC,QAAQ,GAAGT,WAAW,CAAC,CAAC;EAE9B,MAAMU,YAAY,GAAGP,cAAc,CAACM,QAAQ,CAACL,UAAU,EAAEK,QAAQ,CAACJ,MAAM,CAAC;EAEzE,MAAMM,IAAI,GAAGA,CAAA,KAAM;IACjB,IAAIF,QAAQ,CAACL,UAAU,EAAE;IACzBQ,qBAAqB,CAAC,MAAM;MAC1Bb,qBAAqB,CAACU,QAAQ,CAACI,QAAQ,CAACC,OAAO,EAAGC,MAAM,IAAK;QAC3DN,QAAQ,CAACO,kBAAkB,CAACD,MAAM,CAAC;QACnCN,QAAQ,CAACQ,SAAS,CAAC,IAAI,CAAC;MAC1B,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,OAAkC,GAAIC,CAAC,IAAK;IAChDX,KAAK,CAACU,OAAO,GAAGC,CAAC,CAAC;IAClBR,IAAI,CAAC,CAAC;EACR,CAAC;EAED,MAAMS,aAAa,GAAGX,QAAQ,CAACY,MAAM,EAAEC,OAAO;EAC9C,MAAMC,aAA6B,GAAG;IACpC,GAAGH,aAAa,EAAEI,OAAO;IACzB,GAAGJ,aAAa,GAAGV,YAAY,CAAC;IAChC,GAAGF,KAAK;IACRiB,KAAK,EAAE5B,UAAU,CAAC6B,OAAO,CAAC,CACxBN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGV,YAAY,CAAC,EAAEe,KAAK,CACrC;EACH,CAAC;EAED,MAAME,aAAa,GAAG9B,UAAU,CAAC6B,OAAO,CAAC,CACvCN,aAAa,EAAEI,OAAO,EAAEC,KAAK,EAC7BL,aAAa,GAAGV,YAAY,CAAC,EAAEe,KAAK,EACpCjB,KAAK,CAACiB,KAAK,CACZ,CAAC;EAEF,IAAIlB,MAAM,EAAE;IACV,OAAOA,MAAM,CAAC;MACZM,QAAQ,EAAEJ,QAAQ,CAACI,QAAQ;MAC3BF,IAAI;MACJiB,KAAK,EAAEnB,QAAQ,CAACoB,UAAU;MAC1BC,QAAQ,EAAErB,QAAQ,CAACsB;IACrB,CAAC,CAAC;EACJ;EAEA,oBACE7B,IAAA,CAACJ,SAAS;IAAA,GACJyB,aAAa;IACjBS,GAAG,EAAEvB,QAAQ,CAACI,QAAS;IACvBe,KAAK,EAAEnB,QAAQ,CAACoB,UAAW;IAC3BC,QAAQ,EAAEG,SAAU;IACpBC,YAAY,EAAEzB,QAAQ,CAACsB,aAAc;IACrCb,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEE;EAAc,CACtB,CAAC;AAEN","ignoreList":[]}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ import { Platform } from "react-native";
4
+ export const focusPreventProps = Platform.select({
5
+ web: {
6
+ onMouseDown: e => e.preventDefault()
7
+ },
8
+ default: {}
9
+ });
10
+ //# sourceMappingURL=focus-prevent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["Platform","focusPreventProps","select","web","onMouseDown","e","preventDefault","default"],"sourceRoot":"../../../../src","sources":["components/focus/focus-prevent.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,iBAAiB,GAAGD,QAAQ,CAACE,MAAM,CAAC;EAC/CC,GAAG,EAAE;IACHC,WAAW,EAAGC,CAAmB,IAAKA,CAAC,CAACC,cAAc,CAAC;EACzD,CAAC;EACDC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+
3
+ import { FullScreenSpinnerAPI } from "./manager.js";
4
+ export const FullScreenSpinner = FullScreenSpinnerAPI;
5
+ export { FullScreenSpinnerContainer } from "./manager.js";
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["FullScreenSpinnerAPI","FullScreenSpinner","FullScreenSpinnerContainer"],"sourceRoot":"../../../../src","sources":["components/full-screen-spinner/index.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,cAAW;AAEhD,OAAO,MAAMC,iBAAiB,GAAGD,oBAAoB;AACrD,SAASE,0BAA0B,QAAQ,cAAW","ignoreList":[]}
@@ -0,0 +1,91 @@
1
+ "use strict";
2
+
3
+ import React, { useSyncExternalStore } from "react";
4
+ import { StyleSheet, Text, View } from "react-native";
5
+ import { setHSLAOpacity } from "../../utils/hsla-utils.js";
6
+ import { useThemedStyles } from "../../utils/use-themed-styles.js";
7
+ import { Portal } from "../portal/index.js";
8
+ import { Spinner } from "../spinner/index.js";
9
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
10
+ const store = {
11
+ state: null,
12
+ listeners: new Set()
13
+ };
14
+ function emit() {
15
+ for (const cb of store.listeners) cb();
16
+ }
17
+ function getSnapshot() {
18
+ return store.state;
19
+ }
20
+ function subscribe(cb) {
21
+ store.listeners.add(cb);
22
+ return () => {
23
+ store.listeners.delete(cb);
24
+ };
25
+ }
26
+ function show(config = {}) {
27
+ store.state = config;
28
+ emit();
29
+ }
30
+ function hide() {
31
+ store.state = null;
32
+ emit();
33
+ }
34
+ export const FullScreenSpinnerAPI = {
35
+ show,
36
+ hide
37
+ };
38
+ export const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
39
+ export function FullScreenSpinnerContainer() {
40
+ const state = useSyncExternalStore(subscribe, getSnapshot);
41
+ const styles = useFullScreenSpinnerStyles();
42
+ if (!state) return null;
43
+ return /*#__PURE__*/_jsx(Portal, {
44
+ name: FULL_SCREEN_SPINNER_PORTAL_NAME,
45
+ children: /*#__PURE__*/_jsx(View, {
46
+ style: styles.overlay,
47
+ children: /*#__PURE__*/_jsxs(View, {
48
+ style: styles.content,
49
+ children: [/*#__PURE__*/_jsx(Spinner, {}), !!state.description && /*#__PURE__*/_jsx(Text, {
50
+ style: styles.description,
51
+ children: state.description
52
+ })]
53
+ })
54
+ })
55
+ });
56
+ }
57
+ const useFullScreenSpinnerStyles = () => {
58
+ return useThemedStyles(({
59
+ colors,
60
+ fontSize,
61
+ fontFamily,
62
+ spacing,
63
+ letterSpacing,
64
+ radius
65
+ }) => ({
66
+ overlay: {
67
+ ...StyleSheet.absoluteFillObject,
68
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
69
+ justifyContent: "center",
70
+ alignItems: "center",
71
+ zIndex: 9999
72
+ },
73
+ content: {
74
+ alignItems: "center",
75
+ gap: spacing * 2,
76
+ padding: spacing * 4,
77
+ backgroundColor: setHSLAOpacity(colors.surface, 0.75),
78
+ borderRadius: radius
79
+ },
80
+ spinner: {
81
+ color: colors.primary
82
+ },
83
+ description: {
84
+ color: colors.primary,
85
+ fontSize: fontSize,
86
+ fontFamily: fontFamily,
87
+ letterSpacing: letterSpacing
88
+ }
89
+ }));
90
+ };
91
+ //# sourceMappingURL=manager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["React","useSyncExternalStore","StyleSheet","Text","View","setHSLAOpacity","useThemedStyles","Portal","Spinner","jsx","_jsx","jsxs","_jsxs","store","state","listeners","Set","emit","cb","getSnapshot","subscribe","add","delete","show","config","hide","FullScreenSpinnerAPI","FULL_SCREEN_SPINNER_PORTAL_NAME","FullScreenSpinnerContainer","styles","useFullScreenSpinnerStyles","name","children","style","overlay","content","description","colors","fontSize","fontFamily","spacing","letterSpacing","radius","absoluteFillObject","backgroundColor","justifyContent","alignItems","zIndex","gap","padding","surface","borderRadius","spinner","color","primary"],"sourceRoot":"../../../../src","sources":["components/full-screen-spinner/manager.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,oBAAoB,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,cAAc,QAAQ,2BAAwB;AACvD,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,MAAM,QAAQ,oBAAW;AAClC,SAASC,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWrC,MAAMC,KAA6B,GAAG;EACpCC,KAAK,EAAE,IAAI;EACXC,SAAS,EAAE,IAAIC,GAAG,CAAC;AACrB,CAAC;AAED,SAASC,IAAIA,CAAA,EAAG;EACd,KAAK,MAAMC,EAAE,IAAIL,KAAK,CAACE,SAAS,EAAEG,EAAE,CAAC,CAAC;AACxC;AAEA,SAASC,WAAWA,CAAA,EAAG;EACrB,OAAON,KAAK,CAACC,KAAK;AACpB;AAEA,SAASM,SAASA,CAACF,EAAc,EAAE;EACjCL,KAAK,CAACE,SAAS,CAACM,GAAG,CAACH,EAAE,CAAC;EACvB,OAAO,MAAM;IACXL,KAAK,CAACE,SAAS,CAACO,MAAM,CAACJ,EAAE,CAAC;EAC5B,CAAC;AACH;AAEA,SAASK,IAAIA,CAACC,MAA+B,GAAG,CAAC,CAAC,EAAQ;EACxDX,KAAK,CAACC,KAAK,GAAGU,MAAM;EACpBP,IAAI,CAAC,CAAC;AACR;AAEA,SAASQ,IAAIA,CAAA,EAAS;EACpBZ,KAAK,CAACC,KAAK,GAAG,IAAI;EAClBG,IAAI,CAAC,CAAC;AACR;AAEA,OAAO,MAAMS,oBAAoB,GAAG;EAClCH,IAAI;EACJE;AACF,CAAC;AAED,OAAO,MAAME,+BAA+B,GAAG,4BAA4B;AAE3E,OAAO,SAASC,0BAA0BA,CAAA,EAAG;EAC3C,MAAMd,KAAK,GAAGb,oBAAoB,CAACmB,SAAS,EAAED,WAAW,CAAC;EAC1D,MAAMU,MAAM,GAAGC,0BAA0B,CAAC,CAAC;EAE3C,IAAI,CAAChB,KAAK,EAAE,OAAO,IAAI;EAEvB,oBACEJ,IAAA,CAACH,MAAM;IAACwB,IAAI,EAAEJ,+BAAgC;IAAAK,QAAA,eAC5CtB,IAAA,CAACN,IAAI;MAAC6B,KAAK,EAAEJ,MAAM,CAACK,OAAQ;MAAAF,QAAA,eAC1BpB,KAAA,CAACR,IAAI;QAAC6B,KAAK,EAAEJ,MAAM,CAACM,OAAQ;QAAAH,QAAA,gBAC1BtB,IAAA,CAACF,OAAO,IAAE,CAAC,EACV,CAAC,CAACM,KAAK,CAACsB,WAAW,iBAAI1B,IAAA,CAACP,IAAI;UAAC8B,KAAK,EAAEJ,MAAM,CAACO,WAAY;UAAAJ,QAAA,EAAElB,KAAK,CAACsB;QAAW,CAAO,CAAC;MAAA,CAC/E;IAAC,CACH;EAAC,CACD,CAAC;AAEb;AAEA,MAAMN,0BAA0B,GAAGA,CAAA,KAAM;EACvC,OAAOxB,eAAe,CAAC,CAAC;IAAE+B,MAAM;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,OAAO;IAAEC,aAAa;IAAEC;EAAO,CAAC,MAAM;IAC5FR,OAAO,EAAE;MACP,GAAGhC,UAAU,CAACyC,kBAAkB;MAChCC,eAAe,EAAE,oBAAoB;MACrCC,cAAc,EAAE,QAAiB;MACjCC,UAAU,EAAE,QAAiB;MAC7BC,MAAM,EAAE;IACV,CAAC;IACDZ,OAAO,EAAE;MACPW,UAAU,EAAE,QAAiB;MAC7BE,GAAG,EAAER,OAAO,GAAG,CAAC;MAChBS,OAAO,EAAET,OAAO,GAAG,CAAC;MACpBI,eAAe,EAAEvC,cAAc,CAACgC,MAAM,CAACa,OAAO,EAAE,IAAI,CAAC;MACrDC,YAAY,EAAET;IAChB,CAAC;IACDU,OAAO,EAAE;MACPC,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDlB,WAAW,EAAE;MACXiB,KAAK,EAAEhB,MAAM,CAACiB,OAAO;MACrBhB,QAAQ,EAAEA,QAAQ;MAClBC,UAAU,EAAEA,UAAU;MACtBE,aAAa,EAAEA;IACjB;EACF,CAAC,CAAC,CAAC;AACL,CAAC","ignoreList":[]}
@@ -11,6 +11,7 @@ export * from "./checkbox/index.js";
11
11
  export * from "./combobox/index.js";
12
12
  export * from "./empty/index.js";
13
13
  export * from "./field/index.js";
14
+ export * from "./full-screen-spinner/index.js";
14
15
  export * from "./icon/index.js";
15
16
  export * from "./icon-button/index.js";
16
17
  export * from "./input/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,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,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,gCAAuB;AACrC,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,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
@@ -3,6 +3,7 @@
3
3
  import { ScrollBar } from "./components/index.js";
4
4
  import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog.js";
5
5
  import { PortalHost } from "./components/portal/index.js";
6
+ import { FullScreenSpinnerContainer } from "./components/full-screen-spinner/manager.js";
6
7
  import { ToastContainer } from "./components/toast/manager.js";
7
8
  import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal.js";
8
9
  import { SafeAreaProvider } from "./safe-area/index.js";
@@ -22,7 +23,7 @@ export const UIProvider = ({
22
23
  children: /*#__PURE__*/_jsxs(ThemeProvider, {
23
24
  theme: theme,
24
25
  components: components,
25
- children: [/*#__PURE__*/_jsx(ScrollBar, {}), /*#__PURE__*/_jsx(ToastContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
26
+ children: [/*#__PURE__*/_jsx(ScrollBar, {}), /*#__PURE__*/_jsx(ToastContainer, {}), /*#__PURE__*/_jsx(FullScreenSpinnerContainer, {}), children, /*#__PURE__*/_jsx(PortalHost, {
26
27
  container: portalContainer
27
28
  }), /*#__PURE__*/_jsx(AsyncAlertDialogManager, {})]
28
29
  })
@@ -1 +1 @@
1
- {"version":3,"names":["ScrollBar","AsyncAlertDialogManager","PortalHost","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,uBAAc;AACxC,SAASC,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SAASC,aAAa,QAAiC,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW3E,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACR,SAAS,IAAE,CAAC,eACbQ,IAAA,CAACL,cAAc,IAAE,CAAC,EACjBS,QAAQ,eACTJ,IAAA,CAACN,UAAU;QAACgB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACP,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASkB,QAAQ,QAAQ,sBAAmB;AAC5C,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
1
+ {"version":3,"names":["ScrollBar","AsyncAlertDialogManager","PortalHost","FullScreenSpinnerContainer","ToastContainer","useInitializeNavigationContainerRef","SafeAreaProvider","ThemeProvider","jsx","_jsx","jsxs","_jsxs","UIProvider","children","portalContainer","theme","safeAreaInsets","components","insets","container","useTheme"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,uBAAc;AACxC,SAASC,uBAAuB,QAAQ,iDAA8C;AACtF,SAASC,UAAU,QAAQ,8BAAqB;AAEhD,SAASC,0BAA0B,QAAQ,6CAA0C;AACrF,SAASC,cAAc,QAAQ,+BAA4B;AAC3D,SAASC,mCAAmC,QAAQ,0CAAuC;AAC3F,SAASC,gBAAgB,QAA6B,sBAAa;AACnE,SAASC,aAAa,QAAiC,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW3E,OAAO,MAAMC,UAAU,GAAGA,CAAC;EACzBC,QAAQ;EACRC,eAAe;EACfC,KAAK;EACLC,cAAc;EACdC;AACa,CAAC,KAAK;EACnB;EACAZ,mCAAmC,CAAC,CAAC;EAErC,oBACEI,IAAA,CAACH,gBAAgB;IAACY,MAAM,EAAEF,cAAe;IAAAH,QAAA,eACvCF,KAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA,KAAM;MAACE,UAAU,EAAEA,UAAW;MAAAJ,QAAA,gBAClDJ,IAAA,CAACT,SAAS,IAAE,CAAC,eACbS,IAAA,CAACL,cAAc,IAAE,CAAC,eAClBK,IAAA,CAACN,0BAA0B,IAAE,CAAC,EAC7BU,QAAQ,eACTJ,IAAA,CAACP,UAAU;QAACiB,SAAS,EAAEL;MAAgB,CAAE,CAAC,eAC1CL,IAAA,CAACR,uBAAuB,IAAE,CAAC;IAAA,CACd;EAAC,CACA,CAAC;AAEvB,CAAC;AAED,cAAc,4BAAyB;AAEvC,cAAc,4BAAmB;AACjC,cAAc,2BAAkB;AAChC,SAASmB,QAAQ,QAAQ,sBAAmB;AAC5C,cAAc,mBAAgB;AAE9B,cAAc,uBAAc;AAE5B,cAAc,sBAAa","ignoreList":[]}
@@ -20,4 +20,14 @@ export const hslaSetRelativeLightness = (hsla, delta) => {
20
20
  if (newLightness < 0) newLightness = 0;
21
21
  return hslaSetLightness(hsla, newLightness);
22
22
  };
23
+ export const setHSLAOpacity = (hsla, opacity) => {
24
+ const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
25
+ if (parts[0] === undefined) return hsla;
26
+ if (parts[1] === undefined) return hsla;
27
+ if (parts[2] === undefined) return hsla;
28
+ const h = parseInt(parts[0], 10);
29
+ const s = parseInt(parts[1], 10);
30
+ const l = parseInt(parts[2], 10);
31
+ return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
32
+ };
23
33
  //# sourceMappingURL=hsla-utils.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["hslaSetLightness","hsla","lightness","parts","replace","split","undefined","Error","h","parseInt","s","parseFloat","hslaGetLightness","hslaSetRelativeLightness","delta","currentLightness","newLightness"],"sourceRoot":"../../../src","sources":["utils/hsla-utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;EAC3E,MAAMC,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,IAAIJ,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,MAAMC,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMR,SAAS,MAAMC,KAAK,CAAC,CAAC,CAAC,GAAGQ,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG;AACnF,CAAC;AAED,OAAO,MAAMS,gBAAgB,GAAIX,IAAY,IAAa;EACxD,MAAME,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,OAAOE,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGA,CAACZ,IAAY,EAAEa,KAAa,KAAa;EAC/E,MAAMC,gBAAgB,GAAGH,gBAAgB,CAACX,IAAI,CAAC;EAC/C,IAAIe,YAAY,GAAGD,gBAAgB,GAAGD,KAAK;EAC3C,IAAIE,YAAY,GAAG,GAAG,EAAEA,YAAY,GAAG,GAAG;EAC1C,IAAIA,YAAY,GAAG,CAAC,EAAEA,YAAY,GAAG,CAAC;EACtC,OAAOhB,gBAAgB,CAACC,IAAI,EAAEe,YAAY,CAAC;AAC7C,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["hslaSetLightness","hsla","lightness","parts","replace","split","undefined","Error","h","parseInt","s","parseFloat","hslaGetLightness","hslaSetRelativeLightness","delta","currentLightness","newLightness","setHSLAOpacity","opacity","l"],"sourceRoot":"../../../src","sources":["utils/hsla-utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,gBAAgB,GAAGA,CAACC,IAAY,EAAEC,SAAiB,KAAa;EAC3E,MAAMC,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,IAAIJ,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,MAAMC,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMR,SAAS,MAAMC,KAAK,CAAC,CAAC,CAAC,GAAGQ,UAAU,CAACR,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG;AACnF,CAAC;AAED,OAAO,MAAMS,gBAAgB,GAAIX,IAAY,IAAa;EACxD,MAAME,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,MAAM,IAAIC,KAAK,CAAC,2BAA2B,CAAC;EACxE,OAAOE,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC/B,CAAC;AAED,OAAO,MAAMU,wBAAwB,GAAGA,CAACZ,IAAY,EAAEa,KAAa,KAAa;EAC/E,MAAMC,gBAAgB,GAAGH,gBAAgB,CAACX,IAAI,CAAC;EAC/C,IAAIe,YAAY,GAAGD,gBAAgB,GAAGD,KAAK;EAC3C,IAAIE,YAAY,GAAG,GAAG,EAAEA,YAAY,GAAG,GAAG;EAC1C,IAAIA,YAAY,GAAG,CAAC,EAAEA,YAAY,GAAG,CAAC;EACtC,OAAOhB,gBAAgB,CAACC,IAAI,EAAEe,YAAY,CAAC;AAC7C,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGA,CAAChB,IAAY,EAAEiB,OAAe,KAAa;EACvE,MAAMf,KAAK,GAAGF,IAAI,CAACG,OAAO,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC;EAC9D,IAAIF,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,IAAIE,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,IAAIE,KAAK,CAAC,CAAC,CAAC,KAAKG,SAAS,EAAE,OAAOL,IAAI;EACvC,MAAMO,CAAC,GAAGC,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMO,CAAC,GAAGD,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,MAAMgB,CAAC,GAAGV,QAAQ,CAACN,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAChC,OAAO,QAAQK,CAAC,KAAKE,CAAC,MAAMS,CAAC,MAAMD,OAAO,GAAG;AAC/C,CAAC","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAItF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA+B1D"}
1
+ {"version":3,"file":"combobox-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAgC1D"}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAaF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBA8B9D"}
1
+ {"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAIpE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B,CAAC;AAaF,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,qBAgC9D"}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAoB1D"}
1
+ {"version":3,"file":"combobox-overlay.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,SAAS,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA0B1D"}
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAKjE,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;CAClD,CAAC;AAQF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,mSA2DzE"}
1
+ {"version":3,"file":"combobox-trigger.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAyB,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAKjE,KAAK,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,CAAC,CAAC;AAEnF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC/C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG;IACnD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC;CAClD,CAAC;AAQF,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,mSAyDzE"}
@@ -0,0 +1,6 @@
1
+ export declare const focusPreventProps: {
2
+ onMouseDown: (e: React.MouseEvent) => void;
3
+ } | {
4
+ onMouseDown?: undefined;
5
+ };
6
+ //# sourceMappingURL=focus-prevent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus-prevent.d.ts","sourceRoot":"","sources":["../../../../../src/components/focus/focus-prevent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;qBAET,KAAK,CAAC,UAAU;;;CAGnC,CAAC"}
@@ -0,0 +1,7 @@
1
+ export declare const FullScreenSpinner: {
2
+ show: (config?: import("./manager").FullScreenSpinnerConfig) => void;
3
+ hide: () => void;
4
+ };
5
+ export { FullScreenSpinnerContainer } from "./manager";
6
+ export type { FullScreenSpinnerConfig } from "./manager";
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/full-screen-spinner/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;CAAuB,CAAC;AACtD,OAAO,EAAE,0BAA0B,EAAE,MAAM,WAAW,CAAC;AACvD,YAAY,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ export interface FullScreenSpinnerConfig {
3
+ description?: string;
4
+ }
5
+ declare function show(config?: FullScreenSpinnerConfig): void;
6
+ declare function hide(): void;
7
+ export declare const FullScreenSpinnerAPI: {
8
+ show: typeof show;
9
+ hide: typeof hide;
10
+ };
11
+ export declare const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
12
+ export declare function FullScreenSpinnerContainer(): React.JSX.Element | null;
13
+ export {};
14
+ //# sourceMappingURL=manager.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"manager.d.ts","sourceRoot":"","sources":["../../../../../src/components/full-screen-spinner/manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA2BD,iBAAS,IAAI,CAAC,MAAM,GAAE,uBAA4B,GAAG,IAAI,CAGxD;AAED,iBAAS,IAAI,IAAI,IAAI,CAGpB;AAED,eAAO,MAAM,oBAAoB;;;CAGhC,CAAC;AAEF,eAAO,MAAM,+BAA+B,+BAA+B,CAAC;AAE5E,wBAAgB,0BAA0B,6BAgBzC"}
@@ -9,6 +9,7 @@ export * from "./checkbox";
9
9
  export * from "./combobox";
10
10
  export * from "./empty";
11
11
  export * from "./field";
12
+ export * from "./full-screen-spinner";
12
13
  export * from "./icon";
13
14
  export * from "./icon-button";
14
15
  export * from "./input";
@@ -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,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,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,uBAAuB,CAAC;AACtC,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,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAef,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAI5E,OAAO,EAAoB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,eAAO,MAAM,UAAU,GAAI,mEAMxB,aAAa,gCAgBf,CAAC;AAEF,cAAc,yBAAyB,CAAC;AAExC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAE/B,cAAc,cAAc,CAAC;AAE7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export declare const hslaSetLightness: (hsla: string, lightness: number) => string;
2
2
  export declare const hslaGetLightness: (hsla: string) => number;
3
3
  export declare const hslaSetRelativeLightness: (hsla: string, delta: number) => string;
4
+ export declare const setHSLAOpacity: (hsla: string, opacity: number) => string;
4
5
  //# sourceMappingURL=hsla-utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC"}
1
+ {"version":3,"file":"hsla-utils.d.ts","sourceRoot":"","sources":["../../../../src/utils/hsla-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,WAAW,MAAM,KAAG,MAOlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,MAI/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAMtE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,SAAS,MAAM,KAAG,MAS9D,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@korsolutions/ui",
3
- "version": "0.0.94",
3
+ "version": "0.0.96",
4
4
  "bugs": {
5
5
  "url": "https://github.com/KorSoftwareSolutions/ui/issues"
6
6
  },
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { ScrollView, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
3
3
  import { useRelativePosition } from "../../../hooks/use-relative-position";
4
+ import { focusPreventProps } from "../../focus/focus-prevent";
4
5
  import { useCombobox } from "../context";
5
6
 
6
7
  export interface ComboboxContentProps {
@@ -35,6 +36,7 @@ export function ComboboxContent(props: ComboboxContentProps) {
35
36
  }}
36
37
  keyboardShouldPersistTaps="handled"
37
38
  nestedScrollEnabled
39
+ {...focusPreventProps}
38
40
  >
39
41
  {props.children}
40
42
  </ScrollView>
@@ -1,7 +1,6 @@
1
1
  import React, { useState } from "react";
2
2
  import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
3
3
  import type { ElementChildren } from "../../../types/element.types";
4
- import { setInnerInputValue } from "../../../utils/input-utils";
5
4
  import { useCombobox } from "../context";
6
5
  import type { ComboboxOptionState, ComboboxState } from "../types";
7
6
 
@@ -34,11 +33,13 @@ export function ComboboxOption<T>(props: ComboboxOptionProps<T>) {
34
33
  const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
35
34
 
36
35
  const handlePress = () => {
37
- combobox.onChange(props.item);
38
- combobox.setIsOpen(false);
39
- if (!combobox.inputRef.current) return;
40
36
  const itemLabel = combobox.getItemLabel(props.item);
41
- setInnerInputValue(combobox.inputRef.current, itemLabel);
37
+ combobox.onChange(props.item);
38
+ combobox.onInputChange?.(itemLabel);
39
+ combobox.inputRef.current?.blur();
40
+ requestAnimationFrame(() => {
41
+ combobox.setIsOpen(false);
42
+ });
42
43
  };
43
44
 
44
45
  return (
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  import { Pressable, type StyleProp, StyleSheet, type ViewStyle } from "react-native";
3
+ import { focusPreventProps } from "../../focus/focus-prevent";
3
4
  import { useCombobox } from "../context";
4
5
 
5
6
  export interface ComboboxOverlayProps {
@@ -10,6 +11,13 @@ export interface ComboboxOverlayProps {
10
11
  export function ComboboxOverlay(props: ComboboxOverlayProps) {
11
12
  const combobox = useCombobox();
12
13
 
14
+ const onPress = () => {
15
+ combobox.inputRef.current?.blur();
16
+ requestAnimationFrame(() => {
17
+ combobox.setIsOpen(false);
18
+ });
19
+ };
20
+
13
21
  const composedStyles = StyleSheet.flatten([
14
22
  combobox.styles?.overlay?.default,
15
23
  combobox.styles?.overlay?.[combobox.state],
@@ -18,11 +26,10 @@ export function ComboboxOverlay(props: ComboboxOverlayProps) {
18
26
 
19
27
  return (
20
28
  <Pressable
21
- onPress={() => {
22
- combobox.setIsOpen(false);
23
- }}
29
+ onPress={onPress}
24
30
  pointerEvents="auto"
25
31
  style={[StyleSheet.absoluteFill, composedStyles]}
32
+ {...focusPreventProps}
26
33
  >
27
34
  {props.children}
28
35
  </Pressable>
@@ -28,11 +28,9 @@ export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
28
28
  const combobox = useCombobox();
29
29
 
30
30
  const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
31
- const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
32
31
 
33
32
  const open = () => {
34
33
  if (combobox.isDisabled) return;
35
- combobox.onInputChange(selectedLabel);
36
34
  requestAnimationFrame(() => {
37
35
  measureLayoutPosition(combobox.inputRef.current, (layout) => {
38
36
  combobox.setTriggerPosition(layout);
@@ -76,7 +74,7 @@ export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
76
74
  <TextInput
77
75
  {...composedProps}
78
76
  ref={combobox.inputRef}
79
- value={undefined}
77
+ value={combobox.inputValue}
80
78
  onChange={undefined}
81
79
  onChangeText={combobox.onInputChange}
82
80
  onFocus={onFocus}
@@ -0,0 +1,8 @@
1
+ import { Platform } from "react-native";
2
+
3
+ export const focusPreventProps = Platform.select({
4
+ web: {
5
+ onMouseDown: (e: React.MouseEvent) => e.preventDefault(),
6
+ },
7
+ default: {},
8
+ });
@@ -0,0 +1,5 @@
1
+ import { FullScreenSpinnerAPI } from "./manager";
2
+
3
+ export const FullScreenSpinner = FullScreenSpinnerAPI;
4
+ export { FullScreenSpinnerContainer } from "./manager";
5
+ export type { FullScreenSpinnerConfig } from "./manager";
@@ -0,0 +1,98 @@
1
+ import React, { useSyncExternalStore } from "react";
2
+ import { StyleSheet, Text, View } from "react-native";
3
+ import { setHSLAOpacity } from "../../utils/hsla-utils";
4
+ import { useThemedStyles } from "../../utils/use-themed-styles";
5
+ import { Portal } from "../portal";
6
+ import { Spinner } from "../spinner";
7
+
8
+ export interface FullScreenSpinnerConfig {
9
+ description?: string;
10
+ }
11
+
12
+ type FullScreenSpinnerStore = {
13
+ state: FullScreenSpinnerConfig | null;
14
+ listeners: Set<() => void>;
15
+ };
16
+
17
+ const store: FullScreenSpinnerStore = {
18
+ state: null,
19
+ listeners: new Set(),
20
+ };
21
+
22
+ function emit() {
23
+ for (const cb of store.listeners) cb();
24
+ }
25
+
26
+ function getSnapshot() {
27
+ return store.state;
28
+ }
29
+
30
+ function subscribe(cb: () => void) {
31
+ store.listeners.add(cb);
32
+ return () => {
33
+ store.listeners.delete(cb);
34
+ };
35
+ }
36
+
37
+ function show(config: FullScreenSpinnerConfig = {}): void {
38
+ store.state = config;
39
+ emit();
40
+ }
41
+
42
+ function hide(): void {
43
+ store.state = null;
44
+ emit();
45
+ }
46
+
47
+ export const FullScreenSpinnerAPI = {
48
+ show,
49
+ hide,
50
+ };
51
+
52
+ export const FULL_SCREEN_SPINNER_PORTAL_NAME = "full-screen-spinner-portal";
53
+
54
+ export function FullScreenSpinnerContainer() {
55
+ const state = useSyncExternalStore(subscribe, getSnapshot);
56
+ const styles = useFullScreenSpinnerStyles();
57
+
58
+ if (!state) return null;
59
+
60
+ return (
61
+ <Portal name={FULL_SCREEN_SPINNER_PORTAL_NAME}>
62
+ <View style={styles.overlay}>
63
+ <View style={styles.content}>
64
+ <Spinner />
65
+ {!!state.description && <Text style={styles.description}>{state.description}</Text>}
66
+ </View>
67
+ </View>
68
+ </Portal>
69
+ );
70
+ }
71
+
72
+ const useFullScreenSpinnerStyles = () => {
73
+ return useThemedStyles(({ colors, fontSize, fontFamily, spacing, letterSpacing, radius }) => ({
74
+ overlay: {
75
+ ...StyleSheet.absoluteFillObject,
76
+ backgroundColor: "rgba(0, 0, 0, 0.5)",
77
+ justifyContent: "center" as const,
78
+ alignItems: "center" as const,
79
+ zIndex: 9999,
80
+ },
81
+ content: {
82
+ alignItems: "center" as const,
83
+ gap: spacing * 2,
84
+ padding: spacing * 4,
85
+ backgroundColor: setHSLAOpacity(colors.surface, 0.75),
86
+ borderRadius: radius,
87
+ },
88
+ spinner: {
89
+ color: colors.primary,
90
+ },
91
+ description: {
92
+ color: colors.primary,
93
+ fontSize: fontSize,
94
+ fontFamily: fontFamily,
95
+ letterSpacing: letterSpacing,
96
+ },
97
+ }));
98
+ };
@@ -9,6 +9,7 @@ export * from "./checkbox";
9
9
  export * from "./combobox";
10
10
  export * from "./empty";
11
11
  export * from "./field";
12
+ export * from "./full-screen-spinner";
12
13
  export * from "./icon";
13
14
  export * from "./icon-button";
14
15
  export * from "./input";
package/src/index.tsx CHANGED
@@ -2,6 +2,7 @@ import { ScrollBar } from "./components";
2
2
  import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog";
3
3
  import { PortalHost } from "./components/portal";
4
4
  import { type PortalHostProps } from "./components/portal/portal.constants";
5
+ import { FullScreenSpinnerContainer } from "./components/full-screen-spinner/manager";
5
6
  import { ToastContainer } from "./components/toast/manager";
6
7
  import { useInitializeNavigationContainerRef } from "./hooks/use-is-react-navigation-modal";
7
8
  import { SafeAreaProvider, type SafeAreaInsets } from "./safe-area";
@@ -31,6 +32,7 @@ export const UIProvider = ({
31
32
  <ThemeProvider theme={theme} components={components}>
32
33
  <ScrollBar />
33
34
  <ToastContainer />
35
+ <FullScreenSpinnerContainer />
34
36
  {children}
35
37
  <PortalHost container={portalContainer} />
36
38
  <AsyncAlertDialogManager />
@@ -20,3 +20,14 @@ export const hslaSetRelativeLightness = (hsla: string, delta: number): string =>
20
20
  if (newLightness < 0) newLightness = 0;
21
21
  return hslaSetLightness(hsla, newLightness);
22
22
  };
23
+
24
+ export const setHSLAOpacity = (hsla: string, opacity: number): string => {
25
+ const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
26
+ if (parts[0] === undefined) return hsla;
27
+ if (parts[1] === undefined) return hsla;
28
+ if (parts[2] === undefined) return hsla;
29
+ const h = parseInt(parts[0], 10);
30
+ const s = parseInt(parts[1], 10);
31
+ const l = parseInt(parts[2], 10);
32
+ return `hsla(${h}, ${s}%, ${l}%, ${opacity})`;
33
+ };