@apteva/apteva-kit 0.1.113 → 0.1.115

package/dist/index.mjs

@@ -1449,9 +1449,12 @@ function PortalDropdown({
   children
 }) {
   const dropdownRef = useRef3(null);
-  const [pos, setPos] = useState3({ top: 0, left: 0, width: 0 });
+  const [pos, setPos] = useState3(null);
   useEffect3(() => {
-    if (!open || !anchorRef.current) return;
+    if (!open || !anchorRef.current) {
+      setPos(null);
+      return;
+    }
     const update = () => {
       const rect = anchorRef.current.getBoundingClientRect();
       setPos({
@@ -1487,7 +1490,7 @@ function PortalDropdown({
     document.addEventListener("keydown", handler);
     return () => document.removeEventListener("keydown", handler);
   }, [open, onClose]);
-  if (!open) return null;
+  if (!open || !pos) return null;
   return createPortal(
     /* @__PURE__ */ jsx6(
       "div",
@@ -1517,7 +1520,7 @@ function CustomSelect({
 }) {
   const [open, setOpen] = useState3(false);
   const triggerRef = useRef3(null);
-  const selected = options?.find((o) => o.value === value);
+  const selected = options?.find((o) => o.label === value || o.value === value);
   const close = useCallback(() => setOpen(false), []);
   return /* @__PURE__ */ jsxs4("div", { className: "apteva-select relative", children: [
     /* @__PURE__ */ jsxs4(
@@ -1533,7 +1536,7 @@ function CustomSelect({
         "aria-hidden": true,
         children: [
           /* @__PURE__ */ jsx6("option", { value: "" }),
-          options?.map((o) => /* @__PURE__ */ jsx6("option", { value: o.value, children: o.label }, o.value))
+          options?.map((o) => /* @__PURE__ */ jsx6("option", { value: o.label, children: o.label }, o.value))
         ]
       }
     ),
@@ -1565,10 +1568,10 @@ function CustomSelect({
         {
           type: "button",
           onClick: () => {
-            onChange(opt.value);
+            onChange(opt.label);
             close();
           },
-          className: `apteva-select-option w-full text-left px-3 py-2 text-sm transition-colors ${opt.value === value ? "apteva-select-option-active" : ""}`,
+          className: `apteva-select-option w-full text-left px-3 py-2 text-sm transition-colors ${value === opt.label ? "apteva-select-option-active" : ""}`,
           children: opt.label
         },
         opt.value