@apia/components 3.0.10 → 3.0.12

package/dist/index.js

@@ -1354,22 +1354,37 @@ const OpenModal = (props) => {
   if (previousOpenProp.current !== props.isOpen && !props.isOpen) {
     modalProps.hide();
   }
+  const hasConfirmed = useRef(false);
   const confirmProps = props.confirmProps;
   if (props.onConfirm || props.onCancel) {
-    return /* @__PURE__ */ jsx(Modal, { ...props, ...modalProps, children: /* @__PURE__ */ jsx(
-      Confirm,
+    return /* @__PURE__ */ jsx(
+      Modal,
       {
-        ...confirmProps,
-        onConfirm: () => {
-          props.onConfirm?.();
-          modalProps.hide();
-        },
-        onCancel: () => {
-          modalProps.hide();
+        ...props,
+        ...modalProps,
+        onExited: () => {
+          props.onClose?.();
+          if (!hasConfirmed.current) {
+            props.onCancel?.();
+          }
         },
-        children: props.children
+        children: /* @__PURE__ */ jsx(
+          Confirm,
+          {
+            ...confirmProps,
+            onConfirm: () => {
+              hasConfirmed.current = true;
+              props.onConfirm?.();
+              modalProps.hide();
+            },
+            onCancel: () => {
+              modalProps.hide();
+            },
+            children: props.children
+          }
+        )
       }
-    ) });
+    );
   }
   return /* @__PURE__ */ jsx(Modal, { ...props, ...modalProps });
 };
@@ -2063,7 +2078,7 @@ class TabsController {
     const openIndex = tabsList.findIndex(
       (current) => current === this.activeTab
     );
-    if (openIndex < 0)
+    if (openIndex == tabsList.length - 1)
       return null;
     const newOpenIndex = openIndex + 1;
     this.openTab(tabsList[newOpenIndex].id);
@@ -5101,16 +5116,18 @@ const AutoEllipsis = ({
       unsuscribe.current();
       function showBox() {
         clone.current = el.cloneNode(true);
-        Object.entries(window.getComputedStyle(findParent?.(el) ?? el)).forEach(
-          ([name, value]) => {
-            if (name.match(/webkit/))
-              return;
-            try {
+        const target = findParent?.(el) ?? el;
+        const styles = window.getComputedStyle(target);
+        for (let i = 0; i < styles.length; i++) {
+          try {
+            const name = styles[i];
+            const value = styles[name];
+            if (!name.match(/webkit/)) {
               clone.current.style[name] = value;
-            } catch (e) {
             }
+          } catch (e) {
           }
-        );
+        }
         const bound = el.getBoundingClientRect();
         clone.current.style.position = "fixed";
         clone.current.style.left = `${bound.left - 1}px`;
@@ -5127,16 +5144,19 @@ const AutoEllipsis = ({
         clone.current.style.height = "auto";
         clone.current.style.fill = "var(--theme-ui-colors-palette-text-primary)";
         clone.current.style.pointerEvents = "none";
+        clone.current.style.wordBreak = "break-all";
         const overridenStyles = overrideStyles?.(el);
         if (overridenStyles) {
-          Object.entries(overridenStyles).forEach(([name, value]) => {
-            if (name.match(/webkit/))
-              return;
+          for (let i = 0; i < (overridenStyles?.length ?? 0); i++) {
             try {
-              clone.current.style[name] = value;
+              const name = overridenStyles[i];
+              const value = overridenStyles[name];
+              if (!name.match(/webkit/)) {
+                clone.current.style[name] = value;
+              }
             } catch (e) {
             }
-          });
+          }
         }
         clone.current.addEventListener("mouseleave", (ev) => {
           if (isChild(
@@ -5147,8 +5167,6 @@ const AutoEllipsis = ({
           clone.current?.remove();
         });
         function close() {
-          clone.current?.remove();
-          document.removeEventListener("scroll", close);
         }
         document.addEventListener("scroll", close);
         document.body.append(clone.current);