@apteva/apteva-kit 0.1.114 → 0.1.115

package/dist/index.js

@@ -1449,9 +1449,12 @@ function PortalDropdown({
   children
 }) {
   const dropdownRef = _react.useRef.call(void 0, null);
-  const [pos, setPos] = _react.useState.call(void 0, { top: 0, left: 0, width: 0 });
+  const [pos, setPos] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    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 _reactdom.createPortal.call(void 0, 
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
@@ -1517,7 +1520,7 @@ function CustomSelect({
 }) {
   const [open, setOpen] = _react.useState.call(void 0, false);
   const triggerRef = _react.useRef.call(void 0, null);
-  const selected = _optionalChain([options, 'optionalAccess', _18 => _18.find, 'call', _19 => _19((o) => o.value === value)]);
+  const selected = _optionalChain([options, 'optionalAccess', _18 => _18.find, 'call', _19 => _19((o) => o.label === value || o.value === value)]);
   const close = _react.useCallback.call(void 0, () => setOpen(false), []);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "apteva-select relative", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -1533,7 +1536,7 @@ function CustomSelect({
         "aria-hidden": true,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "" }),
-          _optionalChain([options, 'optionalAccess', _20 => _20.map, 'call', _21 => _21((o) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: o.value, children: o.label }, o.value))])
+          _optionalChain([options, 'optionalAccess', _20 => _20.map, 'call', _21 => _21((o) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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