@korsolutions/ui 0.0.94 → 0.0.95

package/dist/module/components/combobox/components/combobox-content.js

@@ -3,6 +3,7 @@
 import React from "react";
 import { ScrollView, StyleSheet } from "react-native";
 import { useRelativePosition } from "../../../hooks/use-relative-position.js";
+import { focusPreventProps } from "../../focus/focus-prevent.js";
 import { useCombobox } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ComboboxContent(props) {
@@ -26,6 +27,7 @@ export function ComboboxContent(props) {
     },
     keyboardShouldPersistTaps: "handled",
     nestedScrollEnabled: true,
+    ...focusPreventProps,
     children: props.children
   });
 }

package/dist/module/components/combobox/components/combobox-content.js.map

@@ -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":[]}
+{"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":[]}

package/dist/module/components/combobox/components/combobox-option.js

@@ -2,7 +2,6 @@
 
 import React, { useState } from "react";
 import { Pressable, StyleSheet } from "react-native";
-import { setInnerInputValue } from "../../../utils/input-utils.js";
 import { useCombobox } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const calculateState = (comboboxState, hovered, selected) => {
@@ -21,11 +20,13 @@ export function ComboboxOption(props) {
   const optionStyles = combobox.styles?.option;
   const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
   const handlePress = () => {
-    combobox.onChange(props.item);
-    combobox.setIsOpen(false);
-    if (!combobox.inputRef.current) return;
     const itemLabel = combobox.getItemLabel(props.item);
-    setInnerInputValue(combobox.inputRef.current, itemLabel);
+    combobox.onChange(props.item);
+    combobox.onInputChange?.(itemLabel);
+    combobox.inputRef.current?.blur();
+    requestAnimationFrame(() => {
+      combobox.setIsOpen(false);
+    });
   };
   return /*#__PURE__*/_jsx(Pressable, {
     onPress: handlePress,

package/dist/module/components/combobox/components/combobox-option.js.map

@@ -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":[]}
+{"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":[]}

package/dist/module/components/combobox/components/combobox-overlay.js

@@ -2,17 +2,23 @@
 
 import React from "react";
 import { Pressable, StyleSheet } from "react-native";
+import { focusPreventProps } from "../../focus/focus-prevent.js";
 import { useCombobox } from "../context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ComboboxOverlay(props) {
   const combobox = useCombobox();
+  const onPress = () => {
+    combobox.inputRef.current?.blur();
+    requestAnimationFrame(() => {
+      combobox.setIsOpen(false);
+    });
+  };
   const composedStyles = StyleSheet.flatten([combobox.styles?.overlay?.default, combobox.styles?.overlay?.[combobox.state], props.style]);
   return /*#__PURE__*/_jsx(Pressable, {
-    onPress: () => {
-      combobox.setIsOpen(false);
-    },
+    onPress: onPress,
     pointerEvents: "auto",
     style: [StyleSheet.absoluteFill, composedStyles],
+    ...focusPreventProps,
     children: props.children
   });
 }

package/dist/module/components/combobox/components/combobox-overlay.js.map

@@ -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":[]}
+{"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":[]}

package/dist/module/components/combobox/components/combobox-trigger.js

@@ -16,10 +16,8 @@ export function ComboboxTrigger({
 }) {
   const combobox = useCombobox();
   const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
-  const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
   const open = () => {
     if (combobox.isDisabled) return;
-    combobox.onInputChange(selectedLabel);
     requestAnimationFrame(() => {
       measureLayoutPosition(combobox.inputRef.current, layout => {
         combobox.setTriggerPosition(layout);
@@ -50,7 +48,7 @@ export function ComboboxTrigger({
   return /*#__PURE__*/_jsx(TextInput, {
     ...composedProps,
     ref: combobox.inputRef,
-    value: undefined,
+    value: combobox.inputValue,
     onChange: undefined,
     onChangeText: combobox.onInputChange,
     onFocus: onFocus,

package/dist/module/components/combobox/components/combobox-trigger.js.map

@@ -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":[]}
+{"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":[]}

package/dist/module/components/focus/focus-prevent.js

@@ -0,0 +1,10 @@
+"use strict";
+
+import { Platform } from "react-native";
+export const focusPreventProps = Platform.select({
+  web: {
+    onMouseDown: e => e.preventDefault()
+  },
+  default: {}
+});
+//# sourceMappingURL=focus-prevent.js.map

package/dist/module/components/focus/focus-prevent.js.map

@@ -0,0 +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":[]}

package/dist/typescript/src/components/combobox/components/combobox-content.d.ts.map

@@ -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"}
+{"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"}

package/dist/typescript/src/components/combobox/components/combobox-option.d.ts.map

@@ -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"}
+{"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"}

package/dist/typescript/src/components/combobox/components/combobox-overlay.d.ts.map

@@ -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"}
+{"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"}

package/dist/typescript/src/components/combobox/components/combobox-trigger.d.ts.map

@@ -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"}
+{"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"}

package/dist/typescript/src/components/focus/focus-prevent.d.ts

@@ -0,0 +1,6 @@
+export declare const focusPreventProps: {
+    onMouseDown: (e: React.MouseEvent) => void;
+} | {
+    onMouseDown?: undefined;
+};
+//# sourceMappingURL=focus-prevent.d.ts.map

package/dist/typescript/src/components/focus/focus-prevent.d.ts.map

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.94",
+  "version": "0.0.95",
   "bugs": {
     "url": "https://github.com/KorSoftwareSolutions/ui/issues"
   },

package/src/components/combobox/components/combobox-content.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { ScrollView, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
 import { useRelativePosition } from "../../../hooks/use-relative-position";
+import { focusPreventProps } from "../../focus/focus-prevent";
 import { useCombobox } from "../context";
 
 export interface ComboboxContentProps {
@@ -35,6 +36,7 @@ export function ComboboxContent(props: ComboboxContentProps) {
       }}
       keyboardShouldPersistTaps="handled"
       nestedScrollEnabled
+      {...focusPreventProps}
     >
       {props.children}
     </ScrollView>

package/src/components/combobox/components/combobox-option.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { Pressable, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
 import type { ElementChildren } from "../../../types/element.types";
-import { setInnerInputValue } from "../../../utils/input-utils";
 import { useCombobox } from "../context";
 import type { ComboboxOptionState, ComboboxState } from "../types";
 
@@ -34,11 +33,13 @@ export function ComboboxOption<T>(props: ComboboxOptionProps<T>) {
   const composedStyles = StyleSheet.flatten([optionStyles?.default, optionStyles?.[optionState]]);
 
   const handlePress = () => {
-    combobox.onChange(props.item);
-    combobox.setIsOpen(false);
-    if (!combobox.inputRef.current) return;
     const itemLabel = combobox.getItemLabel(props.item);
-    setInnerInputValue(combobox.inputRef.current, itemLabel);
+    combobox.onChange(props.item);
+    combobox.onInputChange?.(itemLabel);
+    combobox.inputRef.current?.blur();
+    requestAnimationFrame(() => {
+      combobox.setIsOpen(false);
+    });
   };
 
   return (

package/src/components/combobox/components/combobox-overlay.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import { Pressable, type StyleProp, StyleSheet, type ViewStyle } from "react-native";
+import { focusPreventProps } from "../../focus/focus-prevent";
 import { useCombobox } from "../context";
 
 export interface ComboboxOverlayProps {
@@ -10,6 +11,13 @@ export interface ComboboxOverlayProps {
 export function ComboboxOverlay(props: ComboboxOverlayProps) {
   const combobox = useCombobox();
 
+  const onPress = () => {
+    combobox.inputRef.current?.blur();
+    requestAnimationFrame(() => {
+      combobox.setIsOpen(false);
+    });
+  };
+
   const composedStyles = StyleSheet.flatten([
     combobox.styles?.overlay?.default,
     combobox.styles?.overlay?.[combobox.state],
@@ -18,11 +26,10 @@ export function ComboboxOverlay(props: ComboboxOverlayProps) {
 
   return (
     <Pressable
-      onPress={() => {
-        combobox.setIsOpen(false);
-      }}
+      onPress={onPress}
       pointerEvents="auto"
       style={[StyleSheet.absoluteFill, composedStyles]}
+      {...focusPreventProps}
     >
       {props.children}
     </Pressable>

package/src/components/combobox/components/combobox-trigger.tsx

@@ -28,11 +28,9 @@ export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
   const combobox = useCombobox();
 
   const triggerState = calculateState(combobox.isDisabled, combobox.isOpen);
-  const selectedLabel = combobox.value != null ? combobox.getItemLabel(combobox.value) : "";
 
   const open = () => {
     if (combobox.isDisabled) return;
-    combobox.onInputChange(selectedLabel);
     requestAnimationFrame(() => {
       measureLayoutPosition(combobox.inputRef.current, (layout) => {
         combobox.setTriggerPosition(layout);
@@ -76,7 +74,7 @@ export function ComboboxTrigger({ render, ...props }: ComboboxTriggerProps) {
     <TextInput
       {...composedProps}
       ref={combobox.inputRef}
-      value={undefined}
+      value={combobox.inputValue}
       onChange={undefined}
       onChangeText={combobox.onInputChange}
       onFocus={onFocus}

package/src/components/focus/focus-prevent.ts

@@ -0,0 +1,8 @@
+import { Platform } from "react-native";
+
+export const focusPreventProps = Platform.select({
+  web: {
+    onMouseDown: (e: React.MouseEvent) => e.preventDefault(),
+  },
+  default: {},
+});