@korsolutions/ui 0.0.68 → 0.0.69

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

@@ -1,17 +1,21 @@
 "use strict";
 
 import React from "react";
-import { Text } from "react-native";
-import { calculateComposedStyles } from "../../../utils/calculate-styles.js";
+import { StyleSheet, Text } from "react-native";
 import { useCombobox } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export function ComboboxEmpty(props) {
   const combobox = useCombobox();
   const hasVisibleOptions = combobox.options.some(option => combobox.filter(option.value, combobox.searchQuery));
   if (hasVisibleOptions) {
     return null;
   }
-  const composedStyles = calculateComposedStyles(combobox.styles, combobox.state, "empty");
+  if (props.render) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: props.render()
+    });
+  }
+  const composedStyles = StyleSheet.flatten([combobox.styles.empty?.default, combobox.styles.empty?.[combobox.state]]);
   return /*#__PURE__*/_jsx(Text, {
     style: composedStyles,
     children: props.children

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","calculateComposedStyles","useCombobox","jsx","_jsx","ComboboxEmpty","props","combobox","hasVisibleOptions","options","some","option","filter","value","searchQuery","composedStyles","styles","state","style","children"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,uBAAuB,QAAQ,oCAAiC;AACzE,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMzC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,iBAAiB,GAAGD,QAAQ,CAACE,OAAO,CAACC,IAAI,CAAEC,MAAM,IACrDJ,QAAQ,CAACK,MAAM,CAACD,MAAM,CAACE,KAAK,EAAEN,QAAQ,CAACO,WAAW,CACpD,CAAC;EAED,IAAIN,iBAAiB,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAGd,uBAAuB,CAC5CM,QAAQ,CAACS,MAAM,EACfT,QAAQ,CAACU,KAAK,EACd,OACF,CAAC;EAED,oBAAOb,IAAA,CAACJ,IAAI;IAACkB,KAAK,EAAEH,cAAe;IAAAI,QAAA,EAAEb,KAAK,CAACa;EAAQ,CAAO,CAAC;AAC7D","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","useCombobox","Fragment","_Fragment","jsx","_jsx","ComboboxEmpty","props","combobox","hasVisibleOptions","options","some","option","filter","value","searchQuery","render","children","composedStyles","flatten","styles","empty","default","state","style"],"sourceRoot":"../../../../../src","sources":["components/combobox/components/combobox-empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,eAAY;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAOzC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,QAAQ,GAAGP,WAAW,CAAC,CAAC;EAE9B,MAAMQ,iBAAiB,GAAGD,QAAQ,CAACE,OAAO,CAACC,IAAI,CAAEC,MAAM,IACrDJ,QAAQ,CAACK,MAAM,CAACD,MAAM,CAACE,KAAK,EAAEN,QAAQ,CAACO,WAAW,CACpD,CAAC;EAED,IAAIN,iBAAiB,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,IAAIF,KAAK,CAACS,MAAM,EAAE;IAChB,oBAAOX,IAAA,CAAAF,SAAA;MAAAc,QAAA,EAAGV,KAAK,CAACS,MAAM,CAAC;IAAC,CAAG,CAAC;EAC9B;EAEA,MAAME,cAAc,GAAGnB,UAAU,CAACoB,OAAO,CAAC,CACxCX,QAAQ,CAACY,MAAM,CAACC,KAAK,EAAEC,OAAO,EAC9Bd,QAAQ,CAACY,MAAM,CAACC,KAAK,GAAGb,QAAQ,CAACe,KAAK,CAAC,CACxC,CAAC;EAEF,oBAAOlB,IAAA,CAACL,IAAI;IAACwB,KAAK,EAAEN,cAAe;IAAAD,QAAA,EAAEV,KAAK,CAACU;EAAQ,CAAO,CAAC;AAC7D","ignoreList":[]}

package/dist/typescript/src/components/combobox/components/combobox-empty.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface ComboboxEmptyProps {
-    children?: React.ReactNode;
+    children?: string;
+    render: () => React.ReactNode;
 }
 export declare function ComboboxEmpty(props: ComboboxEmptyProps): React.JSX.Element | null;
 //# sourceMappingURL=combobox-empty.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-empty.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAkBtD"}
+{"version":3,"file":"combobox-empty.d.ts","sourceRoot":"","sources":["../../../../../../src/components/combobox/components/combobox-empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,4BAqBtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "license": "MIT",
   "repository": {
     "type": "git",

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

@@ -1,10 +1,10 @@
 import React from "react";
-import { Text } from "react-native";
-import { calculateComposedStyles } from "../../../utils/calculate-styles";
+import { StyleSheet, Text } from "react-native";
 import { useCombobox } from "../context";
 
 export interface ComboboxEmptyProps {
-  children?: React.ReactNode;
+  children?: string;
+  render: () => React.ReactNode;
 }
 
 export function ComboboxEmpty(props: ComboboxEmptyProps) {
@@ -18,11 +18,14 @@ export function ComboboxEmpty(props: ComboboxEmptyProps) {
     return null;
   }
 
-  const composedStyles = calculateComposedStyles(
-    combobox.styles,
-    combobox.state,
-    "empty",
-  );
+  if (props.render) {
+    return <>{props.render()}</>;
+  }
+
+  const composedStyles = StyleSheet.flatten([
+    combobox.styles.empty?.default,
+    combobox.styles.empty?.[combobox.state],
+  ]);
 
   return <Text style={composedStyles}>{props.children}</Text>;
 }