@korsolutions/ui 0.0.67 → 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/module/components/portal/portal.web.js

@@ -17,6 +17,7 @@ export function Portal({
     if (!container) {
       container = document.createElement("div");
       container.id = hostName;
+      container.style.pointerEvents = "auto";
       document.body.appendChild(container);
     }
     return container;

package/dist/module/components/portal/portal.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","createPortal","DEFAULT_PORTAL_HOST","Fragment","_Fragment","jsx","_jsx","PortalHost","Portal","name","hostName","children","container","document","getElementById","createElement","id","body","appendChild"],"sourceRoot":"../../../../src","sources":["components/portal/portal.web.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,mBAAmB,QAA0B,uBAAoB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE3E,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBAAOD,IAAA,CAAAF,SAAA,IAAI,CAAC;AACd;AAEA,OAAO,SAASI,MAAMA,CAAC;EAAEC,IAAI;EAAEC,QAAQ,GAAGR,mBAAmB;EAAES;AAAsB,CAAC,EAAE;EACtF,MAAM,CAACC,SAAS,CAAC,GAAGZ,QAAQ,CAAC,MAAM;IACjC,IAAIY,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAACJ,QAAQ,CAAC;IAEjD,IAAI,CAACE,SAAS,EAAE;MACdA,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MACzCH,SAAS,CAACI,EAAE,GAAGN,QAAQ;MACvBG,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACtC;IACA,OAAOA,SAAS;EAClB,CAAC,CAAC;EAEF,oBAAON,IAAA,CAAAF,SAAA;IAAAO,QAAA,eAAGV,YAAY,CAACU,QAAQ,EAAEC,SAAS,EAAEH,IAAI;EAAC,CAAG,CAAC;AACvD","ignoreList":[]}
+{"version":3,"names":["useState","createPortal","DEFAULT_PORTAL_HOST","Fragment","_Fragment","jsx","_jsx","PortalHost","Portal","name","hostName","children","container","document","getElementById","createElement","id","style","pointerEvents","body","appendChild"],"sourceRoot":"../../../../src","sources":["components/portal/portal.web.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,mBAAmB,QAA0B,uBAAoB;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAE3E,OAAO,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBAAOD,IAAA,CAAAF,SAAA,IAAI,CAAC;AACd;AAEA,OAAO,SAASI,MAAMA,CAAC;EAAEC,IAAI;EAAEC,QAAQ,GAAGR,mBAAmB;EAAES;AAAsB,CAAC,EAAE;EACtF,MAAM,CAACC,SAAS,CAAC,GAAGZ,QAAQ,CAAC,MAAM;IACjC,IAAIY,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAACJ,QAAQ,CAAC;IAEjD,IAAI,CAACE,SAAS,EAAE;MACdA,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MACzCH,SAAS,CAACI,EAAE,GAAGN,QAAQ;MACvBE,SAAS,CAACK,KAAK,CAACC,aAAa,GAAG,MAAM;MACtCL,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACR,SAAS,CAAC;IACtC;IACA,OAAOA,SAAS;EAClB,CAAC,CAAC;EAEF,oBAAON,IAAA,CAAAF,SAAA;IAAAO,QAAA,eAAGV,YAAY,CAACU,QAAQ,EAAEC,SAAS,EAAEH,IAAI;EAAC,CAAG,CAAC;AACvD","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/dist/typescript/src/components/portal/portal.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE3E,wBAAgB,UAAU,gCAEzB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,QAA8B,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAarF"}
+{"version":3,"file":"portal.web.d.ts","sourceRoot":"","sources":["../../../../../src/components/portal/portal.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE3E,wBAAgB,UAAU,gCAEzB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,QAA8B,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAcrF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.67",
+  "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>;
 }

package/src/components/portal/portal.web.tsx

@@ -13,6 +13,7 @@ export function Portal({ name, hostName = DEFAULT_PORTAL_HOST, children }: Porta
     if (!container) {
       container = document.createElement("div");
       container.id = hostName;
+      container.style.pointerEvents = "auto";
       document.body.appendChild(container);
     }
     return container;