@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.
- package/dist/module/components/combobox/components/combobox-content.js +2 -0
- package/dist/module/components/combobox/components/combobox-content.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-option.js +6 -5
- package/dist/module/components/combobox/components/combobox-option.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-overlay.js +9 -3
- package/dist/module/components/combobox/components/combobox-overlay.js.map +1 -1
- package/dist/module/components/combobox/components/combobox-trigger.js +1 -3
- package/dist/module/components/combobox/components/combobox-trigger.js.map +1 -1
- package/dist/module/components/focus/focus-prevent.js +10 -0
- package/dist/module/components/focus/focus-prevent.js.map +1 -0
- package/dist/module/components/full-screen-spinner/index.js +6 -0
- package/dist/module/components/full-screen-spinner/index.js.map +1 -0
- package/dist/module/components/full-screen-spinner/manager.js +91 -0
- package/dist/module/components/full-screen-spinner/manager.js.map +1 -0
- package/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/index.js +2 -1
- package/dist/module/index.js.map +1 -1
- package/dist/module/utils/hsla-utils.js +10 -0
- package/dist/module/utils/hsla-utils.js.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map +1 -1
- package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map +1 -1
- package/dist/typescript/src/components/focus/focus-prevent.d.ts +6 -0
- package/dist/typescript/src/components/focus/focus-prevent.d.ts.map +1 -0
- package/dist/typescript/src/components/full-screen-spinner/index.d.ts +7 -0
- package/dist/typescript/src/components/full-screen-spinner/index.d.ts.map +1 -0
- package/dist/typescript/src/components/full-screen-spinner/manager.d.ts +14 -0
- package/dist/typescript/src/components/full-screen-spinner/manager.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/index.d.ts.map +1 -1
- package/dist/typescript/src/utils/hsla-utils.d.ts +1 -0
- package/dist/typescript/src/utils/hsla-utils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/combobox/components/combobox-content.tsx +2 -0
- package/src/components/combobox/components/combobox-option.tsx +6 -5
- package/src/components/combobox/components/combobox-overlay.tsx +10 -3
- package/src/components/combobox/components/combobox-trigger.tsx +1 -3
- package/src/components/focus/focus-prevent.ts +8 -0
- package/src/components/full-screen-spinner/index.ts +5 -0
- package/src/components/full-screen-spinner/manager.tsx +98 -0
- package/src/components/index.ts +1 -0
- package/src/index.tsx +2 -0
- 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,
|
|
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
|
-
|
|
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","
|
|
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","
|
|
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:
|
|
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","
|
|
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 @@
|
|
|
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 @@
|
|
|
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":"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","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":[]}
|
package/dist/module/index.js
CHANGED
|
@@ -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
|
})
|
package/dist/module/index.js.map
CHANGED
|
@@ -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,
|
|
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;
|
|
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;
|
|
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;
|
|
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,
|
|
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 @@
|
|
|
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"}
|
|
@@ -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;
|
|
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,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
|
-
|
|
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={
|
|
77
|
+
value={combobox.inputValue}
|
|
80
78
|
onChange={undefined}
|
|
81
79
|
onChangeText={combobox.onInputChange}
|
|
82
80
|
onFocus={onFocus}
|
|
@@ -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
|
+
};
|
package/src/components/index.ts
CHANGED
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 />
|
package/src/utils/hsla-utils.ts
CHANGED
|
@@ -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
|
+
};
|