@korsolutions/ui 0.0.30 → 0.0.32

package/dist/typescript/src/primitives/popover/popover-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/popover/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FA+BzB,CAAC"}
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/popover/popover-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,mBAAoB,SAAQ,cAAc;IACzD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,+FA4CzB,CAAC"}

package/dist/typescript/src/primitives/portal/portal.web.d.ts

@@ -0,0 +1,4 @@
+import { type PortalProps } from "./portal.constants";
+export declare function PortalHost(): import("react").JSX.Element;
+export declare function Portal({ name, hostName, children }: PortalProps): import("react").JSX.Element;
+//# sourceMappingURL=portal.web.d.ts.map

package/dist/typescript/src/primitives/portal/portal.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.web.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/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"}

package/dist/typescript/src/utils/use-themed-styles.d.ts

@@ -1,4 +1,4 @@
-import type { Colors, FontFamily, FontSize, LetterSpacing, Radius } from "@/themes/types";
+import type { Colors, FontFamily, FontSize, LetterSpacing, Radius } from "../themes/types";
 interface CallbackProps {
     colors: Colors;
     radius: Radius;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -38,7 +38,9 @@
   "devDependencies": {
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "react-native-builder-bob": "^0.40.17"
+    "babel-plugin-module-resolver": "^5.0.2",
+    "react-native-builder-bob": "^0.40.17",
+    "tsc-alias": "^1.8.16"
   },
   "peerDependencies": {
     "react": "*",

package/scripts/build.sh

@@ -0,0 +1,2 @@
+bob build
+tsc-alias -p tsconfig.json --outDir dist/typescript

package/src/components/input/input.tsx

@@ -2,7 +2,7 @@ import { InputPrimitive, type InputPrimitiveBaseProps } from "@/primitives";
 import React from "react";
 import { InputVariants } from "./variants";
 
-interface InputProps extends InputPrimitiveBaseProps {
+export interface InputProps extends InputPrimitiveBaseProps {
   variant?: keyof typeof InputVariants;
 }
 

package/src/components/textarea/textarea.tsx

@@ -2,7 +2,7 @@ import { TextareaPrimitive, type TextareaPrimitiveBaseProps } from "@/primitives
 import React from "react";
 import { TextareaVariants } from "./variants";
 
-interface TextareaProps extends TextareaPrimitiveBaseProps {
+export interface TextareaProps extends TextareaPrimitiveBaseProps {
   variant?: keyof typeof TextareaVariants;
 }
 

package/src/primitives/dropdown-menu/dropdown-menu-trigger.tsx

@@ -17,20 +17,33 @@ export const DropdownMenuTrigger = forwardRef<DropdownMenuTriggerRef, DropdownMe
   const triggerRef = useRef<ViewRef>(null);
 
   const onTriggerPress = async () => {
-    triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
-      dropdownMenu.setTriggerPosition({
-        height,
-        width,
-        pageX,
-        pageY,
+    if (!dropdownMenu.isOpen) {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        dropdownMenu.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        dropdownMenu.setIsOpen(true);
       });
-    });
-
-    dropdownMenu.setIsOpen((prev) => !prev);
+    } else {
+      dropdownMenu.setIsOpen(false);
+    }
   };
 
   useImperativeHandle(ref, () => ({
-    open: () => dropdownMenu.setIsOpen(true),
+    open: () => {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        dropdownMenu.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        dropdownMenu.setIsOpen(true);
+      });
+    },
     close: () => dropdownMenu.setIsOpen(false),
   }));
 

package/src/primitives/popover/popover-content.tsx

@@ -1,7 +1,7 @@
+import { useRelativePosition } from "@/hooks/use-relative-position";
 import React from "react";
 import { type StyleProp, View, type ViewStyle } from "react-native";
 import { usePopover } from "./context";
-import { useRelativePosition } from "@/hooks/use-relative-position";
 
 export interface PopoverContentProps {
   children?: React.ReactNode;

package/src/primitives/popover/popover-trigger.tsx

@@ -17,20 +17,33 @@ export const PopoverTrigger = forwardRef<PopoverTriggerRef, PopoverTriggerProps>
   const triggerRef = useRef<ViewRef>(null);
 
   const onTriggerPress = async () => {
-    triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
-      popover.setTriggerPosition({
-        height,
-        width,
-        pageX,
-        pageY,
+    if (!popover.isOpen) {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        popover.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        popover.setIsOpen(true);
       });
-    });
-
-    popover.setIsOpen((prev) => !prev);
+    } else {
+      popover.setIsOpen(false);
+    }
   };
 
   useImperativeHandle(ref, () => ({
-    open: () => popover.setIsOpen(true),
+    open: () => {
+      triggerRef.current?.measureInWindow((pageX, pageY, width, height) => {
+        popover.setTriggerPosition({
+          height,
+          width,
+          pageX,
+          pageY,
+        });
+        popover.setIsOpen(true);
+      });
+    },
     close: () => popover.setIsOpen(false),
   }));
 

package/src/primitives/portal/portal.web.tsx

@@ -0,0 +1,22 @@
+import { useState } from "react";
+import { createPortal } from "react-dom";
+import { DEFAULT_PORTAL_HOST, type PortalProps } from "./portal.constants";
+
+export function PortalHost() {
+  return <></>;
+}
+
+export function Portal({ name, hostName = DEFAULT_PORTAL_HOST, children }: PortalProps) {
+  const [container] = useState(() => {
+    let container = document.getElementById(hostName);
+
+    if (!container) {
+      container = document.createElement("div");
+      container.id = hostName;
+      document.body.appendChild(container);
+    }
+    return container;
+  });
+
+  return <>{createPortal(children, container, name)}</>;
+}