sellmate-design-system-react 0.8.0 → 0.8.2

package/dist/index.js

@@ -4399,6 +4399,7 @@ function SPortal({
   viewportPadding = 0,
   onOpenAutoFocus,
   onCloseAutoFocus,
+  onPointerDownOutside,
   children,
   className,
   style,
@@ -4427,7 +4428,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)) {
@@ -6331,6 +6334,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]);
@@ -6360,7 +6364,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) {
@@ -6584,8 +6590,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)]",
@@ -9359,14 +9369,14 @@ function SKeyValueTable({
                       /* @__PURE__ */ jsx("span", { className: "text-[12px] font-bold leading-[20px] text-[color:var(--sys-color-fg-primary)]", children: f.label }),
                       f.required && /* @__PURE__ */ jsx(SIcon, { name: "star", size: 12, color: "var(--sys-color-fg-accent)" })
                     ] }),
-                    f.helpText && /* @__PURE__ */ jsx(
+                    f.helpText && f.helpText.length > 0 && /* @__PURE__ */ jsx(
                       STooltip,
                       {
                         trigger: "hover",
                         icon: "helpOutline",
                         iconSize: 16,
                         color: "var(--sys-color-fg-success)",
-                        message: [f.helpText]
+                        message: f.helpText
                       }
                     )
                   ] })