sellmate-design-system-react 0.8.0 → 0.8.1

package/dist/components/SKeyValueTable/SKeyValueTable.js

@@ -4248,6 +4248,7 @@ function SPortal({
   viewportPadding = 0,
   onOpenAutoFocus,
   onCloseAutoFocus,
+  onPointerDownOutside,
   children,
   className,
   style,
@@ -4276,7 +4277,9 @@ function SPortal({
             onPointerDownOutside: (e) => {
               if (persistent || anchorRef.current?.contains(e.target)) {
                 e.preventDefault();
+                return;
               }
+              onPointerDownOutside?.(e);
             },
             onFocusOutside: (e) => {
               if (persistent || anchorRef.current?.contains(e.target)) {
@@ -4381,6 +4384,7 @@ var SSelect = forwardRef(function SSelect2({
   const triggerRef = useRef(null);
   const searchInputRef = useRef(null);
   const listRef = useRef(null);
+  const dismissedByPointerRef = useRef(false);
   const flat = useMemo(() => flattenOptions(options), [options]);
   const selectable = useMemo(() => selectableOptions(flat), [flat]);
   const hasLeaf = useMemo(() => flat.some((o) => !o.isGroup), [flat]);
@@ -4410,7 +4414,9 @@ var SSelect = forwardRef(function SSelect2({
   const commitOpen = (next) => {
     setOpen(next);
     onOpenChange?.(next);
-    if (!next) {
+    if (next) {
+      dismissedByPointerRef.current = false;
+    } else {
       setPendingOpen(false);
       setSearch("");
       if (rules && rules.length > 0) {
@@ -4634,8 +4640,12 @@ var SSelect = forwardRef(function SSelect2({
               event.preventDefault();
               requestAnimationFrame(() => searchInputRef.current?.focus());
             },
+            onPointerDownOutside: () => {
+              dismissedByPointerRef.current = true;
+            },
             onCloseAutoFocus: (event) => {
               event.preventDefault();
+              if (dismissedByPointerRef.current) return;
               triggerRef.current?.focus();
             },
             className: "rounded-[var(--cmp-listBox-radius)] bg-[var(--cmp-listBox-bg)] shadow-[2px_2px_12px_2px_rgba(0,0,0,0.1)]",